.team-calendar-main{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}
.team-calendar-toolbar{display:flex;align-items:center;gap:8px}
/* Same heading style as "Your tasks" / "Your canvases" on the other Dashboard views */
.team-calendar-heading{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}
.team-calendar-actions{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.team-calendar-views{display:flex;align-items:center;padding:2px;border:1px solid var(--border);border-radius:var(--r-md);margin-left:auto}.team-calendar-views .btn{border:0}.team-calendar-views .btn.on{background:var(--bg3);color:var(--text);font-weight:600}.team-month-nav{display:flex;align-items:center;gap:6px}
.team-calendar-scroll{overflow-y:auto;flex:1;min-width:0}
.team-calendar-workspace #team-month-wrap{padding:0}
.team-calendar-workspace .equip-month-head{padding:8px 5px;background:var(--bg2);font-size:var(--ui-caption);letter-spacing:.02em}
.team-calendar-workspace .equip-month-cell{min-height:108px;padding:6px;background:var(--bg)}
.team-calendar-workspace .equip-month-cell:hover{background:color-mix(in srgb,var(--accent) 5%,var(--bg))}
.team-calendar-workspace .equip-month-day-num{width:22px;height:22px;display:grid;place-items:center;margin-bottom:3px;font-variant-numeric:tabular-nums;font-size:var(--ui-caption)}
.team-calendar-workspace .equip-month-more{display:block;width:100%;border:0;background:transparent;color:var(--text3);font:inherit;font-size:var(--ui-caption);text-align:left;padding:2px 6px;cursor:pointer;border-radius:var(--r-sm)}
.team-calendar-workspace .equip-month-more:hover,.team-calendar-workspace .equip-month-more:focus-visible{background:var(--bg3);color:var(--text)}
.team-calendar-workspace .equip-month-event{padding:3px 6px;margin-bottom:3px;font-size:var(--ui-caption);line-height:1.35;font-weight:550}
.team-calendar-workspace .equip-month-event.is-pending{opacity:1!important;background:transparent!important;border:1px dashed currentColor;border-left-width:2px}
.home-celebration-icon{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto}.home-celebration-icon svg{width:18px;height:18px}
@media(max-width:1150px){.team-calendar-toolbar{align-items:flex-start}.team-calendar-actions{flex-wrap:wrap}.team-calendar-views{order:2}.team-month-nav{order:3}.team-calendar-actions>#team-add-dd{order:4}}
@media(max-width:820px){.team-calendar-heading{display:none}.team-calendar-toolbar{padding-left:0}.team-calendar-views{order:2;margin-left:0}.team-month-nav{order:3;min-width:0;flex:1}.team-month-nav #team-month-label{min-width:0!important;flex:1}.team-calendar-actions>#team-add-dd{order:4}.team-calendar-workspace .equip-month-grid{min-width:720px}.team-calendar-scroll{overflow:auto}}
.team-calendar-workspace.view-week .equip-month-cell{min-height:360px}
.team-calendar-workspace.view-day .team-calendar-scroll,.team-calendar-workspace.view-week .team-calendar-scroll{background:var(--bg)}
.team-calendar-workspace.view-agenda .team-calendar-scroll{display:block}

/* Week/day share one time-grid. Tasks with a due time are deadline markers;
   only records with a real start and end occupy a duration block. */
.tc-timegrid{display:grid;grid-template-columns:58px minmax(720px,1fr);min-width:778px;background:var(--bg)}
.tc-timegrid.is-day{grid-template-columns:58px minmax(320px,1fr);min-width:378px}
.tc-time-corner,.tc-time-all-label{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2)}
.tc-time-corner{min-height:48px}
.tc-time-corner,.tc-time-heads{position:sticky;top:0;z-index:12}
.tc-time-all-label,.tc-time-alldays{position:sticky;top:48px;z-index:11;background:var(--bg)}
.tc-time-heads,.tc-time-alldays,.tc-time-columns{display:grid;grid-template-columns:repeat(var(--tc-days),minmax(0,1fr))}
.tc-time-heads{min-height:48px;border-bottom:1px solid var(--border);background:var(--bg2)}
.tc-time-head{display:flex;align-items:center;justify-content:center;gap:7px;border-right:1px solid var(--border);font-size:var(--ui-label);color:var(--text2)}
.tc-time-head b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:var(--ui-section);font-variant-numeric:tabular-nums}
.tc-time-head.is-today{color:var(--accent-ink);font-weight:600}.tc-time-head.is-today b{background:var(--accent-ink);color:var(--on-accent)}
.tc-time-all-label{display:flex;align-items:flex-start;justify-content:flex-end;padding:8px 7px;font-size:var(--ui-caption);color:var(--text3)}
.tc-time-alldays{min-height:38px;border-bottom:1px solid var(--border)}
.tc-time-allday{min-width:0;padding:4px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:3px}
.tc-time-allchip{min-width:0;display:flex;align-items:center;gap:5px;border:1px solid color-mix(in srgb,var(--tc-color) 28%,transparent);border-radius:var(--r-sm);background:color-mix(in srgb,var(--tc-color) 12%,var(--bg));color:var(--text);padding:3px 5px;font:inherit;font-size:var(--ui-caption);text-align:left;cursor:pointer}
.tc-time-allchip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-time-allchip:hover{border-color:var(--tc-color)}
.tc-time-allchip.is-editable{cursor:grab;touch-action:none}.tc-time-allchip.is-dragging{z-index:8;opacity:.78;box-shadow:0 5px 16px rgba(15,23,42,.18)}
.tc-time-hours{position:relative;height:calc(24 * var(--tc-hour));border-right:1px solid var(--border);background:var(--bg)}
.tc-hour-label{position:absolute;right:7px;transform:translateY(-50%);font-size:var(--ui-caption);color:var(--text3);font-variant-numeric:tabular-nums}
.tc-time-columns{position:relative;height:calc(24 * var(--tc-hour));background:repeating-linear-gradient(to bottom,var(--border) 0 1px,transparent 1px calc(var(--tc-hour)/2),color-mix(in srgb,var(--border) 55%,transparent) calc(var(--tc-hour)/2) calc(var(--tc-hour)/2 + 1px),transparent calc(var(--tc-hour)/2 + 1px) var(--tc-hour))}
.tc-time-column{position:relative;min-width:0;height:100%;border-right:1px solid var(--border)}
.tc-time-column.is-today{background:color-mix(in srgb,var(--accent) 3%,transparent)}
.tc-time-event{position:absolute;z-index:2;left:3px;right:3px;min-height:20px;overflow:hidden;display:flex;align-items:flex-start;gap:5px;border:1px solid color-mix(in srgb,var(--tc-color) 34%,transparent);border-left:3px solid var(--tc-color);border-radius:var(--r-sm);background:color-mix(in srgb,var(--tc-color) 15%,var(--bg));color:var(--text);padding:3px 5px;font:inherit;font-size:var(--ui-caption);line-height:1.25;text-align:left;cursor:pointer}
.tc-time-event:hover,.tc-time-event:focus-visible{z-index:4;border-color:var(--tc-color);outline:none;box-shadow:0 2px 8px color-mix(in srgb,var(--tc-color) 20%,transparent)}
.tc-time-event-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.tc-time-event small{margin-left:auto;color:var(--text3);font-size:var(--ui-caption);font-variant-numeric:tabular-nums;white-space:nowrap}
.tc-time-event.is-deadline{border-radius:10px;height:22px!important;align-items:center;padding-top:2px;padding-bottom:2px}
.tc-time-event.is-editable{cursor:grab;touch-action:none}.tc-time-event.is-dragging{z-index:9;opacity:.78;cursor:grabbing;box-shadow:0 7px 18px rgba(15,23,42,.2)}
.tc-time-preview{display:none;margin-left:auto;padding:0 3px;border-radius:var(--r-sm);background:var(--bg);color:var(--text);font-size:var(--ui-caption);white-space:nowrap}.is-dragging>.tc-time-preview{display:inline}
.tc-resize{position:absolute;right:4px;bottom:1px;width:28px;height:7px;cursor:ns-resize;opacity:.35;transition:opacity .12s}.tc-time-event:hover .tc-resize,.tc-time-event:focus-visible .tc-resize,.tc-time-event.is-dragging .tc-resize{opacity:1}.tc-resize::after{content:"";position:absolute;left:3px;right:3px;bottom:2px;height:2px;border-radius:2px;background:color-mix(in srgb,var(--tc-color) 70%,transparent)}
.tc-slot-selection{position:absolute;z-index:7;left:3px;right:3px;border:1px solid var(--accent-ink);border-radius:var(--r-sm);background:color-mix(in srgb,var(--accent) 16%,var(--bg));color:var(--accent-ink);padding:3px 5px;font-size:var(--ui-caption);font-variant-numeric:tabular-nums;pointer-events:none}
.tc-now{position:absolute;z-index:5;left:0;right:0;height:1px;background:var(--chip-red-fg);pointer-events:none}.tc-now span{position:absolute;width:7px;height:7px;left:-4px;top:-3px;border-radius:50%;background:var(--chip-red-fg)}
@media(max-width:820px){.tc-timegrid:not(.is-day){min-width:840px}.tc-timegrid.is-day{min-width:100%}}
.tc-create-modal{width:min(520px,calc(100vw - 24px))}.tc-create-modal>label,.tc-create-row label{display:flex;flex-direction:column;gap:5px;font-size:var(--ui-label);color:var(--text2)}.tc-create-modal input,.tc-create-modal select{width:100%}.tc-create-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}@media(max-width:520px){.tc-create-row{grid-template-columns:1fr}}
.team-agenda{max-width:920px;margin:0 auto;padding:12px 18px 24px}.team-agenda-day{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.team-agenda-date{font-size:var(--ui-label);font-weight:600;color:var(--text2)}.team-agenda-items{display:flex;flex-direction:column;gap:5px}.team-agenda-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);color:var(--text);font:inherit;font-size:var(--ui-body);text-align:left;cursor:pointer}.team-agenda-item:hover{background:var(--bg2);border-color:var(--border2)}.team-agenda-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.team-agenda-item small{margin-left:auto;color:var(--text3);font-size:var(--ui-caption)}

/* Calendar chips stay flat and quiet. Shape carries event type; a small marker
   carries calendar/person colour, without turning the whole grid into a rainbow. */
.team-calendar-workspace .equip-month-event{border-left:0;border:1px solid transparent;font-weight:500}
.team-calendar-workspace .equip-month-event:hover{filter:none;border-color:var(--border2)}
.team-calendar-workspace .equip-month-event.tc-away{background:var(--bg3);color:var(--text2)}
.team-calendar-workspace .equip-month-event.tc-event{background:color-mix(in srgb,var(--pf-s3) 16%,var(--bg));color:var(--pf-s4)}
.team-calendar-workspace .equip-month-event.tc-celeb{background:transparent;color:var(--text3);border-color:var(--border)}
.team-calendar-workspace .equip-month-event.tc-milestone{background:transparent;color:var(--pf-s4);display:flex;align-items:center;gap:5px;padding-left:2px}
.team-calendar-workspace .equip-month-event.tc-milestone.is-overdue{color:var(--chip-red-fg);font-weight:600}
.team-calendar-workspace .equip-month-event.tc-milestone.is-reached{color:var(--text3)}
.team-calendar-workspace .equip-month-event.tc-unified,.team-calendar-workspace .equip-month-event.tc-away,.team-calendar-workspace .equip-month-event.tc-event,.team-calendar-workspace .equip-month-event.tc-celeb{display:flex;align-items:center;gap:5px}
.team-calendar-workspace .equip-month-event.tc-unified{background:transparent;color:var(--text2);border-color:var(--border)}
.team-calendar-workspace .equip-month-event.tc-readonly{cursor:default}
.team-calendar-workspace .equip-month-event.tc-unified small{margin-left:auto;color:var(--text3);font-size:var(--ui-caption);font-variant-numeric:tabular-nums}
.team-calendar-workspace .tc-task{color:var(--pf-s2)}
.team-calendar-workspace .tc-recurring{color:var(--pf-s3)}
.team-calendar-workspace .tc-booking{color:var(--pf-s4)}
.team-calendar-workspace .tc-maintenance{color:var(--orange)}
.team-calendar-workspace .equip-month-event.is-pending{border:1px dashed currentColor;background:transparent!important}


/* Hover details */
.tc-pop{position:fixed;z-index:300;width:max-content;max-width:290px;padding:10px 12px;border:1px solid var(--border2);border-radius:var(--r-md);background:var(--bg);color:var(--text);box-shadow:0 8px 24px rgba(15,23,42,.14);pointer-events:none;font-size:var(--ui-label)}
.tc-pop[hidden]{display:none}
.tc-pop-kind{font-size:var(--ui-caption);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text3)}
.tc-pop-title{margin:2px 0 6px;font-weight:600;font-size:var(--ui-body);overflow-wrap:anywhere}
.tc-pop-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;padding:2px 0;font-size:var(--ui-caption)}
.tc-pop-row>span:first-child{color:var(--text3)}
.tc-pop-row>span:last-child{color:var(--text);overflow-wrap:anywhere}
.tc-pop-hint{margin-top:6px;padding-top:6px;border-top:1px solid var(--border);font-size:var(--ui-caption);color:var(--text3)}

/* Upcoming + agenda: rows read like Home's task rows — flat, hover wash, one quiet marker in the calendar's colour. */
.team-agenda-item{cursor:pointer}
.team-agenda-title{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-agenda-time{font-variant-numeric:tabular-nums}
.team-agenda-day.is-today .team-agenda-date{color:var(--accent-ink)}
.equip-month-event.tc-unified,.equip-month-event.tc-away,.equip-month-event.tc-event,.equip-month-event.tc-celeb,.equip-month-event.tc-milestone{cursor:pointer}
.equip-month-event[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
/* Drawer summary for a calendar entry */
.cal-mark{display:inline-flex;align-items:center;margin-right:6px;color:var(--tc-color,var(--text3))}
.cal-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tc-color,var(--text3));margin-right:7px;vertical-align:baseline}
.cal-note{display:block;font-size:var(--ui-caption);color:var(--text3);line-height:1.45}

/* Marker: one quiet dot in the calendar's colour — what an entry is reads from its text. */
.tc-dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--tc-color,currentColor);opacity:.85}
.team-calendar-workspace .equip-month-event .tc-dot{margin-right:1px}
/* Join: Teams / Zoom / Meet… visible on hover or focus only */
.tc-join{display:none;margin-left:auto;flex:none;align-items:center;gap:4px;padding:0 7px;height:18px;border:1px solid var(--border2);border-radius:var(--r-sm);background:var(--bg);color:var(--accent-ink);font:inherit;font-size:var(--ui-caption);font-weight:600;line-height:1;cursor:pointer;text-decoration:none}
.tc-join svg{width:11px;height:11px}
.tc-join:hover{background:var(--bg2)}
.equip-month-event:hover .tc-join,.equip-month-event:focus-within .tc-join,.team-agenda-item:hover .tc-join,.team-agenda-item:focus-within .tc-join,.tc-join:focus-visible{display:inline-flex}
@media (hover:none){.tc-join{display:inline-flex}}
/* Sidebar */
#team-sidebar{top:0;min-height:0;width:260px;padding:0}
#team-sidebar.collapsed{width:0}
.team-sidebar-body{flex:1;min-height:0;overflow-y:auto;padding-bottom:12px}
#team-sidebar.collapsed .team-sidebar-body{display:none}
.tc-mini{padding:2px 2px 14px;margin-bottom:6px;border-bottom:1px solid var(--border)}
.tc-mini-head{display:flex;align-items:center;justify-content:space-between;margin:2px 0 8px;font-size:var(--ui-body)}
.tc-mini-head b{font-weight:650;text-transform:capitalize}.tc-mini-head i{font-style:normal;color:var(--text3)}
.tc-mini-head>span:last-child{display:flex;gap:2px}
.tc-mini-head .icon-btn{width:24px;height:24px;border:0;background:transparent;color:var(--text3)}
.tc-mini-head .icon-btn:hover{background:var(--bg3);color:var(--text)}
.tc-mini-head .icon-btn svg{width:13px;height:13px}
.tc-mini-grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px}
.tc-mini-dow span{text-align:center;font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--text3);padding:0 0 4px}
.tc-mini-day{position:relative;width:28px;height:28px;margin:0 auto;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text);font:inherit;font-size:var(--ui-caption);font-variant-numeric:tabular-nums;cursor:pointer;padding:0;transition:background var(--mo-fast,.12s)}
.tc-mini-day:hover{background:var(--bg3)}
.tc-mini-day.other{color:var(--text3);opacity:.55}
.tc-mini-day.in-range{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.tc-mini-day.picked{background:color-mix(in srgb,var(--accent) 20%,transparent)}
.tc-mini-day.today{font-weight:700;color:var(--on-accent);background:var(--accent-ink)}
.tc-mini-day.busy::after{content:"";position:absolute;bottom:1px;left:50%;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;background:var(--text3)}
.tc-mini-day.today.busy::after{background:var(--on-accent)}
.tc-mini-day:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-sm)}
/* Tick lists */
.tcs-group{margin:0 0 14px}
.tcs-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 4px 2px}
.tcs-title{font-size:var(--ui-caption);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)}
.tcs-acts{display:flex;gap:2px}
.tcs-link{border:0;background:transparent;font:inherit;font-size:var(--ui-caption);color:var(--text3);padding:1px 6px;border-radius:var(--r-sm);cursor:pointer}
.tcs-link:hover{background:var(--bg3);color:var(--text)}
.tcs-link.is-on{color:var(--accent-ink);font-weight:600}
.tcs-search{width:100%;margin:2px 0 6px}
.tcs-list{display:flex;flex-direction:column}
.tcs-row{display:flex;align-items:center;gap:9px;min-height:28px;padding:3px 6px;border-radius:var(--r-sm);cursor:pointer;font-size:var(--ui-body);color:var(--text2);user-select:none}
.tcs-row:hover{background:var(--bg3)}
.tcs-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.tcs-row.on{color:var(--text)}
.tcs-box{width:15px;height:15px;flex:none;display:grid;place-items:center;border:1.5px solid var(--c);border-radius:4px;color:#fff;transition:background var(--mo-fast,.12s)}
.tcs-row.on .tcs-box{background:var(--c)}
.tcs-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tcs-n{font-size:var(--ui-caption);color:var(--text3);font-variant-numeric:tabular-nums}
.tcs-only{display:none;border:0;background:transparent;font:inherit;font-size:var(--ui-caption);font-weight:600;color:var(--accent-ink);padding:0 4px;cursor:pointer}
.tcs-row:hover .tcs-only,.tcs-row:focus-within .tcs-only{display:inline}
.tcs-row:hover .tcs-n,.tcs-row:focus-within .tcs-n{display:none}
.tcs-empty{padding:6px;color:var(--text3);font-size:var(--ui-caption)}
.tcs-types>summary,.tcs-fold>summary{cursor:pointer;list-style:none;font-size:var(--ui-caption);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);padding:4px 2px;display:flex;align-items:center;gap:6px}
.tcs-types>summary::-webkit-details-marker,.tcs-fold>summary::-webkit-details-marker{display:none}
.tcs-types>summary::after,.tcs-fold>summary::after{content:"";width:6px;height:6px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform var(--mo-fast,.12s)}
.tcs-types[open]>summary::after,.tcs-fold[open]>summary::after{transform:rotate(-135deg)}
.tcs-dotflag{width:6px;height:6px;border-radius:50%;background:var(--accent-ink)}
.tcs-manage{display:block;margin:4px 2px 0;border:0;background:transparent;font:inherit;font-size:var(--ui-caption);color:var(--text3);cursor:pointer;padding:4px}
.tcs-manage:hover{color:var(--text);text-decoration:underline}
.team-sidebar-body{padding:10px 10px 12px}
/* Chips take their person's / calendar's colour as a soft tint */
.team-calendar-workspace .equip-month-event.tc-unified,.team-calendar-workspace .equip-month-event.tc-away,.team-calendar-workspace .equip-month-event.tc-celeb{background:color-mix(in srgb,var(--tc-color) 13%,var(--bg));border-color:color-mix(in srgb,var(--tc-color) 28%,transparent);color:var(--text)}
.team-calendar-workspace .equip-month-event.tc-away.is-pending{background:transparent!important;border:1px dashed var(--tc-color)}
.team-agenda-item{border-left:3px solid var(--tc-color,var(--border2))}
/* Agenda */
.team-agenda-empty{color:var(--text3);font-size:var(--ui-caption);padding:6px 4px}
@media(max-width:820px){
  #equip-team-inner{position:relative}
  #team-sidebar:not(.collapsed){position:absolute;z-index:40;left:0;top:0;bottom:0;width:min(88vw,320px);background:var(--bg);box-shadow:0 0 0 100vmax rgba(15,23,42,.28),8px 0 24px rgba(15,23,42,.18)}
  #team-sidebar:not(.collapsed) .team-sidebar-body{padding-bottom:80px}
}

/* Calendars that are not mine: translucent, and their colour cannot be changed here */
.tcs-row.foreign .tcs-box{opacity:.45}
.team-calendar-workspace .equip-month-event.tc-other{background:color-mix(in srgb,var(--tc-color) 7%,var(--bg));border-color:color-mix(in srgb,var(--tc-color) 16%,transparent)}
.team-calendar-workspace .equip-month-event.tc-other .tc-dot{opacity:.5}
.team-calendar-workspace .equip-month-event.tc-other>span:not(.tc-dot){opacity:.8}
.tcs-pick{display:none;position:relative;width:16px;height:16px;flex:none;cursor:pointer}
.tcs-pick input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}
.tcs-pick::before{content:"";position:absolute;inset:1px;border-radius:50%;background:conic-gradient(#e5484d,#f5a524,#46a758,#3e63dd,#8e4ec6,#e5484d);border:1.5px solid var(--bg)}
.tcs-row:not(.foreign):hover .tcs-pick,.tcs-row:not(.foreign):focus-within .tcs-pick{display:inline-block}
@media(max-width:820px){
  .team-calendar-toolbar{height:auto;min-height:0;flex-wrap:wrap;overflow:visible;padding:8px 0}
  .team-calendar-actions{width:100%;flex-wrap:wrap;row-gap:8px}
  .team-calendar-views{margin-left:0}
  .team-month-nav{flex:1 1 auto;justify-content:space-between}
}
/* Dashboard view switcher (Board / Table / Calendar) at the start of the calendar toolbar */
@media(max-width:820px){.team-calendar-toolbar{flex-wrap:wrap;row-gap:6px}}


/* Weight by origin: imported (ICS) calendars are context, planned work is what I do, deadlines are markers. */
.team-calendar-workspace .equip-month-event.tc-tier-ics{background:color-mix(in srgb,var(--tc-color) 8%,var(--bg));border-color:transparent;box-shadow:inset 3px 0 0 var(--tc-color);padding-left:9px;color:var(--text2);font-weight:500}
.team-calendar-workspace .equip-month-event.tc-tier-ics .tc-dot{display:none}
.team-calendar-workspace .equip-month-event.tc-tier-work{background:color-mix(in srgb,var(--tc-color) 24%,var(--bg));border-color:color-mix(in srgb,var(--tc-color) 55%,transparent);color:var(--text);font-weight:500}
.team-calendar-workspace .equip-month-event.tc-tier-deadline{background:transparent;border-color:transparent;padding-left:2px;color:var(--text);font-weight:500}
.team-calendar-workspace .equip-month-event.tc-tier-deadline.is-overdue{color:var(--chip-red-fg)}
.tc-flag{display:inline-flex;flex:none;color:var(--tc-color,var(--text3))}.tc-flag svg{width:12px;height:12px}
.is-overdue>.tc-flag{color:var(--chip-red-fg)}
.team-calendar-workspace .tc-time-allchip.tc-tier-ics{background:color-mix(in srgb,var(--tc-color) 8%,var(--bg));border-color:transparent;color:var(--text2)}
.team-calendar-workspace .tc-time-allchip.tc-tier-deadline{background:transparent;border-color:transparent;font-weight:500}

/* "+N more" opens a card with the rest of the day on hover */
.tc-more-pop{position:fixed;z-index:300;width:max-content;min-width:200px;max-width:300px;max-height:min(60vh,380px);overflow:auto;padding:8px;background:var(--bg);border:1px solid var(--border2);border-radius:var(--r-md);box-shadow:var(--shadow-md,0 8px 24px rgba(15,23,42,.16))}
.tc-more-pop[hidden]{display:none}
.tc-more-h{font-size:var(--ui-caption);font-weight:700;color:var(--text3);padding:0 2px 6px}
.tc-more-pop .equip-month-event{display:flex;align-items:center;gap:5px;padding:3px 6px;margin-bottom:3px;border:1px solid transparent;border-radius:var(--r-xs);font-size:var(--ui-caption);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;background:color-mix(in srgb,var(--tc-color,var(--text3)) 10%,var(--bg));color:var(--text)}
.tc-more-pop .equip-month-event small{margin-left:auto;color:var(--text3);font-variant-numeric:tabular-nums}
.tc-more-pop .tc-tier-deadline{background:transparent;font-weight:500}
.tc-more-pop .tc-tier-ics{box-shadow:inset 3px 0 0 var(--tc-color);padding-left:9px}
.tc-more-pop .tc-tier-ics .tc-dot{display:none}
.tc-more-pop .is-overdue{color:var(--chip-red-fg)}

/* Week / day blocks: title first, time under it, nothing sits on top of the text */
.tc-time-event{container-type:size}
.tc-ev-body{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.tc-time-event .tc-time-event-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal;overflow:hidden;overflow-wrap:anywhere;font-weight:500}
.tc-time-event .tc-ev-body small{margin:0}
@container (max-height:44px){
  .tc-ev-body{flex-direction:row;align-items:baseline;gap:6px}
  .tc-time-event-title{-webkit-line-clamp:1!important}
  .tc-ev-body small{margin-left:auto;flex:none}
}
@container (max-width:110px){.tc-ev-body small{display:none}}
.tc-time-event.tc-tier-ics{border-color:transparent;border-left:3px solid var(--tc-color);background:color-mix(in srgb,var(--tc-color) 8%,var(--bg));color:var(--text2)}
.tc-time-event.tc-tier-ics .tc-time-event-title{font-weight:500}
.tc-time-event.tc-tier-work{background:color-mix(in srgb,var(--tc-color) 26%,var(--bg));border-color:color-mix(in srgb,var(--tc-color) 55%,transparent);border-left:3px solid var(--tc-color)}
.tc-time-event.tc-tier-deadline{background:transparent;border-color:color-mix(in srgb,var(--tc-color) 45%,transparent);border-left:3px solid var(--tc-color)}

/* Sidebar: the people list folds */
.tcs-people>summary .tcs-sum{margin-left:8px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text2)}

.tcs-top{margin-bottom:6px}

/* Calendar filters sit in the Dashboard sidebar: same left edge and rhythm as View / Manage / Kind / When */
#team-sidebar .tcs-group,#team-sidebar .tcs-fold,#team-sidebar .tcs-types,#team-sidebar .tc-mini{margin-bottom:18px}
#team-sidebar .tcs-head{margin-left:0}
#team-sidebar .tcs-fold>summary,#team-sidebar .tcs-types>summary{padding:2px 0 6px}
#team-sidebar .tcs-row{padding-left:8px;padding-right:8px}
#team-sidebar .tcs-fold .tcs-group,#team-sidebar .tcs-types .tcs-group{margin-bottom:6px}
#team-sidebar .tc-mini{padding-bottom:14px}
#team-sidebar .tcs-manage{margin-left:0;padding-left:8px}

/* Days already gone fade, and so do the days I am away (the absence chip itself stays at full strength) */
.team-calendar-workspace .emc-past .equip-month-day-num,.team-calendar-workspace .emc-past .equip-month-event,.team-calendar-workspace .emc-past .equip-month-more{opacity:.5}
.team-calendar-workspace .emc-past .equip-month-event:hover{opacity:1}
.team-calendar-workspace .emc-away{background:color-mix(in srgb,var(--text3) 7%,var(--bg))}
.team-calendar-workspace .emc-away .equip-month-day-num,.team-calendar-workspace .emc-away .equip-month-event:not(.tc-away),.team-calendar-workspace .emc-away .equip-month-more{opacity:.4}
.tc-time-column.is-past .tc-time-event{opacity:.75}
.tc-time-column.is-past .tc-time-event:hover{opacity:1}
.tc-time-column.is-away{background:color-mix(in srgb,var(--text3) 7%,transparent)}
.tc-time-column.is-away .tc-time-event:not(.tc-away){opacity:.4}
/* What an imported event says about my time: free is almost transparent, tentative has a dashed outline, out of office keeps
   the calendar's colour with a dashed side stripe */
.tc-avail-free{opacity:.22}
.tc-avail-free:hover{opacity:.9}
.team-calendar-workspace .equip-month-event.tc-tier-ics.tc-avail-tentative{box-shadow:none;border:1px dashed var(--tc-color);padding-left:6px}
.tc-time-event.tc-avail-tentative{border-style:dashed}
.team-calendar-workspace .equip-month-event.tc-tier-ics.tc-avail-oof{box-shadow:none;border-left:3px dashed var(--tc-color);padding-left:6px}
.tc-time-event.tc-avail-oof{border-left-style:dashed}
/* The weekday headings stay in view while the month scrolls */
.team-calendar-workspace .equip-month-head{position:sticky;top:0;z-index:3}
/* The first of a month says which month it starts */
.team-calendar-workspace .equip-month-cell{position:relative}
.emc-monlabel{position:absolute;top:8px;left:30px;font-size:var(--ui-caption);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text3)}


/* A planned task's title keeps full contrast: the pale project tint colours its stripe and fill, never its text */
.team-calendar-workspace .tc-time-event.tc-tier-work,.team-calendar-workspace .tc-time-event.tc-tier-deadline{color:var(--text)}