/* Semantic palette. Components keep their geometry when appearance changes. */
:root{
 /* Keep the approved light scrollbar in both themes, including native renderers. */
 scrollbar-color:#94a3b866 transparent;
 --background-primary:#f4f7fb;--background-secondary:#f8fafc;
 --surface-primary:#fff;--surface-secondary:#f1f5f9;--surface-elevated:#fff;
 --text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#64748b;
 --border-default:#cbd5e1;--border-subtle:#e2e8f0;--border-control:#64748b;
 --accent-primary:#2563eb;--accent-hover:#1d4ed8;--accent-text:#1d4ed8;
 --accent-surface:#eff6ff;--accent-teal:#06b7cb;--teal-surface:#ecfdf5;
 --success:#166534;--success-surface:#ecfdf5;--success-border:#86efac;
 --warning:#92400e;--warning-surface:#fffbeb;--warning-border:#fcd34d;
 --danger:#be123c;--danger-surface:#fff1f2;--danger-border:#fda4af;
 --purple:#7c3aed;--purple-surface:#f5f3ff;
 --focus-ring:#2563eb;--on-accent:#fff;
 --action-primary:#1669ff;--action-teal:#007f9e;
 --brand-action:linear-gradient(110deg,var(--action-primary),var(--action-teal));
 --brand-tab:linear-gradient(105deg,#2464ff,#13bec9);
}
:root[data-tf-color-mode=dark]{
 color-scheme:dark;
 --action-primary:#1e4ab2;--action-teal:#11616d;
 --brand-tab:var(--brand-action);
 --background-primary:#0B1120;--background-secondary:#0B1120;
 --surface-primary:#111B2E;--surface-secondary:#1C2A43;--surface-elevated:#1C2A43;
 --text-primary:#F1F5F9;--text-secondary:#A4B4CC;--text-muted:#A4B4CC;
 --border-default:#3e526f;--border-subtle:#2b3c57;--border-control:#6b819f;
 --accent-primary:#3B82F6;--accent-hover:#60a5fa;--accent-text:#93c5fd;
 --accent-surface:#193557;--accent-teal:#22D3C5;--teal-surface:#103b3d;
 --success:#6ee7b7;--success-surface:#10352f;--success-border:#28735c;
 --warning:#fcd34d;--warning-surface:#332b17;--warning-border:#8b7136;
 --danger:#fda4af;--danger-surface:#381b2a;--danger-border:#a7556b;
 --purple:#c4b5fd;--purple-surface:#2a2048;
 --focus-ring:#93c5fd;--on-accent:#fff;
 --tf-canvas:var(--background-primary);--tf-surface:var(--surface-primary);
 --tf-ink:var(--text-primary);--tf-muted:var(--text-secondary);
 --tf-line:var(--border-subtle);--tf-blue:var(--accent-primary);--tf-green:var(--accent-teal);
 --tf-gradient:var(--brand-action);
}

/* Native scrollbar-color/width suppress Chromium's arrow-free custom scrollbar. */
@supports selector(::-webkit-scrollbar){
 :root,:root *{scrollbar-color:auto!important}
 @media(min-width:768px){
  :root,:root *{scrollbar-width:auto!important}
  :root .tf-kanban-scroll,:root .lagend-sidebar.w-16 nav{scrollbar-width:none!important}
 }
 ::-webkit-scrollbar{width:8px;height:8px}
 ::-webkit-scrollbar-track{background:transparent}
 ::-webkit-scrollbar-thumb{background-color:#94a3b866;border-radius:9999px}
 ::-webkit-scrollbar-thumb:hover{background-color:#94a3b899}
 ::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}
}

.mail-sender{margin-bottom:24px;color:var(--tf-ink,#0b3155)}
.mail-sender>header{display:flex;align-items:center;gap:14px;margin-bottom:22px}.mail-sender h2{font-size:20px;font-weight:600;margin:0 0 5px}.mail-sender p{line-height:1.6}.mail-sender header p{margin:0;color:var(--tf-muted,#7c94b6);font-size:14px}.mail-sender-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:14px;background:#187aff12;color:#187aff}.mail-sender-icon svg{width:25px;height:25px}
.mail-sender-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:15px 18px;border:1px solid var(--tf-line,#e0e9f6);background:var(--tf-canvas,#f5f8fc);border-radius:14px;margin-bottom:20px;font-size:14px}.mail-sender-status small{flex-basis:100%;color:var(--tf-muted,#7c94b6)}
.mail-sender fieldset{border:0;padding:0;margin:0;min-width:0}.mail-sender-providers{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.mail-sender-providers button{border:1px solid var(--tf-line,#e0e9f6);border-radius:11px;padding:10px 18px;background:var(--tf-surface,#fff);color:inherit}.mail-sender-providers button[aria-pressed=true]{background:#1579ff14;border-color:#458bff;color:#2679ee}
.mail-sender-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mail-sender-field{display:flex;flex-direction:column;gap:8px;font-size:14px;min-width:0}.mail-sender-field input,.mail-sender-field select{width:100%;height:48px;border-radius:12px;border:1px solid var(--tf-line,#dce7f5);background:var(--tf-surface,#fff);color:var(--tf-ink,#0b3155);padding:0 14px;font:inherit;box-sizing:border-box}.mail-sender input:focus-visible,.mail-sender select:focus-visible,.mail-sender button:focus-visible{outline:2px solid #3187ff;outline-offset:3px}
.mail-sender-help{padding:16px 18px;border-radius:14px;background:var(--tf-canvas,#f5f8fc);margin-top:22px;font-size:13px}.mail-sender-help p{margin:6px 0;color:var(--tf-muted,#7c94b6)}.mail-sender-help a{color:#2785f5;text-decoration:underline}.mail-sender footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.mail-sender footer small{max-width:420px;color:var(--tf-muted,#7c94b6)}.mail-sender-save{border:0;border-radius:12px;min-height:48px;padding:12px 20px;background:linear-gradient(110deg,#1875ff,#00b8cb);color:white;font:inherit;font-weight:600;flex-shrink:0}.mail-sender button:disabled{opacity:.55;cursor:wait}.mail-sender-error{color:#e34d66}.mail-sender-success{color:#0c9f87}
@media(max-width:650px){.mail-sender-fields{grid-template-columns:1fr}.mail-sender footer{align-items:stretch;flex-direction:column}.mail-sender-save{width:100%}}

/* Reference dashboard skin. Business workflows remain in the existing app. */
:root { --tf-ink:#101f47; --tf-muted:#7184ad; --tf-line:#edf2f8; --tf-blue:#3476ff; }
html { scrollbar-gutter:stable; }
body { color:var(--tf-ink); background:#f2f9fd; }
/* The eye drawing is shorter than adjacent action glyphs at the same SVG size. */
svg.lucide.lucide-eye, svg.lucide.lucide-eye-off { width:20px; height:20px; flex-shrink:0; }
.lagend-shell { background:#f2f9fd; }
.lagend-shell > div { min-height:100vh; }
.lagend-sidebar { position:sticky; isolation:isolate; background:linear-gradient(112deg,#0a1d40,#113b64); color:#bed4ee; border-right:1px solid #dceaf5; }
.lagend-sidebar.w-64 { width:262px; }
.lagend-sidebar.w-16 { width:64px; }
.lagend-sidebar.w-16 > div:first-child { padding:0; }
.lagend-sidebar::before,.lagend-sidebar::after { content:""; position:absolute; z-index:-1; pointer-events:none; }
.lagend-sidebar::before { inset:26% -80px 0 -40px; border:1px solid #20609055; border-radius:160px; transform:rotate(43deg); background:linear-gradient(90deg,#0b1d4300,#05245388); }
.lagend-sidebar::after { width:460px; height:390px; bottom:-165px; left:-100px; border-radius:46% 55% 0 0; transform:rotate(38deg); border-top:1px solid #2583b855; background:linear-gradient(140deg,#176391aa,#0c285366); }
.lagend-sidebar > div:first-child { height:72px; padding-left:25px; }
.lagend-sidebar .lagend-wordmark { font-size:22px; font-weight:700; letter-spacing:-.5px; }
.lagend-sidebar .lagend-wordmark::first-letter { color:#77e6f2; }
.lagend-sidebar nav { padding:15px 13px; }
.lagend-sidebar nav a { min-height:47px; margin-bottom:2px; border-radius:16px; font-size:15px; font-weight:500; gap:17px; padding:11px 18px; color:#bed4ee; }
.lagend-sidebar nav a svg { width:22px; height:22px; stroke-width:1.8; }
.lagend-sidebar nav a[aria-current="page"] { background:linear-gradient(105deg,#2860ff,#24c4ca); color:#fff; box-shadow:none; }
.lagend-sidebar nav a:not([aria-current="page"]):hover { background:#ffffff0c; }
.lagend-sidebar.w-16 nav { padding:15px 7px; }
.lagend-sidebar.w-16 nav a { padding:0; width:46px; justify-content:center; }
.lagend-sidebar-footer { padding:13px 14px 18px; border-color:#ffffff0a; }
.lagend-sidebar-footer > div { background:transparent; padding:4px 5px; gap:12px; }
.lagend-sidebar-footer img,.lagend-sidebar-footer > div > div:first-child { width:43px; height:43px; outline:1px solid #ad834c; outline-offset:3px; }
.lagend-sidebar-footer p:last-child { color:#a8c3e6; font-size:11px; margin-top:5px; }
.lagend-sidebar.w-16 .lagend-sidebar-footer { padding:13px 7px; }
.lagend-sidebar.w-16 .lagend-sidebar-footer > div { width:46px; height:46px; padding:0; }
.lagend-sidebar.w-16 .lagend-sidebar-footer img,.lagend-sidebar.w-16 .lagend-sidebar-footer > div > div:first-child { width:34px; height:34px; }
.lagend-topbar { height:64px; padding:0 23px; border-bottom:1px solid #eaf2f9; background:#ffffffdf; position:relative; isolation:isolate; }
.lagend-topbar::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(126deg,#cbe9ff66 0 17%,#e4f5ff88 17% 26%,#bef0f988 26% 36%,transparent 36%); pointer-events:none; }
.lagend-topbar > div { gap:12px; }
.lagend-topbar p:first-child { color:var(--tf-ink); font-size:12px; font-weight:650; }
.lagend-topbar p:last-child { color:#7184ad; font-size:11px; margin-top:4px; max-width:320px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lagend-topbar img { width:34px; height:34px; outline:1px solid #dfebf4; }
.lagend-topbar button { color:#6c80aa; }
.lagend-main { min-width:0; padding:19px 22px 22px; background:#f2f9fd; position:relative; isolation:isolate; }
.lagend-main :is(.overflow-auto, .overflow-y-auto, .tf-table-scroll):not(.tf-kanban-scroll) { scrollbar-gutter:stable; }
.lagend-main::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(135deg,#e8f5fd77,transparent 50%),linear-gradient(160deg,transparent 26%,#d9f1fc44 26% 38%,transparent 38%),linear-gradient(130deg,transparent 75%,#d8effd66 75% 87%,transparent 87%); }
.tf-dashboard { position:relative; font-size:13px; }
.tf-welcome { padding:0 18px; margin:0 0 18px; }
.tf-welcome h1 { display:flex; align-items:center; gap:14px; font-size:30px; line-height:1.2; font-weight:750; letter-spacing:-1px; color:#0b193e; }
.tf-welcome h1 svg { color:#ffbd22; fill:#ffcf3e; height:28px; width:28px; stroke-width:1.5; flex-shrink:0; }
.tf-welcome p { margin-top:5px; font-size:14px; color:#5c739e; line-height:1.6; }
.tf-status-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:15px; margin-bottom:18px; }
.tf-status-card { position:relative; display:flex; align-items:flex-start; gap:16px; min-height:104px; padding:19px 18px; border-radius:17px; background:#ffffffed; box-shadow:0 7px 22px #2c6d9d04; }
.tf-status-card { width:100%; min-width:0; border:1px solid transparent; text-align:left; text-decoration:none; cursor:pointer; transition:border-color .15s,box-shadow .15s; }
.tf-status-card:hover { border-color:color-mix(in srgb,var(--stat-color) 35%,white); box-shadow:0 4px 14px #2c6d9d12; }
.tf-status-card.is-selected { border-color:var(--stat-color); box-shadow:0 0 0 2px color-mix(in srgb,var(--stat-color) 15%,transparent); }
.tf-status-card:focus-visible { outline:2px solid var(--stat-color); outline-offset:3px; }
.tf-status-icon { display:flex; align-items:center; justify-content:center; width:47px; height:47px; flex-shrink:0; border-radius:50%; color:var(--stat-color); background:color-mix(in srgb,var(--stat-color) 9%,white); }
.tf-status-value { min-width:0; padding-top:2px; }
.tf-status-value p { font-size:12px; line-height:1.5; color:#6c7fa9; font-weight:500; white-space:nowrap; }
.tf-status-value strong { display:block; font-size:27px; font-weight:700; line-height:1.25; color:#101e44; }
.tf-status-percent { position:absolute; right:16px; bottom:22px; display:flex; align-items:flex-end; gap:7px; color:var(--stat-color); font-size:11px; }
.tf-status-percent > span:last-child { padding:2px 4px; border-radius:5px; background:color-mix(in srgb,var(--stat-color) 7%,white); }
.tf-status-progress { position:absolute; left:18px; right:18px; bottom:10px; height:4px; overflow:hidden; border-radius:4px; background:color-mix(in srgb,var(--stat-color) 12%,transparent); }
.tf-status-progress i { display:block; height:100%; border-radius:inherit; background:var(--stat-color); transition:width .25s ease; }
@media(prefers-reduced-motion:reduce){.tf-status-progress i{transition:none}}
.tf-panel { background:#ffffffee; border:1px solid #ffffff; border-radius:17px; min-width:0; padding:0 18px 16px; box-shadow:0 6px 24px #30658503; }
.tf-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:58px; }
.tf-panel-heading h2 { display:flex; align-items:center; gap:11px; color:#14234a; font-size:16px; font-weight:650; letter-spacing:-.5px; min-width:0; }
.tf-section-caption { color:#8192b5; font-size:11px; font-weight:400; letter-spacing:0; }
.tf-count { display:inline-flex; align-items:center; justify-content:center; min-width:27px; height:22px; padding:0 8px; border-radius:10px; font-size:11px; font-weight:600; letter-spacing:0; }
.tf-count-red { background:#ffedf0; color:#ff4555; }
.tf-count-blue { background:var(--tf-blue); color:white; }
.tf-outline-link,.tf-scope-label { display:inline-flex; align-items:center; justify-content:center; gap:14px; height:29px; padding:0 12px; border-radius:8px; border:1px solid #e4ebf7; color:#536a98; font-size:11px; font-weight:500; white-space:nowrap; background:white; }
.tf-outline-link:hover { background:#f2f7fe; color:#2860ff; }
.tf-outline-link span { font-size:18px; line-height:1; }
.tf-main-grid { display:grid; grid-template-columns:minmax(0,1.88fr) minmax(0,1fr); gap:15px; margin-bottom:17px; align-items:stretch; }
.tf-urgent,.tf-notifications { min-height:350px; }
.tf-table-scroll { overflow-x:auto; max-height:440px; }
.tf-urgent-table { width:100%; border-collapse:collapse; font-size:12px; }
.tf-urgent-table th { padding:13px 11px; text-align:left; color:#6a7fa9; font-size:11px; font-weight:500; border-top:1px solid var(--tf-line); border-bottom:1px solid var(--tf-line); white-space:nowrap; }
.tf-urgent-table td { padding:12px 11px; border-bottom:1px solid var(--tf-line); vertical-align:middle; }
.tf-urgent-table th:first-child,.tf-urgent-table td:first-child { padding-left:0; }
.tf-urgent-table th:last-child,.tf-urgent-table td:last-child { padding-right:0; }
.tf-urgent-table tr:hover td { background:#f8fbff66; }
.tf-task-title { color:#18274f; font-size:13px; font-weight:550; min-width:200px; }
.tf-person { display:flex; align-items:center; gap:8px; color:#526587; white-space:nowrap; }
.tf-person img,.tf-person > div { width:30px; height:30px; font-size:10px; }
.tf-deadline { display:flex; align-items:center; gap:6px; color:#63769b; white-space:nowrap; font-size:11px; }
.tf-alert { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; font-size:11px; }
.tf-alert i { display:inline-block; width:6px; height:6px; border-radius:50%; flex-shrink:0; }
.tf-urgent-table td:last-child > span { font-size:10px; padding:5px 9px; border-radius:7px; }
.tf-notification-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:5px; }
.tf-notification { position:relative; width:100%; display:flex; align-items:flex-start; gap:11px; border-radius:11px; padding:7px; text-align:left; background:#f3f7fcaa; min-height:50px; }
.tf-notification.is-read { background:transparent; cursor:default; }
.tf-notification.is-unread:hover { background:#ebf3ff; }
.tf-notification:focus-visible,.tf-outline-link:focus-visible { outline:2px solid #3476ff; outline-offset:3px; }
.tf-notification-icon { display:flex; align-items:center; justify-content:center; height:36px; width:36px; flex-shrink:0; border-radius:50%; }
.tf-notification-copy { display:flex; flex-direction:column; min-width:0; flex:1; }
.tf-notification-title { color:#1d2b52; font-size:12px; font-weight:600; line-height:1.4; padding-right:70px; }
.tf-notification-message { font-size:10px; line-height:1.55; color:#6b7ea5; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tf-notification-time { position:absolute; right:7px; top:8px; font-size:10px; color:#8999b7; white-space:nowrap; }
.tf-bottom-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1fr); gap:15px; align-items:stretch; }
.tf-bottom-grid .tf-panel { min-height:208px; padding-bottom:8px; }
.tf-bottom-grid .tf-panel-heading { min-height:50px; }
.tf-chart-legend { display:flex; justify-content:center; gap:17px; flex-wrap:wrap; color:#778bb2; font-size:9px; margin-bottom:6px; }
.tf-chart-legend span { display:flex; align-items:center; gap:6px; }
.tf-chart-legend i { height:7px; width:7px; border-radius:50%; }
.tf-user-chart { height:130px; }
.tf-axis-avatar { width:24px; height:24px; }
.tf-axis-avatar > * { width:22px; height:22px; font-size:8px; margin:auto; }
.tf-status-chart { display:flex; align-items:center; gap:15px; min-height:150px; }
.tf-donut { width:150px; height:150px; flex-shrink:0; position:relative; }
.tf-donut-center { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; pointer-events:none; }
.tf-donut-center strong { font-size:28px; font-weight:700; line-height:1.2; color:#162349; }
.tf-donut-center span { font-size:10px; color:#7689b1; margin-top:3px; max-width:90px; text-align:center; }
.tf-status-legend { flex:1; min-width:0; list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:7px; }
.tf-status-legend li { display:flex; align-items:center; gap:7px; font-size:10px; color:#7488b0; white-space:nowrap; }
.tf-status-legend i { height:10px; width:10px; border-radius:50%; flex-shrink:0; }
.tf-status-legend li > span { flex:1; }
.tf-status-legend strong { color:#435b89; font-size:10px; font-weight:600; }
.tf-status-legend small { font-size:10px; }
.tf-upcoming-list { list-style:none; margin:0; padding:0; }
.tf-upcoming-list li { display:flex; align-items:center; gap:13px; min-height:53px; border-bottom:1px solid var(--tf-line); }
.tf-upcoming-list li:last-child { border-bottom:0; }
.tf-date-tile { height:44px; width:48px; flex-shrink:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0; border-radius:11px; color:var(--date-color); background:color-mix(in srgb,var(--date-color) 7%,white); }
.tf-date-tile strong { font-size:16px; line-height:20px; font-weight:600; }
.tf-date-tile small { font-size:9px; line-height:14px; }
.tf-upcoming-title { flex:1; min-width:0; color:#415780; font-size:11px; line-height:1.4; }
.tf-upcoming .tf-alert { font-size:10px; gap:4px; }
.tf-empty { color:#7b8eaf; font-size:12px; padding:28px 12px; text-align:center; }
.tf-error { color:#d23949; background:#fff1f3; border:1px solid #ffdce2; border-radius:10px; padding:12px 15px; margin-bottom:15px; }
@media(min-width:1700px) { .tf-task-title { width:32%; } }
@media(max-width:1550px) {
  .lagend-sidebar.w-64 { width:235px; }
  .tf-status-card { gap:10px; padding:17px 12px; }
  .tf-status-icon { width:40px; height:40px; }
  .tf-status-value p { font-size:10px; }
  .tf-main-grid { grid-template-columns:minmax(0,1.75fr) minmax(0,1fr); }
  .tf-section-caption { display:none; }
  .tf-donut { width:140px; height:140px; }
  .tf-status-chart { gap:8px; }
  .tf-status-legend li { font-size:9px; gap:4px; }
  .tf-bottom-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .tf-upcoming { grid-column:1/-1; }
  .tf-upcoming-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
  .tf-bottom-grid .tf-upcoming { min-height:120px; }
}
@media(max-width:1350px) {
  .tf-status-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .tf-main-grid { grid-template-columns:1fr; }
  .tf-urgent { min-height:280px; }
  .tf-notifications { min-height:200px; }
  .tf-status-value p { font-size:12px; }
}
@media(max-width:900px) {
  .lagend-main { padding:18px; }
  .tf-welcome { padding:0 2px; }
  .tf-welcome h1 { font-size:25px; }
  .tf-welcome p { font-size:12px; }
  .tf-bottom-grid { grid-template-columns:1fr; }
  .tf-user-chart { height:180px; }
  .tf-status-chart { justify-content:center; }
  .tf-donut { width:170px; height:170px; }
  .tf-status-legend { max-width:220px; }
  .tf-upcoming { grid-column:auto; }
  .tf-upcoming-list { display:block; }
  .tf-bottom-grid .tf-upcoming { min-height:220px; }
}
@media(max-width:680px) {
  .lagend-sidebar.w-64 { width:192px; }
  .lagend-sidebar > div:first-child { padding:0 12px; }
  .lagend-sidebar .lagend-wordmark { font-size:18px; }
  .lagend-sidebar nav { padding:12px 8px; }
  .lagend-sidebar nav a { padding:10px; font-size:12px; gap:10px; }
  .lagend-sidebar nav a svg { width:18px; height:18px; }
  .lagend-main { padding:13px; }
  .lagend-topbar { padding:0 13px; }
  .tf-status-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .tf-status-card { min-height:106px; }
  .tf-status-value p { font-size:9px; }
  .tf-status-icon { width:32px; height:32px; }
  .tf-status-icon svg { width:18px; height:18px; }
  .tf-status-percent { bottom:22px; right:12px; }
  .tf-welcome h1 { font-size:22px; gap:8px; }
  .tf-welcome h1 svg { width:21px; height:21px; }
  .tf-panel { padding:0 12px 13px; }
  .tf-panel-heading h2 { font-size:13px; }
  .tf-notification-title { padding-right:0; }
  .tf-notification-time { position:static; margin-left:47px; }
  .tf-notification { flex-wrap:wrap; }
  .tf-status-chart { flex-wrap:wrap; }
  .tf-status-legend { min-width:160px; padding-bottom:12px; }
  .tf-outline-link,.tf-scope-label { padding:0 7px; font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } }

.users-details-button { text-align: left; border-radius: 8px; cursor: pointer; }
.users-details-button:hover p:first-child { color: #2464ee; text-decoration: underline; }
.users-details-button:focus-visible { outline: 2px solid #2464ee; outline-offset: 5px; }
.users-actions { display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 6px; }
.users-management-table { min-width: 860px; }
.users-actions > button, .users-statistics-toggle { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; flex-shrink: 0; border: 1px solid #e2e8f0; border-radius: 8px; color: #334155; }
.users-actions > button { font-size: 0; }
.users-actions > button svg { width: 15px; height: 15px; }
.users-actions > button[title="Deaktiv et"] { color: #dc2626; border-color: #fecaca; }
.users-actions button:focus-visible { outline: 2px solid #2464ee; outline-offset: 2px; }
.users-statistics-toggle:hover { background: #f8fafc; }
.users-statistics-toggle[aria-pressed="true"] { background: #eff6ff; color: #2464ee; border-color: #bfdbfe; }
.users-statistics-toggle:disabled { cursor: not-allowed; opacity: .5; }
.users-statistics-error { display: block; color: #dc2626; font-size: 12px; margin-top: 4px; }

/* User management shares the dashboard's light surfaces and compact controls. */
.structure-membership { display:grid; gap:20px; }
.structure-membership-panel { background:#ffffffed; border:1px solid #e2ebf6; border-radius:18px; padding:24px; box-shadow:0 7px 24px #173e6809; }
.structure-membership-panel h2 { font-size:17px; font-weight:700; color:#102349; margin:0; }
.structure-membership-hint { font-size:12px; color:#7b8eaa; line-height:1.7; margin:7px 0 17px; }
.structure-membership-panel .user-positions { margin-top:14px; }
.structure-membership-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:16px; }
.structure-membership-heading button { flex-shrink:0; }
.structure-membership-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:24px; }
.structure-membership-fields label { display:block; font-size:12px; font-weight:600; color:#536987; }
.structure-membership-fields select { display:block; width:100%; height:44px; margin-top:9px; padding:0 12px; border:1px solid #dce6f2; border-radius:10px; background:#fcfdff; font-size:13px; color:#2e4669; }
.structure-membership-fields select:disabled { opacity:.55; }
.structure-membership-fields select:focus-visible { outline:2px solid #b5d0ff; outline-offset:2px; }
.structure-membership-footer { display:flex; justify-content:flex-end; margin-top:22px; }
.structure-request-list { display:grid; gap:10px; }
.structure-request-row { display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid #e5edf7; border-radius:12px; padding:14px 16px; background:#fcfdff; }
.structure-request-row strong { color:#203b60; font-size:13px; font-weight:650; }
.structure-request-row small { display:block; color:#8394af; margin-top:4px; font-size:12px; }
.structure-request-status { border-radius:8px; padding:5px 9px; font-size:11px; flex-shrink:0; background:#f1f5fa; color:#70839e; }
.structure-request-status.status-Pending { color:#b77916; background:#fff7e2; }
.structure-request-status.status-Approved { color:#0a9f6d; background:#e9faf2; }
.structure-request-status.status-Rejected { color:#df5369; background:#fff0f2; }
.structure-request-actions { display:flex; flex-shrink:0; gap:8px; }
@media(max-width:700px) { .structure-membership-fields { grid-template-columns:1fr; } .structure-request-row { flex-wrap:wrap; } .structure-membership-panel { padding:18px; } }
.tf-users { color:var(--tf-ink); max-width:1760px; margin:0 auto; }
.tf-users > div:first-child { padding:2px 2px 0; }
.tf-users h1 { font-size:28px; letter-spacing:-.7px; font-weight:750; }
.tf-users > div:first-child > button { border:0; border-radius:12px; background:linear-gradient(105deg,#2266ff,#14b8ca); box-shadow:0 5px 16px #2266ff20; }
.users-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.users-summary-card { display:flex; align-items:center; gap:14px; min-height:96px; padding:19px 21px; background:#ffffffed; border:1px solid #ffffff; border-radius:18px; box-shadow:0 7px 24px #173e6810; }
.users-summary-icon { width:46px; height:46px; display:grid; place-items:center; flex-shrink:0; border-radius:15px; color:#2b6bfa; background:#edf4ff; }
.users-summary-icon svg { width:23px; height:23px; }
.users-summary-label { display:block; color:#7184a4; font-size:12px; font-weight:550; }
.users-summary-card strong { display:block; margin-top:3px; color:#102349; font-size:25px; line-height:1.15; font-weight:750; }
.users-tone-green .users-summary-icon { color:#0cb779; background:#eafaf3; }
.users-tone-slate .users-summary-icon { color:#8293ac; background:#f0f4f9; }
.users-tone-purple .users-summary-icon { color:#9352f5; background:#f4eeff; }
.users-requests { border:1px solid #e2edf7; border-radius:14px; padding:15px 19px; background:#ffffffd9; }
.users-requests summary { cursor:pointer; color:#35527c; }
.users-requests summary h2 { display:inline; font-size:13px; font-weight:650; }
.users-requests summary p { display:none; }
.users-requests[open] summary { margin-bottom:14px; }
.tf-users > section:last-of-type { border:1px solid #e5edf6; border-radius:18px; background:#ffffffed; box-shadow:0 8px 28px #173e680a; }
.tf-users > section:last-of-type > div:first-child { padding:21px 22px; border-bottom:1px solid #edf2f8; }
.tf-users > section:last-of-type h2 { font-size:16px; font-weight:700; }
.users-filters { display:grid; grid-template-columns:minmax(220px,1fr) 154px 148px; gap:10px; }
.users-filters input,.users-filters select { height:42px; border:1px solid #dfe9f5; border-radius:10px; color:#486081; background:#fcfdff; font-size:12px; }
.users-filters input::placeholder { color:#8a9bb6; }
.users-management-table { min-width:1040px; table-layout:fixed; border-collapse:separate; border-spacing:0; }
.users-management-table thead { background:#f7faff; }
.users-management-table th { height:46px; color:#7a8eac; font-size:10px; letter-spacing:.55px; font-weight:650; border-bottom:1px solid #eaf0f8; }
.users-management-table td { height:76px; box-sizing:border-box; padding:14px 16px; vertical-align:middle; border-top:0; border-bottom:1px solid #edf2f8; }
.users-management-table tr:last-child td { border-bottom:0; }
.users-management-table tbody tr:hover { background:#f8fbff; }
.users-management-table :is(th,td):first-child { width:260px; box-sizing:border-box; }
.users-management-table td:first-child { padding-left:22px; min-width:0; }
.users-management-table td:nth-child(2) { min-width:0; max-width:none; }
.users-management-table .user-position small { white-space:normal; overflow-wrap:anywhere; line-height:1.5; }
.user-position-row { display:flex; align-items:center; gap:10px; }
.user-position-row>.user-position { min-width:0; }
.user-position-company-logo { display:block; width:32px; height:32px; flex:0 0 32px; border-radius:8px; object-fit:contain; background:#fff; }
.users-positions-summary { display:grid; grid-template-columns:minmax(0,1fr) 76px; align-items:center; gap:12px; min-height:44px; }
.users-positions-summary>div { min-width:0; }
.users-positions-summary:not(.is-expanded) { height:44px; }
.users-positions-summary:not(.is-expanded) .user-position-row { height:44px; }
.users-positions-summary:not(.is-expanded) .user-position :is(span,small) { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.users-positions-summary.is-expanded { align-items:start; }
.users-positions-toggle { display:inline-flex; align-items:center; justify-content:center; gap:7px; align-self:center; justify-self:end; min-width:64px; height:32px; box-sizing:border-box; white-space:nowrap; margin:0; padding:0 10px; border:1px solid #287bff26; border-radius:11px; background:#287bff0c; color:var(--tf-blue,#2563eb); font:inherit; font-size:12px; font-weight:600; line-height:20px; cursor:pointer; transition:background .15s,border-color .15s,box-shadow .15s; }
.users-positions-toggle svg { flex-shrink:0; transition:transform .18s ease; }
.users-positions-toggle[aria-expanded=true] svg { transform:rotate(180deg); }
.users-positions-summary.is-expanded .users-positions-toggle { align-self:start; margin-top:8px; }
.users-positions-toggle:hover { background:#287bff16; border-color:#287bff50; box-shadow:0 2px 6px #287bff0c; }
.users-positions-toggle:active { background:#287bff24; }
:root[data-tf-color-mode=dark] .users-positions-toggle { color:var(--accent-text); background:color-mix(in srgb,var(--accent-primary) 10%,transparent); border-color:color-mix(in srgb,var(--accent-text) 22%,transparent); }
.users-positions-toggle:focus-visible { outline:2px solid var(--tf-blue,#2563eb); outline-offset:2px; }
.users-positions-summary .user-positions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 0; min-width:0; }
.users-positions-summary .user-position-row { position:relative; min-width:0; padding-right:16px; }
.users-positions-summary .user-position-row:nth-child(even) { padding-left:16px; padding-right:0; }
.users-positions-summary .user-position-row:nth-child(even)::before { content:''; position:absolute; left:0; top:2px; bottom:2px; width:1px; background:linear-gradient(to bottom,transparent,var(--tf-line,#e2e8f0) 25%,var(--tf-line,#e2e8f0) 75%,transparent); }
.users-management-table :is(th,td):nth-child(3) { width:190px; min-width:0; max-width:none; box-sizing:border-box; }
.users-management-table :is(th,td):nth-child(4) { width:100px; box-sizing:border-box; }
.users-management-table :is(th,td):last-child { width:180px; box-sizing:border-box; }
.users-details-button { gap:11px; }
.users-management-table .users-details-button { width:100%; min-width:0; }
.users-management-table .users-details-button p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.users-details-button > div:last-child { min-width:0; }
.users-details-button p:first-child { font-size:13px; font-weight:650; }
.users-details-button p:last-child { font-size:11px; color:#8b9bb3; margin-top:3px; }
.users-role-select { width:132px; }
.users-role-select select { height:34px; border-color:#e2eaf5; background:#fbfcff; border-radius:9px; padding-left:10px; font-size:11px; font-weight:600; }
.users-actions { gap:6px; flex-wrap:nowrap; }
.users-actions > button,.users-statistics-toggle,.users-delete-button { width:33px; height:33px; box-sizing:border-box; flex:0 0 33px; border-radius:9px; background:#fff; border:1px solid #e1eaf5; display:inline-flex; align-items:center; justify-content:center; gap:0; padding:0; line-height:0; transition:background .15s,border-color .15s; }
.users-actions > button svg,.users-statistics-toggle svg,.users-delete-button svg { display:block; width:17px; height:17px; flex:0 0 17px; margin:0; }
.users-actions > button:hover,.users-statistics-toggle:hover { background:#edf5ff; border-color:#cbdcf7; }
.users-actions > button[title="Deaktiv et"]:hover:not(:disabled) { color:#dc2626; background:#fff0f2; border-color:#fda4af; }
:root[data-tf-color-mode=dark] .users-actions > button[title="Deaktiv et"]:hover:not(:disabled) { color:var(--danger); background:var(--danger-surface); border-color:var(--danger-border); }
.users-delete-action { order:5; display:inline-flex; }
.users-delete-button { color:#eb6070; }
.users-delete-button:hover:not(:disabled) { background:#fff0f2; border-color:#ffc4cd; }
.users-actions button:disabled { cursor:not-allowed; opacity:.4; }
.users-delete-dialog { width:calc(100% - 32px); max-width:440px; border:1px solid #e5edf7; border-radius:20px; padding:26px; color:#234064; box-shadow:0 24px 80px #0c25483b; }
.users-delete-dialog::backdrop { background:#10234765; backdrop-filter:blur(3px); }
.users-delete-symbol { display:grid; place-items:center; width:46px; height:46px; background:#fff0f2; color:#e34f65; border-radius:14px; margin-bottom:16px; }
.users-delete-symbol svg { width:23px; height:23px; }
.users-delete-dialog h2 { margin:0 0 12px; font-size:19px; line-height:1.4; font-weight:700; color:#102349; }
.users-delete-dialog p { font-size:13px; line-height:1.7; margin:12px 0; }
.users-delete-dialog .users-delete-note { padding:12px; border-radius:10px; background:#f4f8fd; font-size:12px; color:#7184a4; }
.users-delete-dialog label { display:block; margin-top:18px; font-size:12px; color:#536987; }
.users-delete-dialog input { width:100%; height:42px; margin-top:8px; border:1px solid #dce6f2; border-radius:9px; padding:0 12px; outline:none; }
.users-delete-dialog input:focus { border-color:#2b6bfa; box-shadow:0 0 0 3px #2b6bfa16; }
.users-delete-dialog footer { display:flex; justify-content:flex-end; gap:9px; margin-top:22px; }
.users-delete-dialog footer button { min-height:38px; padding:0 14px; border-radius:9px; border:1px solid #dfe8f4; background:white; font-size:12px; font-weight:600; }
.users-delete-dialog footer .users-confirm-delete { background:#e34f65; border-color:#e34f65; color:white; }
.users-delete-dialog button:disabled { opacity:.5; cursor:not-allowed; }
.users-delete-dialog .users-delete-error { color:#c7314b; background:#fff0f2; border-radius:9px; padding:10px; }
@media(max-width:1100px) { .users-filters { width:100%; grid-template-columns:minmax(180px,1fr) 150px 140px; } .users-summary-card { padding:16px; gap:10px; } }
@media(max-width:700px) { .users-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .users-summary-card { min-height:86px; padding:14px; } .users-summary-icon { width:36px; height:36px; border-radius:12px; } .users-summary-label { font-size:10px; } .users-summary-card strong { font-size:22px; } .users-filters { grid-template-columns:1fr 1fr; } .users-filters label { grid-column:1/-1; } }
.tf-my-tasks-layout { display: block; }
.tf-unified-task-heading { margin-bottom:18px; }
.tf-unified-task-heading h1 { font-size:28px; line-height:34px; font-weight:700; letter-spacing:-.6px; color:#0c1d43; }
.tf-unified-task-heading p { margin-top:4px; color:#6e84ac; font-size:14px; }
.tf-task-tabs { display:flex; width:min(100%,650px); padding:4px; gap:4px; border:1px solid #dbe7fa; border-radius:10px; background:rgba(255,255,255,.9); margin-bottom:14px; box-shadow:0 2px 6px rgba(34,80,136,.04); }
.tf-task-tabs button { flex:1; display:flex; align-items:center; justify-content:center; gap:20px; min-height:44px; border-radius:7px; font-size:14px; font-weight:600; color:#3a527b; }
.tf-task-tabs button.is-active { background:var(--brand-tab); color:white; }
.tf-task-tab-count { display:inline-flex; align-items:center; justify-content:center; min-width:29px; height:27px; border-radius:10px; padding:0 7px; color:#2464ff; background:#eaf2ff; }
.tf-task-tabs button.is-active .tf-task-tab-count { background:rgba(255,255,255,.23); color:white; }
.tf-task-tabs button:focus-visible { outline:2px solid #2464ff; outline-offset:2px; }
.tf-unified-task-toolbar { display:grid; grid-template-columns:minmax(240px,1fr) 220px 220px; gap:12px; margin-bottom:18px; }
.tf-unified-task-toolbar input,.tf-unified-task-toolbar select { height:46px; width:100%; border:1px solid #d4e2f8; border-radius:9px; background:rgba(255,255,255,.95); color:#203352; font-size:13px; outline:none; }
.tf-unified-task-toolbar select { padding:0 14px 0 40px; }
.tf-unified-task-toolbar input { padding:0 14px 0 40px; }
.tf-unified-task-toolbar input::placeholder { color:#8096bb; }
.tf-unified-task-toolbar input:focus,.tf-unified-task-toolbar select:focus { border-color:#5a8aff; box-shadow:0 0 0 2px #e4eeff; }
.tf-unified-search,.tf-unified-select { position:relative; min-width:0; }
.tf-unified-search > svg,.tf-unified-select > svg { position:absolute; top:14px; left:14px; color:#7993b8; width:18px; height:18px; pointer-events:none; }
.tf-task-view-error { color:#b91c1c; font-size:13px; padding:10px; margin-bottom:12px; border-radius:8px; background:#fff1f2; }
.tf-unified-tasks .tf-kanban-grid { height:calc(100vh - 300px); min-height:460px; }
@media(max-width:1100px) { .tf-unified-task-toolbar { grid-template-columns:minmax(140px,1fr) 180px 160px; } }
@media(max-width:767px) { .tf-unified-task-toolbar { grid-template-columns:1fr 1fr; } .tf-unified-search { grid-column:1/-1; } .tf-task-tabs button { gap:8px; font-size:12px; } }
.tf-task-toolbar { margin-bottom: 20px; align-items: center; }
.tf-task-search { flex: 1; }
.tf-task-toolbar > div:last-child { min-width: 240px; }
.tf-task-toolbar input, .tf-task-toolbar select { height: 42px; border-color: #d3e1f6; border-radius: 9px; background: rgba(255,255,255,.95); }
.tf-kanban-board { border: 0; border-radius: 18px; padding: 0; background: transparent; box-shadow: none; }
.tf-kanban-grid { grid-template-columns: repeat(6,minmax(185px,1fr)); gap: 12px; min-width: 1160px; height: calc(100vh - 230px); min-height: 540px; }
.tf-kanban-column { padding: 16px 12px; border: 1px solid rgba(255,255,255,.85); background: linear-gradient(165deg,white 8%,var(--tf-status-tint) 190%); box-shadow: 0 5px 18px rgba(38,89,145,.04); }
.tf-kanban-header { flex-shrink: 0; margin-bottom: 12px; }
.tf-kanban-heading { display: flex; align-items: center; gap: 10px; color: var(--tf-status-color); }
.tf-kanban-heading { min-height: 58px; }
.tf-kanban-status-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; background: var(--tf-status-tint); }
.tf-kanban-heading-text { min-width: 0; flex: 1; }
.tf-kanban-heading h2 { font-size: 13px; line-height: 18px; font-weight: 650; }
.tf-kanban-heading p { font-size: 11px; color: #7185ac; margin-top: 6px; }
.tf-kanban-count { padding: 3px 9px; border-radius: 20px; background: var(--tf-status-tint); font-size: 12px; font-weight: 650; }
.tf-kanban-progress-row { display: flex; align-items: center; gap: 8px; margin-top: 13px; color: var(--tf-status-color); font-size: 11px; font-weight: 650; }
.tf-kanban-progress { flex: 1; height: 7px; border-radius: 8px; background: var(--tf-status-tint); overflow: hidden; }
.tf-kanban-progress > span { display: block; height: 100%; border-radius: inherit; background: var(--tf-status-color); }
.tf-kanban-progress-row > span { padding: 1px 6px; border-radius: 8px; background: var(--tf-status-tint); }
.tf-kanban-scroll { display: flex; flex-direction: column; gap: 12px; scrollbar-width: none; -ms-overflow-style: none; padding: 0 2px 4px; }
.tf-kanban-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
.tf-kanban-scroll > * { margin: 0; flex-shrink: 0; }
.tf-kanban-empty { flex: 1; min-height: 270px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; color: #7990b5; font-size: 12px; }
.tf-kanban-empty svg { color: #a4b5d4; margin-bottom: 12px; }
.tf-kanban-column[data-status="Overdue"] .tf-kanban-empty svg { color: #ea92a0; }
.tf-kanban-empty strong { color: #58749f; font-size: 13px; font-weight: 650; }
.tf-task-card { border-color: #e6ecf4; border-radius: 12px; padding: 13px; box-shadow: 0 2px 7px rgba(44,76,123,.06); opacity: 1; }
.tf-task-card:hover { box-shadow: 0 4px 12px rgba(44,76,123,.10); }
.tf-task-card-actions { padding-top: 2px; border: 0; gap: 7px; flex-wrap: nowrap; }
.tf-task-action { position:relative; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:34px; height:34px; padding:0; border:1px solid #dce6f4; border-radius:8px; background:#fff; color:#536b91; box-shadow:0 1px 2px rgba(31,64,112,.04); transition:background .15s,border-color .15s,color .15s; }
.tf-task-action svg { width:15px; height:15px; }
.tf-table-actions { gap:7px; flex-wrap:nowrap; }
.tf-task-action:disabled { cursor:not-allowed; opacity:.5; }
.tf-task-action:hover, .tf-task-action:focus-visible { color:#2464ee; border-color:#adc8ff; background:#eef5ff; }
.tf-task-action[aria-label="Ləğv et"]:hover, .tf-task-action[aria-label="Ləğv et"]:focus-visible { color:#dc3545; border-color:#f5b9bf; background:#fff1f2; }
.tf-task-action:focus-visible { outline:2px solid #2464ee; outline-offset:2px; }
.tf-task-action::after { content:attr(aria-label); position:absolute; bottom:calc(100% + 7px); left:0; z-index:20; padding:5px 8px; border-radius:6px; background:#102d52; color:#fff; box-shadow:0 3px 9px rgba(16,45,82,.15); font-size:11px; font-weight:500; line-height:16px; white-space:nowrap; pointer-events:none; opacity:0; visibility:hidden; transition:opacity .12s; }
.tf-task-action:hover::after, .tf-task-action:focus-visible::after { opacity:1; visibility:visible; }
.tf-task-action:last-child::after { left:auto; right:0; }
.tf-kanban-drop { height: 4px; flex-shrink: 0; border: 1px dashed transparent; border-radius: 10px; text-align: center; font-size: 0; color: transparent; }
.tf-kanban-column[data-active="true"] .tf-kanban-drop { height: 34px; padding: 8px; font-size: 11px; color: var(--tf-status-color); border-color: var(--tf-status-color); background: var(--tf-status-tint); }
.tf-task-card.tf-task-due-soon { background: #fff7cf; border-color: #edcc59; box-shadow: 0 2px 7px rgba(186,144,31,.08); }
.tf-deadline-warning { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; width:100%; margin:0 0 16px; padding:12px 16px; border:1px solid #f5cc7c; border-radius:12px; background:#fff7e6; color:#9a4b00; font-size:13px; text-align:left; cursor:pointer; }
.tf-deadline-warning > span:last-child { font-weight:650; text-decoration:underline; }
.tf-deadline-warning[aria-pressed="true"] { border-color:#f59e0b; background:#ffedc4; }
.tf-deadline-warning:focus-visible { outline:3px solid #f59e0b; outline-offset:2px; }
.tf-deadline-badge { display:inline-flex; align-items:center; gap:4px; padding:3px 6px; border-radius:6px; background:#fff0d3; color:#a94c00; font-size:10px; font-weight:650; white-space:nowrap; }
.tf-deadline-badge svg { fill:#f59e0b; }
.tf-task-card-meta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px; color:#63769b; font-size:11px; }
.tf-card-date { font-weight:500; }
.tf-completed-badge { display:inline-flex; align-items:center; gap:4px; padding:3px 6px; border-radius:6px; background:#e9fbf2; color:#168456; font-size:10px; line-height:16px; font-weight:650; white-space:nowrap; }
.tf-completed-badge svg { flex-shrink:0; }
.tf-card-alert { display:inline-flex; align-items:center; gap:5px; font-weight:500; }
.tf-card-alert i { width:6px; height:6px; border-radius:50%; flex-shrink:0; }
/* All Tasks: stable filtering and scrolling within a consistent dashboard skin. */
.tf-all-tasks { min-width:0; color:var(--tf-ink); }
.tf-all-heading { align-items:center; gap:16px; }
.tf-all-heading h1 { font-size:28px; line-height:1.25; font-weight:750; letter-spacing:-.7px; color:#0b193e; }
.tf-all-heading p { margin-top:6px; font-size:13px; line-height:1.6; color:#7184ad; }
.tf-all-heading > div:last-child { flex-direction:row; flex-shrink:0; }
.tf-all-heading button { height:40px; padding:0 16px; border-radius:10px; font-size:12px; font-weight:600; gap:8px; box-shadow:none; }
.tf-all-heading button:first-child { border:1px solid #2464ff; background:linear-gradient(105deg,#2464ff,#13b9cc); color:white; }
.tf-all-heading button:last-child { border:1px solid #dce6f4; background:white; color:#4d668e; }
.tf-all-heading button:hover { filter:brightness(.98); }
.tf-all-heading button:focus-visible { outline:2px solid #2464ee; outline-offset:3px; }
.tf-all-filters { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); align-items:end; gap:14px 12px; padding:18px; border:1px solid #e6edf6; border-radius:16px; background:#ffffffed; box-shadow:0 5px 20px #30658504; }
.tf-filter-fields { display:contents; }
.tf-filter-fields > * { min-width:0; }
.tf-all-search { grid-column:span 2; }
.tf-all-filters input, .tf-all-filters select { height:42px; min-width:0; border:1px solid #dce6f4; border-radius:9px; background:#fbfdff; color:#344e78; font-size:12px; font-weight:500; box-shadow:none; }
.tf-all-filters select { padding-left:11px; padding-right:30px; text-overflow:ellipsis; }
.tf-all-filters input[type="date"] { padding-right:8px; }
.tf-all-filters input:focus, .tf-all-filters select:focus { border-color:#88b1ff; outline:2px solid #e9f1ff; outline-offset:0; }
.tf-all-filters input::placeholder { color:#8b9bb8; }
.tf-filter-fields > label > span, .tf-filter-fields > div > div:first-child > span { font-size:11px; font-weight:600; color:#647b9f; }
.tf-all-filters svg { color:#8197ba; }
.tf-all-filters .tf-all-search svg { width:17px; height:17px; }
.tf-filter-reset { grid-column:1/-1; display:flex; justify-content:flex-end; margin:0; padding-top:2px; }
.tf-filter-reset button { height:32px; border:0; background:#f2f6fc; border-radius:8px; color:#60779d; font-size:11px; }
.tf-filter-reset button:hover { background:#e9f1ff; color:#2464ee; }
.tf-all-table-panel { min-width:0; border:1px solid #e5edf6; border-radius:16px; background:white; box-shadow:0 6px 24px #30658504; }
.tf-all-table-scroll { height:clamp(360px,55vh,580px); min-width:0; overflow:auto; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:#b9cce7 #f3f7fc; border-radius:16px 16px 0 0; overflow-anchor:none; scroll-padding-block:56px 12px; }
.tf-all-table-scroll::-webkit-scrollbar { width:7px; height:7px; }
.tf-all-table-scroll::-webkit-scrollbar-track { background:#f3f7fc; }
.tf-all-table-scroll::-webkit-scrollbar-thumb { background:#b9cce7; border-radius:8px; border:1px solid #f3f7fc; }
.tf-all-table-scroll:focus-visible { outline:2px solid #88b1ff; outline-offset:-2px; }
.tf-all-table { width:100%; min-width:1150px; table-layout:fixed; border-collapse:separate; border-spacing:0; font-size:12px; }
.tf-all-table th { position:sticky; top:0; z-index:3; height:48px; padding:12px; background:#f5f8fd; border-bottom:1px solid #e6edf6; color:#6b80a3; font-size:10px; font-weight:650; text-transform:none; letter-spacing:0; }
.tf-all-table th:nth-child(1) { width:220px; }
.tf-all-table th:nth-child(2) { width:160px; }
.tf-all-table th:nth-child(3) { width:160px; }
.tf-all-table th:nth-child(4) { width:110px; }
.tf-all-table th:nth-child(5) { width:145px; }
.tf-all-table th:nth-child(6) { width:115px; }
.tf-all-table th:nth-child(7) { width:105px; }
.tf-all-table th:last-child { width:134px; }
.tf-all-table td { padding:14px 12px; border-top:0; border-bottom:1px solid #edf2f8; color:#536b92; font-size:11px; vertical-align:middle; overflow-wrap:anywhere; }
.tf-all-table tbody tr { --tf-row-bg:#fff; background:var(--tf-row-bg); }
.tf-all-table tbody tr[class*="bg-red-50"] { --tf-row-bg:#fff4f5; }
.tf-all-table tbody tr.tf-task-due-soon { --tf-row-bg:#fff8dc; }
.tf-all-table tbody tr:hover { --tf-row-bg:#f4f8ff; }
.tf-all-table tbody tr.tf-task-due-soon:hover { --tf-row-bg:#fff1bd; }
.tf-all-table tbody td:last-child:not([colspan]) { padding:10px 8px; }
.tf-all-table tbody td[colspan] { height:280px; text-align:center; font-size:13px; color:#7c90b1; }
.tf-all-task-title { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:12px; line-height:1.55; font-weight:650; color:#1a2e52; }
.tf-all-table td:first-child > p:last-child { margin-top:4px; font-size:10px; color:#92a2bc; }
.tf-all-table td:nth-child(2) { font-size:11px; line-height:1.6; }
.tf-all-table td:nth-child(3) > div { gap:5px; }
.tf-all-table td:nth-child(3) span, .tf-all-table td:nth-child(4) span { font-size:11px; font-weight:500; }
.tf-all-table :is(td:nth-child(3),td:nth-child(4)) .tf-user-avatar { width:26px; height:26px; min-width:26px; min-height:26px; flex:0 0 26px; font-size:10px; line-height:1; }
.tf-all-table .tf-table-actions { gap:6px; }
.tf-all-pagination { min-height:66px; padding:14px 18px; border-color:#edf2f8; border-radius:0 0 16px 16px; background:#fff; color:#7184a5; font-size:11px; }
.tf-all-pagination > div { flex-wrap:wrap; gap:6px; }
.tf-all-pagination button { min-width:32px; height:32px; padding:0 10px; border:1px solid #e2eaf5; border-radius:8px; font-size:11px; font-weight:600; color:#647b9f; background:white; }
.tf-all-pagination button[aria-current="page"] { border-color:#2464ff; background:linear-gradient(105deg,#2464ff,#13b9cc); color:white; }
.tf-all-pagination button:focus-visible { outline:2px solid #88b1ff; outline-offset:2px; }
@media(min-width:1180px) {
  .tf-all-task-statuses { grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
  .tf-all-task-statuses .tf-status-card { min-height:112px; padding:14px 10px; gap:8px; }
  .tf-all-task-statuses .tf-status-icon { width:32px; height:32px; }
  .tf-all-task-statuses .tf-status-icon svg { width:20px; height:20px; }
  .tf-all-task-statuses .tf-status-value p { white-space:normal; font-size:11px; line-height:1.4; min-height:30px; }
  .tf-all-task-statuses .tf-status-value strong { font-size:25px; }
  .tf-all-task-statuses .tf-status-percent { bottom:22px; right:10px; font-size:10px; }
}
@media(max-width:1499px) { .tf-all-filters { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:1400px) {
  .tf-all-table { min-width:980px; }
  .tf-all-table th:nth-child(1) { width:200px; }
  .tf-all-table th:nth-child(2) { width:150px; }
  .tf-all-table th:nth-child(3) { width:140px; }
  .tf-all-table th:nth-child(4) { width:100px; }
  .tf-all-table th:nth-child(5) { width:140px; }
  .tf-all-table th:nth-child(6) { width:110px; }
  .tf-all-table th:nth-child(7), .tf-all-table td:nth-child(7):not([colspan]) { display:none; }
}
@media(max-width:1000px) { .tf-all-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } .tf-all-heading { align-items:flex-start; } }
@media(max-width:680px) {
  .tf-all-heading h1 { font-size:24px; }
  .tf-all-heading > div:last-child { width:100%; flex-wrap:wrap; }
  .tf-all-heading button { flex:1 1 140px; padding:0 10px; }
  .tf-all-filters { padding:14px; gap:12px 10px; }
  .tf-all-pagination { align-items:flex-start; }
  .tf-all-task-statuses .tf-status-card { gap:6px; padding:12px 10px; min-height:112px; }
  .tf-all-task-statuses .tf-status-icon { width:24px; height:24px; }
  .tf-all-task-statuses .tf-status-icon svg { width:16px; height:16px; }
  .tf-all-task-statuses .tf-status-value p { white-space:normal; overflow-wrap:anywhere; font-size:10px; line-height:1.4; }
  .tf-all-task-statuses .tf-status-value strong { font-size:24px; }
  .tf-all-task-statuses .tf-status-percent { font-size:10px; right:10px; bottom:22px; }
}
tr.tf-task-due-soon { background: #fff7cf; border-color: #f0de94; }
tr.tf-task-due-soon:hover { background: #fff1af; }
@media (min-width:1600px) { .tf-kanban-grid { min-width:0; gap:14px; } .tf-kanban-column { padding:18px 14px; } .tf-kanban-heading h2 { font-size:14px; } }
@media (min-width:1100px) and (max-width:1599px) {
  .tf-kanban-grid { min-width:0; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
  .tf-kanban-column { padding:12px 8px; }
  .tf-kanban-heading { gap:6px; }
  .tf-kanban-status-icon { width:32px; height:32px; }
  .tf-kanban-status-icon svg { width:20px; height:20px; }
  .tf-kanban-heading h2 { font-size:11px; line-height:16px; overflow-wrap:anywhere; }
  .tf-kanban-heading p { font-size:10px; }
  .tf-kanban-count { font-size:10px; padding:2px 5px; }
  .tf-task-card { padding:10px; }
}
@media (max-width:767px) { .tf-task-toolbar { align-items:stretch; } .tf-task-toolbar > div:last-child { min-width:0; } .tf-kanban-grid { min-height:500px; } }

/* Organization editor: the hierarchy is visible in both presentation modes. */
.tf-organization { color:#152b4d; max-width:1500px; margin:0 auto; }
.org-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.org-heading h1 { font-size:28px; font-weight:750; letter-spacing:-.7px; margin:0 0 4px; }
.org-heading p { color:#7588a8; font-size:14px; margin:0; }
.org-primary,.org-secondary { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; border-radius:10px; padding:9px 15px; font-size:13px; font-weight:600; cursor:pointer; }
.org-primary { color:#fff; background:linear-gradient(110deg,#2266ff,#0bbcc7); border:1px solid transparent; box-shadow:0 3px 9px #2078e31a; }
.org-secondary { color:#516989; background:#fff; border:1px solid #dce6f3; }
.org-primary:hover { filter:brightness(.96); }
.org-secondary:hover { background:#f2f7ff; }
.org-primary svg,.org-secondary svg { width:18px; height:18px; }
.tf-organization button:focus-visible,.org-modal button:focus-visible,.org-modal :is(input,select):focus-visible { outline:3px solid #8edceb; outline-offset:2px; }
.tf-organization button:disabled,.org-modal button:disabled { opacity:.45; cursor:default; }
.org-level-guide { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:14px 18px; margin-bottom:16px; border-radius:14px; border:1px solid #deebf5; background:#ffffffa8; color:#6580a0; font-size:11px; }
.org-level-guide span { display:flex; gap:8px; align-items:center; }
.org-level-guide b { color:#9bb0c9; font-size:16px; font-weight:400; }
.org-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:20px; }
.org-search { flex:1 1 250px; min-width:0; }
.org-search input { width:100%; height:42px; border:1px solid #d9e5f3; background:#ffffffed; border-radius:10px; padding:0 15px; outline:none; font-size:13px; color:#24466b; }
.org-search input:focus { border-color:#6eacff; box-shadow:0 0 0 3px #dcecff; }
.org-view-toggle { display:flex; border:1px solid #dce6f3; padding:3px; border-radius:11px; background:#ffffffbf; }
.org-view-toggle button { border:0; border-radius:8px; padding:8px 15px; font-size:12px; color:#6b80a0; font-weight:600; background:transparent; cursor:pointer; }
.org-view-toggle button[aria-pressed=true] { background:#e8f2ff; color:#2266ed; }
.org-tree,.org-children { list-style:none; margin:0; padding:0; }
.org-children { margin:12px 0 0 23px; padding-left:22px; border-left:1px solid #cbdff2; }
.org-branch { margin:0 0 12px; position:relative; }
.org-children>.org-branch::before { content:''; position:absolute; width:22px; height:1px; background:#cbdff2; top:43px; left:-23px; }
.org-node { --org-accent:#4684ec; display:flex; gap:16px; align-items:center; justify-content:space-between; min-height:88px; padding:16px 18px; border:1px solid #e0eaf5; border-left:4px solid var(--org-accent); border-radius:14px; background:#fff; box-shadow:0 3px 14px #1c5c9f06; }
.org-founder { --org-accent:#7c59dd; background:linear-gradient(110deg,#f6f3ff,#fff); }
.org-company { --org-accent:#2472fa; background:linear-gradient(110deg,#f3f8ff,#fff); }
.org-manager { --org-accent:#09a6ba; }
.org-team { --org-accent:#13b77f; }
.org-tribe { --org-accent:#9861e4; }
.org-department { --org-accent:#f3a32a; }
.org-external_contacts { --org-accent:#e783b5; }
.org-employee { --org-accent:#91a9bd; }
.org-node-identity { display:flex; align-items:center; gap:13px; min-width:0; }
.org-node-text { min-width:0; }
.org-kind { display:block; font-size:10px; font-weight:700; letter-spacing:.3px; color:var(--org-accent); margin-bottom:3px; }
.org-node h3 { font-size:15px; font-weight:650; margin:0; overflow-wrap:anywhere; }
.org-edit-name { appearance:none; display:inline; margin:0; padding:0; border:0; border-radius:3px; background:transparent; color:inherit; font:inherit; line-height:inherit; text-align:left; overflow-wrap:anywhere; cursor:pointer; }
.org-edit-name:hover { color:var(--org-unit-accent,var(--org-accent,#2563eb)); text-decoration:underline; text-underline-offset:3px; }
.org-edit-name:focus-visible { outline:2px solid #3b82f6; outline-offset:3px; }
.org-node p { font-size:12px; color:#7387a3; margin:4px 0 0; overflow-wrap:anywhere; }
.org-node .org-no-lead { font-style:italic; color:#94a4b9; }
.org-node-symbol,.org-expand { flex-shrink:0; width:36px; height:36px; display:grid; place-items:center; background:#f1f6fc; border-radius:10px; color:var(--org-accent); }
.org-expand { border:0; cursor:pointer; }
.org-expand svg { width:19px; height:19px; transition:transform .15s ease; }
.org-node-actions { display:flex; align-items:center; gap:7px; flex-shrink:0; }
.org-icon-button { display:grid; place-items:center; width:34px; height:34px; border:1px solid #dce6f3; border-radius:9px; background:#fff; color:#5b7598; cursor:pointer; }
.org-icon-button svg { width:17px; height:17px; }
.org-icon-button:hover { background:#eef6ff; border-color:#a8caff; color:#2672eb; }
.org-icon-button.org-danger:hover { background:#fff0f2; border-color:#ffc9d1; color:#e34960; }
.org-count { display:grid; place-items:center; min-width:25px; height:25px; padding:0 5px; background:#eef5ff; color:#587da7; border-radius:8px; font-size:11px; margin-right:4px; }
.org-view-list .org-node { min-height:61px; border-radius:9px; padding:10px 14px; box-shadow:none; }
.org-view-list .org-node-identity { flex:1; }
.org-view-list .org-node-text { display:grid; grid-template-columns:105px minmax(90px,1fr) minmax(130px,1fr); align-items:center; gap:14px; width:100%; }
.org-view-list .org-kind,.org-view-list .org-node p { margin:0; }
.org-view-list .org-node h3 { font-size:13px; }
.org-view-list .org-children>.org-branch::before { top:30px; }
.org-view-list .org-branch { margin-bottom:7px; }
.org-view-list .org-children { margin-top:7px; }
.org-empty { min-height:300px; border:1px dashed #cfdeef; border-radius:18px; background:#ffffffc7; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:30px; color:#91a8c5; }
.org-empty h2 { font-size:18px; color:#405f86; margin:16px 0 6px; font-weight:650; }
.org-empty p { font-size:13px; margin:0; max-width:400px; line-height:1.7; }
.org-error,.org-notice { font-size:13px; padding:12px 15px; border-radius:10px; margin-bottom:15px; }
.org-error { color:#bd3855; background:#fff0f3; border:1px solid #ffd8e0; }
.org-error button { margin-left:15px; }
.org-notice { color:#17825f; background:#eafbf4; border:1px solid #c6f0df; animation:org-notice-dismiss .4s ease 3.5s forwards; }
@keyframes org-notice-dismiss { to { opacity:0; } }
@media(prefers-reduced-motion:reduce) { .org-notice { animation:none; } }
.org-modal-overlay { position:fixed; inset:0; z-index:150; background:#0b224d66; backdrop-filter:blur(3px); display:flex; align-items:center; justify-content:center; padding:20px; overflow-y:auto; }
.org-modal { background:#fff; color:#183450; width:100%; max-width:470px; max-height:calc(100dvh - 40px); overflow-y:auto; border-radius:18px; border:1px solid #e0ebf7; padding:26px; box-shadow:0 25px 80px #09244a30; }
.org-modal header { margin-bottom:22px; }
.org-modal h2 { font-size:20px; font-weight:700; margin:0; }
.org-modal fieldset { border:0; margin:0; padding:0; min-width:0; }
.org-modal label { display:flex; flex-direction:column; gap:7px; color:#58708f; font-size:12px; font-weight:600; margin-bottom:17px; }
.org-modal input,.org-modal select { width:100%; height:43px; min-width:0; border:1px solid #d7e3f1; background:#fbfdff; padding:0 12px; border-radius:9px; color:#214266; font-size:13px; font-weight:400; }
.org-form-hint { font-size:11px; line-height:1.7; color:#8a9db6; margin:0 0 16px; }
.org-modal footer { display:flex; justify-content:flex-end; gap:9px; margin-top:23px; border-top:1px solid #edf2f9; padding-top:19px; }
.org-delete-copy { font-size:14px; color:#7085a2; line-height:1.7; }
.org-delete-confirm { background:#e44c65; }
.org-node { min-height:70px; padding:10px 14px; border-radius:11px; gap:10px; }
.org-node-identity { gap:9px; }
.org-node h3 { font-size:14px; }
.org-node p { margin-top:3px; font-size:11px; }
.org-kind { font-size:9px; margin-bottom:2px; }
.org-node-symbol { width:32px; height:32px; border-radius:8px; }
.org-node-symbol svg { width:19px; height:19px; }
.org-company-logo { background:transparent; border:0; overflow:hidden; padding:0; }
.org-company-logo img { display:block; width:100%; height:100%; object-fit:contain; }
.org-expand,.org-expand-spacer { width:20px; min-width:20px; height:30px; flex-shrink:0; background:transparent; border-radius:5px; }
.org-expand:hover { background:#edf4ff; }
.org-expand svg { width:16px; height:16px; }
.org-children { margin-top:8px; margin-left:20px; padding-left:14px; }
.org-branch { margin-bottom:8px; }
.org-children>.org-branch::before { width:14px; left:-15px; top:34px; }
.org-icon-button { width:29px; height:29px; border-radius:7px; }
.org-icon-button svg { width:15px; height:15px; }
.org-count { height:22px; min-width:22px; font-size:10px; margin-right:0; }
.org-node-actions { gap:5px; }
.org-view-list .org-node { min-height:49px; padding:6px 11px; border-radius:8px; }
.org-view-list .org-node-symbol { width:28px; height:28px; border-radius:7px; }
.org-view-list .org-node-symbol svg { width:17px; height:17px; }
.org-tree .org-node-symbol.org-company-logo { width:60px; height:60px; border-radius:10px; padding:0; }
.org-tree .org-node-symbol.org-company-logo svg { width:32px; height:32px; }
.org-tree.org-view-list .org-node-symbol.org-company-logo { width:36px; height:36px; border-radius:7px; }
.org-tree.org-view-list .org-node-symbol.org-company-logo svg { width:23px; height:23px; }
.org-view-list .org-node-text { grid-template-columns:90px minmax(90px,1fr) minmax(100px,1fr); gap:10px; }
.org-view-list .org-node-text :is(h3,p) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.org-view-list .org-children { margin-top:5px; margin-left:20px; padding-left:14px; }
.org-view-list .org-children>.org-branch::before { top:24px; }
.org-view-list .org-branch { margin-bottom:5px; }
.org-logo-editor { display:flex; align-items:center; gap:14px; padding:13px; border:1px solid #e0e9f4; border-radius:11px; background:#f8fbff; margin-bottom:17px; }
.org-logo-editor .org-company-logo { width:62px; height:62px; border-radius:11px; padding:6px; }
.org-logo-editor p { margin:0 0 5px; font-size:12px; font-weight:600; color:#58708f; }
.org-logo-editor small { display:block; font-size:10px; line-height:1.6; color:#8a9db6; margin-top:4px; max-width:250px; }
.org-modal .org-logo-upload { position:relative; display:inline-flex; margin:0; font-size:12px; color:#2670dc; cursor:pointer; border-bottom:1px dashed #b2cfff; }
.org-logo-upload input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.org-logo-upload:focus-within { outline:2px solid #8edceb; outline-offset:3px; }
.org-logo-remove { display:block; font-size:10px; color:#cc5266; margin-top:5px; background:transparent; border:0; padding:0; cursor:pointer; }
@media(max-width:1000px) { .org-view-list .org-node-text { display:block; } .org-view-list .org-node p { margin-top:3px; } .org-view-list .org-kind { margin-bottom:2px; } }
@media(max-width:1000px) { .org-view-list .org-kind { display:none; } }
@media(max-width:640px) { .org-heading { align-items:flex-start; flex-direction:column; gap:14px; } .org-heading h1 { font-size:24px; } .org-children,.org-view-list .org-children { margin-left:8px; padding-left:10px; } .org-children>.org-branch::before { width:10px; left:-11px; } .org-node { padding:8px; gap:6px; flex-wrap:wrap; } .org-node-actions { margin-left:auto; } .org-node-symbol { width:28px; height:28px; } .org-node-identity { gap:6px; } .org-count { display:none; } .org-level-guide { font-size:10px; } }

/* Card view is an organization chart. Each sibling owns half of the bus line;
   the children's group joins that bus to the exact center of its parent card. */
.org-chart-viewport { max-width:100%; min-height:420px; max-height:calc(100dvh - 285px); overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:25px 16px; border:1px solid #dfebf5; border-radius:16px; background:#ffffff70; }
.org-chart-viewport:focus-visible { outline:2px solid #8edceb; outline-offset:2px; }
.org-tree.org-view-cards,.org-view-cards .org-children { display:flex; justify-content:center; align-items:flex-start; width:max-content; min-width:100%; list-style:none; padding:0; margin:0; border:0; position:relative; }
.org-view-cards .org-children { padding-top:28px; min-width:0; }
.org-view-cards .org-children::before { content:''; position:absolute; top:0; left:50%; height:28px; border-left:2px solid #a8c4dc; transform:translateX(-1px); }
.org-view-cards .org-branch { position:relative; display:flex; flex-direction:column; align-items:center; flex-shrink:0; margin:0; padding:28px 12px 0; }
.org-view-cards>.org-branch { padding-top:0; }
.org-view-cards .org-children>.org-branch::before,.org-view-cards .org-children>.org-branch::after { content:''; position:absolute; top:0; right:50%; left:auto; width:50%; height:28px; border:0; border-top:2px solid #a8c4dc; background:transparent; box-sizing:border-box; }
.org-view-cards .org-children>.org-branch::after { right:auto; left:50%; border-left:2px solid #a8c4dc; }
.org-view-cards .org-children>.org-branch:first-child::before,.org-view-cards .org-children>.org-branch:last-child::after { border:0; }
.org-view-cards .org-children>.org-branch:last-child::before { border-right:2px solid #a8c4dc; }
.org-view-cards .org-children>.org-branch:only-child { padding-top:0; }
.org-view-cards .org-children>.org-branch:only-child::before,.org-view-cards .org-children>.org-branch:only-child::after { display:none; }
.org-view-cards .org-node { width:248px; height:138px; min-height:138px; flex-direction:column; align-items:stretch; justify-content:space-between; flex-wrap:nowrap; gap:10px; padding:13px; border-radius:13px; box-sizing:border-box; }
.org-view-cards .org-node-identity { gap:8px; flex:1; }
.org-view-cards .org-node-text { flex:1; min-width:0; }
.org-view-cards .org-node h3 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:13px; line-height:18px; }
.org-view-cards .org-node p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:15px; }
.org-view-cards .org-node-actions { justify-content:flex-end; margin:0; }
.org-view-cards .org-count { display:grid; margin-right:auto; }
.org-view-cards .org-expand { align-self:center; }
.org-list-viewport,.org-chart-viewport { position:relative; isolation:isolate; }
.org-connector-layer { position:absolute; top:0; left:0; pointer-events:none; z-index:0; overflow:visible; }
.org-list-viewport>.org-tree,.org-chart-viewport>.org-tree { position:relative; z-index:1; }
.org-list-viewport .org-children { border-left:0; }
.org-list-viewport .org-branch::before,.org-list-viewport .org-branch::after,
.org-chart-viewport .org-branch::before,.org-chart-viewport .org-branch::after,
.org-chart-viewport .org-children::before { display:none; }
.tf-organization.org-fullscreen { position:fixed; inset:0; z-index:100; max-width:none; margin:0; padding:24px; display:flex; flex-direction:column; overflow:hidden; background:linear-gradient(135deg,#f4fbff,#eaf6fc); }
.org-fullscreen>.org-heading,.org-fullscreen>.org-level-guide,.org-fullscreen>.org-toolbar,.org-fullscreen>.org-notice,.org-fullscreen>.org-error { flex-shrink:0; }
.org-fullscreen>.org-chart-viewport,.org-fullscreen>.org-list-viewport,.org-fullscreen>.org-empty { flex:1; min-height:0; max-height:none; overflow:auto; overscroll-behavior:contain; }
.org-fullscreen-toggle { white-space:nowrap; }
@media(max-width:640px) { .tf-organization.org-fullscreen { padding:14px; } .org-fullscreen>.org-heading { margin-bottom:12px; } .org-fullscreen>.org-level-guide { padding:8px 10px; margin-bottom:10px; } .org-fullscreen>.org-toolbar { gap:7px; margin-bottom:12px; } }
.tf-organization.org-fullscreen { padding:0; }
.org-fullscreen>.org-heading,.org-fullscreen>.org-level-guide { display:none; }
.org-fullscreen>.org-toolbar { position:absolute; z-index:3; top:14px; left:16px; right:16px; margin:0; padding:10px; border:1px solid #dce9f4; border-radius:14px; background:#fffffff2; backdrop-filter:blur(12px); box-shadow:0 4px 20px #173f6a0b; }
.org-fullscreen>.org-chart-viewport,.org-fullscreen>.org-list-viewport { width:100%; height:100%; border:0; border-radius:0; padding:calc(var(--org-toolbar-height, 64px) + 32px) 24px 24px; background:transparent; }
.org-fullscreen>.org-notice,.org-fullscreen>.org-error { position:absolute; z-index:4; top:calc(var(--org-toolbar-height, 64px) + 20px); left:24px; right:24px; }
.org-fullscreen>.org-empty { padding-top:calc(var(--org-toolbar-height, 64px) + 32px); border:0; border-radius:0; }
.org-chart-viewport { cursor:grab; touch-action:none; user-select:none; }
.org-chart-viewport.org-panning,.org-chart-viewport.org-panning * { cursor:grabbing !important; }
.org-zoom-controls { display:flex; align-items:center; gap:2px; padding:3px; border:1px solid #dce6f3; border-radius:10px; background:#ffffffde; }
.org-zoom-controls .org-icon-button { border:0; background:transparent; }
.org-zoom-reset { min-width:45px; height:29px; padding:0 4px; border:0; border-radius:7px; color:#567293; background:transparent; font-size:11px; font-weight:600; cursor:pointer; font-variant-numeric:tabular-nums; }
.org-zoom-reset:hover { background:#edf5ff; color:#2268db; }
.org-unit-container { --org-unit-accent:#16b67f; width:288px; box-sizing:border-box; border:1px solid #deeee7; border-radius:18px; background:#f7fcf9; box-shadow:0 3px 14px #234c6310; overflow:hidden; position:relative; }
.org-unit-tribe,.org-palette-card.org-unit-tribe { --org-unit-accent:#9861e4; background:#faf8ff; border-color:#e9e2f5; }
.org-unit-department,.org-palette-card.org-unit-department { --org-unit-accent:#eda52c; background:#fffcf5; border-color:#f0e9d9; }
.org-unit-external_contacts,.org-palette-card.org-unit-external_contacts { --org-unit-accent:#df7eac; background:#fff8fb; border-color:#f1e3eb; }
.org-view-cards .org-unit-container>.org-node { width:100%; height:auto; min-height:88px; border:0; background:transparent; border-radius:0; padding:12px 14px 6px; box-shadow:none; gap:6px; }
.org-view-cards .org-unit-container>.org-node h3 { -webkit-line-clamp:1; }
.org-view-cards .org-position-container { width:288px; height:auto; min-height:0; padding:0; gap:6px; border:1px solid #e4e8f3; border-radius:18px; background:#faf8ff; box-shadow:0 3px 14px #234c6310; overflow:hidden; }
.org-view-cards .org-position-container.org-company { border-color:#dfeaf6; background:#f7fbff; }
.org-view-cards .org-position-container.org-founder { --org-accent:#2472fa; border-color:#dce9fa; background:#f2f7ff; }
.org-view-cards .org-position-container.org-manager { border-color:#deedf0; background:#f6fcfc; }
.org-view-cards .org-position-container>.org-node-identity { padding:14px 14px 0; min-height:76px; flex:none; }
.org-view-cards .org-position-container>.org-node-actions { padding:0 14px 10px; }
.org-view-cards .org-position-container>.org-node-actions>.org-count { position:absolute; top:13px; right:46px; margin:0; min-width:22px; height:22px; padding:0 6px; box-sizing:border-box; background:#ffffffb8; border:1px solid #e1eaf4; color:#6c829d; border-radius:7px; }
.org-view-cards .org-position-container:has(>.org-node-actions>.org-count)>.org-node-identity { padding-right:82px; }
.org-position-container .org-expand { background:transparent; }
.org-position-person { display:block; padding:8px 0 0; margin:0; border:0; border-radius:0; background:transparent; box-sizing:border-box; }
.org-position-person>svg { display:none; }
.org-position-container .org-position-person>div { padding:0; }
.org-position-person>div { min-width:0; flex:1; }
.org-position-person small { display:block; margin-bottom:2px; color:var(--org-accent); font-size:9px; line-height:12px; }
.org-position-person strong { display:block; color:#365475; font-size:12px; line-height:16px; font-weight:600; overflow-wrap:anywhere; }
.org-unit-container>.org-node .org-count { padding:0 8px; background:#ffffffd9; color:var(--org-unit-accent); font-weight:700; }
.org-unit-container>.org-node .org-node-symbol { background:#ffffffbd; }
.org-add-employee { display:flex; width:100%; min-height:64px; align-items:center; justify-content:center; gap:7px; border:1px dashed color-mix(in srgb,var(--org-unit-accent) 40%,white); border-radius:10px; background:#ffffff9c; color:var(--org-unit-accent); font-size:12px; font-weight:600; cursor:pointer; }
.org-add-employee:hover { background:#fff; }
.org-add-employee svg { width:17px; height:17px; }
.org-lead-slot { position:relative; padding:6px 12px 10px; min-height:54px; box-sizing:border-box; display:flex; align-items:center; }
.org-lead-card[data-employee-draggable] { cursor:grab; touch-action:none; user-select:none; }
.org-lead-card { display:flex; align-items:center; gap:9px; width:100%; min-height:52px; padding:8px 10px; border:1px solid #e6edf4; border-radius:11px; background:#ffffffdf; box-sizing:border-box; }
.org-lead-card>svg { width:22px; height:22px; flex-shrink:0; color:var(--org-unit-accent); }
.org-lead-card>div { min-width:0; flex:1; }
.org-lead-card small { display:block; font-size:9px; color:#8b9db3; }
.org-lead-card .org-lead-label { color:var(--org-unit-accent); font-size:9px; line-height:12px; margin-bottom:2px; font-weight:600; }
.org-lead-card .org-lead-role { margin-top:3px; font-size:11px; line-height:15px; color:#7890aa; overflow-wrap:anywhere; }
.org-lead-card strong { display:block; font-size:12px; color:#365475; font-weight:600; overflow-wrap:anywhere; }
.org-view-cards .org-unit-employees { width:288px; min-width:288px; padding:26px 0 0 30px; flex-direction:column; gap:10px; box-sizing:border-box; }
.org-unit-branches { position:relative; display:flex; align-items:flex-start; justify-content:center; gap:16px; padding-top:52px; }
.org-unit-branches:not(:has(.org-nested-units)):has(>.org-empty-direct-employees) { padding-top:8px; }
.org-view-cards .org-unit-branches>.org-children { padding-top:0; }
.org-view-cards .org-nested-units>.org-branch { padding-top:0; }
.org-view-cards .org-unit-container>.org-team-members { width:100%; min-width:0; padding:0 12px 12px; gap:10px; }
.org-view-cards .org-team-members .org-employee-add-row { min-height:28px; padding-top:6px; }
.org-view-cards .org-direct-employees { min-height:96px; padding-top:0; }
.org-view-cards .org-unit-branches>.org-empty-direct-employees { position:absolute; top:0; left:50%; transform:translateX(-50%); width:288px; min-width:0; min-height:28px; height:28px; padding:0; justify-content:center; align-items:center; }
.org-view-cards .org-unit-branches:not(:has(.org-nested-units))>.org-empty-direct-employees { position:relative; top:auto; left:auto; transform:none; }
.org-empty-direct-employees .org-employee-add-row { width:auto; }
.org-empty-direct-employees .org-employee-add-row small { display:block; margin:0; padding:3px 7px; border-radius:5px; background:#f1f8fd; }
.org-view-cards .org-unit-employees>.org-branch { padding:0; margin:0; width:100%; }
.org-view-cards .org-unit-employees .org-employee { width:100%; height:60px; min-height:60px; flex-direction:row; align-items:center; padding:8px 10px; gap:9px; border:1px solid #e6edf4; border-radius:11px; background:#ffffffdf; box-shadow:none; }
.org-view-cards .org-unit-employees .org-employee .org-node-identity { min-width:0; flex:1; gap:9px; }
.org-view-cards .org-unit-employees .org-employee .org-node-symbol { width:22px; height:22px; flex-shrink:0; background:transparent; color:var(--org-unit-accent,#7890aa); }
.org-view-cards .org-unit-employees .org-employee .org-node-symbol svg { width:22px; height:22px; }
.org-view-cards .org-unit-employees .org-employee h3 { font-size:12px; line-height:16px; font-weight:600; color:#365475; }
.org-view-cards .org-unit-employees .org-employee p { margin-top:3px; font-size:11px; line-height:15px; color:#7890aa; }
.org-unit-employees .org-employee .org-kind,.org-unit-employees .org-expand-spacer { display:none; }
.org-view-cards .org-unit-employees .org-employee h3,.org-view-cards .org-unit-employees .org-employee p { -webkit-line-clamp:1; }
.org-unit-employees .org-icon-button { width:25px; height:25px; }
.org-view-cards .org-employee[data-employee-draggable] { cursor:grab; touch-action:none; }
.org-view-cards .org-node[data-employee-draggable] { cursor:grab; touch-action:none; user-select:none; }
.org-employee-dragging { opacity:.45; }
.org-placement-preview { position:fixed; z-index:299; pointer-events:none; box-sizing:border-box; border:2px dashed #2388f5; border-radius:12px; background:#2388f515; }
.org-placement-preview>span { position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); width:max-content; max-width:260px; padding:6px 10px; border-radius:7px; background:#1674d8; color:#fff; font-size:12px; box-shadow:0 3px 12px #183f6e25; }
.org-placement-insertion { border:0; border-radius:4px; background:#2388f5; box-shadow:0 0 0 4px #2388f520; }
.org-employee-add-row { width:100%; margin:0; padding:0; text-align:center; }
.org-employee-add-row .org-add-employee { min-height:44px; font-size:11px; color:#6d8bab; border-color:#bbd0e5; background:#ffffffad; }
.org-employee-add-row small { display:block; margin-top:5px; color:#8ba0b9; font-size:9px; }
.org-drag-preview { position:fixed; z-index:300; pointer-events:none; display:flex; align-items:center; gap:9px; max-width:260px; padding:12px 16px; border:1px solid #9dc6ec; border-radius:11px; background:#fff; color:#3f6387; box-shadow:0 8px 30px #183f6e25; font-size:13px; }
.org-drag-preview svg { width:20px; height:20px; flex-shrink:0; }
.org-drag-preview .org-node-symbol { width:34px; height:34px; background:#eef6ff; color:#397cbd; flex-shrink:0; }
.org-drag-preview strong { display:block; font-size:13px; font-weight:600; }
.org-drag-preview small { display:block; margin-top:4px; color:#6b86a3; font-size:11px; }
.org-more-button { border-color:transparent; background:transparent; color:#6485a5; }
.org-more-button:hover,.org-more-button[aria-expanded="true"] { background:#eaf4ff; border-color:#bfd7f1; color:#247cda; }
.org-view-cards .org-node { position:relative; }
.org-view-cards .org-node>.org-node-actions>.org-more-button { position:absolute; top:10px; right:10px; }
.org-view-cards .org-node>.org-node-identity { padding-right:30px; }
.org-view-cards .org-position-container>.org-node-identity { padding-right:44px; }
.org-lead-card { position:relative; padding-right:42px; }
.org-lead-card>.org-more-button { position:absolute; top:8px; right:8px; }
.org-view-cards .org-unit-employees .org-employee .org-node-identity { padding-right:22px; }
.org-action-menu { position:fixed; z-index:350; width:220px; box-sizing:border-box; padding:6px; border:1px solid #dce8f4; border-radius:12px; background:#fff; box-shadow:0 10px 36px #153c6426; }
.org-action-menu button { display:flex; align-items:center; gap:10px; width:100%; padding:10px; border:0; border-radius:7px; background:transparent; color:#365475; font:inherit; font-size:13px; text-align:left; cursor:pointer; }
.org-action-menu button:hover,.org-action-menu button:focus-visible { background:#eef6ff; outline:none; }
.org-action-menu button.org-danger { color:#e04d5a; }
.org-action-menu button:disabled { opacity:.4; cursor:not-allowed; }
.org-action-menu svg { width:17px; height:17px; flex-shrink:0; }
.user-positions { display:flex; flex-direction:column; gap:7px; min-width:135px; }
.user-position { display:flex; flex-direction:column; gap:2px; color:#365475; font-size:12px; line-height:17px; font-weight:600; }
.user-position small { color:#8194ab; font-size:11px; font-weight:400; }
.user-position-empty { color:#93a2b6; font-size:12px; font-weight:400; }
.user-position-field { padding:12px 14px; border:1px solid #e1eaf4; border-radius:12px; background:#f8fbfe; }
.user-position-field-label { display:block; margin-bottom:8px; color:#365475; font-size:13px; font-weight:600; }
.user-position-field>small { display:block; margin-top:9px; color:#8194ab; font-size:11px; }
.user-structure-paths { display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.user-structure-path { padding:5px 8px; border-radius:7px; background:#f0f6fb; border:1px solid #e3ecf5; color:#55718e; font-size:11px; line-height:16px; font-weight:500; }
.user-structure-label { margin-top:14px; }
.org-empty-lead { width:100%; margin:0; padding:9px 8px; border:1px dashed #d5e2ec; border-radius:10px; background:#ffffff70; text-align:center; color:#8aa0b5; font-size:11px; }
.create-user-dialog{width:min(540px,calc(100vw - 32px));max-height:90vh;overflow:auto;padding:28px;border:1px solid #e0eaf5;border-radius:22px;color:#102c50;background:#fff;box-shadow:0 25px 90px #102b5030}.create-user-dialog::backdrop{background:#102b5070;backdrop-filter:blur(4px)}.create-user-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.create-user-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#6582a3}.create-user-heading h2{font-size:23px;font-weight:700;margin-top:5px}.create-user-close{width:34px;height:34px;border:1px solid #e0eaf5;border-radius:10px;font-size:23px;color:#6582a3}.create-user-intro,.create-user-result>p{font-size:14px;line-height:1.7;color:#6a819e;margin:18px 0 22px}.create-user-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.create-user-fields label:last-child{grid-column:1/-1}.create-user-fields span{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.create-user-fields input{width:100%;height:44px;padding:0 12px;border:1px solid #dce6f3;border-radius:11px;background:#f9fbfe;color:#102c50;outline:none}.create-user-fields input:focus{border-color:#367cff;box-shadow:0 0 0 3px #367cff15}.create-user-note{font-size:12px;line-height:1.6;color:#6a819e;margin:20px 0;background:#f3f8ff;padding:12px;border-radius:10px}.create-user-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.create-user-footer button{border:1px solid #dce6f3;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600}.create-user-footer .create-user-primary{background:linear-gradient(110deg,#2469ff,#13b9c9);border:0;color:#fff}.create-user-dialog button:disabled{opacity:.55;cursor:wait}.create-user-result dl{background:#f5f9ff;border:1px solid #e0eaf5;border-radius:14px;padding:18px}.create-user-result dt{font-size:12px;color:#6a819e;margin-bottom:5px}.create-user-result dd{font-family:monospace;font-size:16px;overflow-wrap:anywhere;user-select:all;margin-bottom:16px}.create-user-result dd:last-child{margin-bottom:0}.create-user-error{font-size:13px;background:#fff1f2;color:#be123c;padding:12px;border-radius:10px;margin-top:16px}@media(max-width:1100px){.tf-settings{grid-template-columns:1fr}.tf-settings>.settings-navigation{position:static}.settings-navigation>div:last-child{flex-direction:row;flex-wrap:wrap}.settings-navigation button{width:auto}.tf-settings>section{grid-column:1}}@media(max-width:520px){.create-user-fields{grid-template-columns:1fr}.create-user-dialog{padding:20px}.create-user-footer{flex-wrap:wrap}}

/* Settings uses the same compact cards, controls and navy/blue tones as the task views. */
.tf-settings { display:grid; grid-template-columns:210px minmax(0,1fr); align-items:start; gap:20px 24px; max-width:1320px; margin:auto; color:#102349; }
.settings-page-heading { grid-column:1/-1; padding:0 0 2px; }
.settings-page-heading h1 { font-size:28px; line-height:1.25; font-weight:750; letter-spacing:-.7px; }
.settings-page-heading p { font-size:13px; color:#7186a3; line-height:1.7; margin-top:6px; }
.tf-settings>.settings-navigation { position:sticky; top:18px; padding:16px 10px 12px; border:1px solid #e2ebf6; border-radius:18px; background:#ffffffd9; box-shadow:0 6px 24px #12385b04; }
.settings-nav-caption { padding:0 12px 12px; font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#8093ac; }
.tf-settings>.settings-navigation>div { display:flex; flex-direction:column; flex-wrap:nowrap; gap:6px; }
.tf-settings .settings-navigation button { display:flex; align-items:center; justify-content:flex-start; width:100%; height:44px; padding:0 12px; gap:10px; border:1px solid transparent; background:transparent; border-radius:11px; color:#5b7291; font-size:12px; font-weight:600; white-space:nowrap; box-shadow:none; }
.tf-settings .settings-navigation button:hover { background:#f0f6ff; color:#2167ef; }
.tf-settings .settings-navigation button[aria-current=page] { background:linear-gradient(110deg,#256bff,#12b8ca); color:#fff; box-shadow:0 4px 12px #267bff1a; }
.tf-settings .settings-navigation button svg { width:18px; height:18px; flex-shrink:0; }
.tf-settings>.settings-content { grid-column:2; min-width:0; }
.settings-profile { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; }
.tf-settings .settings-panel,.tf-settings .structure-membership-panel,.tf-settings .settings-integrations>section,.settings-profile-summary { border:1px solid #e2ebf6; border-radius:18px; background:#ffffffed; box-shadow:0 6px 24px #12385b04; padding:24px; }
.tf-settings h2 { font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-.3px; }
.tf-settings p { line-height:1.65; }
.tf-settings label>span:first-child,.tf-settings .structure-membership-fields label { font-size:12px; color:#4a6180; font-weight:600; }
.tf-settings input:not([type=checkbox]):not([type=file]),.tf-settings select,.tf-settings textarea { font-size:13px; color:#173455; border:1px solid #dce6f3; border-radius:10px; background:#f9fbff; min-width:0; box-shadow:none; }
.tf-settings input:not([type=checkbox]):not([type=file]),.tf-settings select { height:42px; }
.tf-settings textarea { min-height:100px; resize:vertical; }
.tf-settings input:focus-visible,.tf-settings select:focus-visible,.tf-settings textarea:focus-visible,.tf-settings button:focus-visible { outline:2px solid #629aff; outline-offset:3px; }
.tf-settings input[type=checkbox] { accent-color:#286bff; width:17px; height:17px; flex-shrink:0; }
.tf-settings button:not(.settings-password-visibility) { min-height:38px; font-size:12px; font-weight:600; }
.tf-settings button svg { width:18px; height:18px; flex-shrink:0; }
.tf-settings button[type=submit],.tf-settings .org-primary { border-radius:10px; background:linear-gradient(110deg,#256bff,#13b8c9); color:white; box-shadow:0 4px 12px #256bff12; }
.tf-settings button:disabled { opacity:.5; cursor:not-allowed; }
.tf-settings .settings-profile-summary { display:grid; grid-template-columns:minmax(0,1fr) minmax(210px,.8fr); align-items:center; gap:20px; padding:22px; }
.settings-profile-summary>div:first-child { display:grid; grid-template-columns:78px minmax(0,1fr); grid-template-rows:auto auto auto; text-align:left; align-items:center; padding:0; column-gap:16px; }
.settings-profile-summary>div:first-child>.relative { grid-column:1; grid-row:1/4; }
.settings-profile-summary>div:first-child>.relative>:first-child { width:72px; height:72px; min-width:72px; font-size:23px; }
.settings-profile-summary>div:first-child>.relative label { width:26px; height:26px; bottom:-2px; right:-2px; border:2px solid white; }
.settings-profile-summary>div:first-child>.relative label svg { width:13px; height:13px; }
.settings-profile-summary h2 { grid-column:2; margin:0; font-size:17px; overflow-wrap:anywhere; }
.settings-profile-summary>div:first-child>p { grid-column:2; margin:2px 0 0; font-size:12px; color:#8294ae; }
.settings-profile-summary>div:first-child>div:last-child { grid-column:2; display:flex; flex-direction:row; flex-wrap:wrap; gap:6px; margin-top:9px; }
.settings-profile-summary>div:first-child>div:last-child>span { padding:4px 8px; font-size:10px; border-radius:7px; }
.settings-profile-summary>div:last-child { border-top:0; border-left:1px solid #e7eef7; padding:0 0 0 20px; display:grid; gap:10px; }
.settings-profile-summary>div:last-child>div { margin:0; font-size:11px; gap:9px; align-items:flex-start; }
.settings-profile-summary>div:last-child svg { width:15px; height:15px; margin-top:2px; flex-shrink:0; }
.settings-profile-summary .truncate { overflow:visible; white-space:normal; overflow-wrap:anywhere; }
.tf-settings .user-position-field { padding:16px; border:1px solid #e2ebf6; border-radius:12px; background:#f6faff; }
.tf-settings .user-position-field .user-positions { display:flex; flex-wrap:wrap; gap:8px; }
.tf-settings .user-position-field .user-position { border:1px solid #e2eaf5; background:white; border-radius:8px; padding:7px 10px; min-width:100px; }
.tf-settings .user-position-field>small { display:block; margin-top:12px; font-size:11px; }
.tf-settings .settings-security form { max-width:620px; padding:0; border:0; background:none; box-shadow:none; }
.tf-settings .settings-password-visibility { position:absolute; right:5px; top:50%; transform:translateY(-50%); width:32px; height:32px; border:1px solid #e0e9f4; background:white; color:#6581a5; border-radius:8px; display:flex; align-items:center; justify-content:center; }
.tf-settings .settings-password-visibility:hover { color:#246bff; background:#edf5ff; }
.tf-settings .settings-password-visibility svg { width:19px; height:19px; }
.tf-settings .settings-notifications>div:first-child { flex-wrap:wrap; gap:14px; margin-bottom:24px; }
.tf-settings .settings-notifications>div:first-child>div { flex:1; min-width:220px; }
.tf-settings .settings-notifications>div:first-child>span { font-size:11px; padding:6px 9px; border-radius:8px; flex-shrink:0; }
.tf-settings .settings-notifications form>label:has(input[type=checkbox]) { padding:14px; background:#f7faff; border:1px solid #e2ebf6; border-radius:11px; align-items:flex-start; }
.tf-settings .settings-notifications form>label:has(input[type=checkbox]) span { line-height:1.6; font-size:12px; }
.tf-settings .structure-membership { display:grid; gap:18px; }
.tf-settings .structure-membership-panel { margin:0; }
.tf-settings .structure-membership-fields { margin-top:18px; }
.tf-settings .structure-membership-fields label { min-width:0; }
.tf-settings .structure-request-row { padding:12px; }
.tf-settings .structure-request-row small { overflow-wrap:anywhere; }
.tf-settings .settings-integrations { display:grid; gap:18px; }
.settings-context-note { padding:16px 20px; border:1px solid #dfebf9; border-radius:12px; background:#edf6ffb0; color:#6981a0; }
.settings-context-note strong { color:#375779; font-size:12px; }
.settings-context-note p { font-size:12px; margin-top:4px; }
.tf-settings .settings-integrations>section>div:first-child { gap:18px; }
.tf-settings .settings-integrations>section>div:first-child p { max-width:530px; }
@media(max-width:1100px) {
 .tf-settings { grid-template-columns:minmax(0,1fr); gap:16px; }
 .tf-settings>.settings-content { grid-column:1; }
 .tf-settings>.settings-navigation { position:static; padding:8px; border-radius:14px; min-width:0; }
 .settings-nav-caption { display:none; }
 .tf-settings>.settings-navigation>div { flex-direction:row; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; gap:4px; }
 .tf-settings>.settings-navigation>div::-webkit-scrollbar { display:none; }
 .tf-settings .settings-navigation button { width:auto; flex-shrink:0; padding:0 11px; height:40px; }
}
@media(max-width:720px) {
 .tf-settings .settings-profile-summary { grid-template-columns:minmax(0,1fr); }
 .settings-profile-summary>div:last-child { border-left:0; border-top:1px solid #e7eef7; padding:16px 0 0; }
 .tf-settings .settings-panel,.tf-settings .structure-membership-panel,.tf-settings .settings-integrations>section { padding:20px; }
 .tf-settings .structure-membership-fields { grid-template-columns:minmax(0,1fr); }
 .settings-page-heading h1 { font-size:25px; }
 .tf-settings .structure-request-row { flex-wrap:wrap; }
}
@media(max-width:720px) {
 .tf-settings>.settings-navigation>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible; gap:5px; }
 .tf-settings .settings-navigation button { min-width:0; width:100%; white-space:normal; text-align:left; font-size:11px; line-height:1.3; gap:7px; height:42px; }
 .tf-settings .settings-notifications>form>div { grid-template-columns:minmax(0,1fr); }
}
.tf-settings .user-position-field .user-positions { flex-direction:row; }
.tf-settings .user-position-field .user-position { flex:1 1 150px; }
.tf-settings .settings-field-note { font-size:11px; color:#7e91ab; margin-top:12px; }
.tf-settings .settings-membership .user-positions { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:10px; }
.tf-settings .settings-membership .user-position { border:1px solid #e3ebf6; border-radius:10px; padding:10px 12px; background:#f8fbff; }
.org-unit-manager,.org-palette-card.org-unit-manager { --org-unit-accent:#179aa8; border-color:#dcecef; background:#f5fbfc; }
.org-view-cards .org-unit-manager>.org-node { --org-accent:#179aa8; }
/* Searchable card drawer; the chart keeps its own pan/zoom area. */
.org-workspace { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; min-width:0; min-height:0; position:relative; }
.org-workspace-with-palette { grid-template-columns:minmax(0,1fr) 280px; }
.org-workspace>.org-chart-viewport,.org-workspace>.org-list-viewport { min-width:0; margin:0; }
.org-palette { display:flex; flex-direction:column; min-width:0; max-height:72vh; border:1px solid #dce8f5; border-radius:16px; background:#ffffffed; box-shadow:0 5px 24px #173f6a08; padding:16px; overflow:hidden; }
.org-palette>header { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:14px; }
.org-palette h2 { font-size:15px; font-weight:700; color:#163456; }
.org-palette header p { font-size:11px; color:#8395ad; margin-top:4px; line-height:1.5; }
.org-palette>input { width:100%; min-height:38px; border:1px solid #dce7f3; border-radius:9px; background:#f8fbff; padding:0 11px; color:#27476b; font-size:12px; flex-shrink:0; }
.org-palette>input:focus-visible { outline:2px solid #77a7ff; outline-offset:2px; }
.org-palette-tabs { display:flex; gap:4px; background:#f1f6fc; border:1px solid #e3ebf6; border-radius:10px; padding:4px; margin:12px 0; }
.org-palette-tabs button { flex:1; border:0; border-radius:7px; padding:7px 3px; font-size:11px; color:#7189a8; font-weight:600; }
.org-palette-tabs button[aria-pressed=true] { background:white; color:#2671f8; box-shadow:0 2px 6px #234c6308; }
.org-palette-results { overflow-y:auto; min-height:0; padding-right:3px; scrollbar-width:thin; }
.org-palette-results section+section { margin-top:18px; }
.org-palette-results h3 { font-size:10px; font-weight:650; color:#8c9db3; margin:5px 0 10px; }
.org-palette-card { display:flex; align-items:center; gap:10px; padding:10px; border:1px solid #e1eaf6; border-radius:11px; background:#fbfdff; margin-bottom:8px; cursor:grab; touch-action:none; user-select:none; }
.org-palette-card:hover { box-shadow:0 2px 9px #234c6312; filter:brightness(.985); }
.org-palette-card:focus-visible { outline:2px solid #77a7ff; outline-offset:1px; }
.org-palette-card>.org-node-symbol { width:30px; height:30px; min-width:30px; border-radius:9px; background:#ffffffcf; color:var(--org-unit-accent,var(--org-accent,#2472fa)); }
.org-palette-card>.org-node-symbol svg { width:19px; height:19px; }
.org-palette-card>div { min-width:0; }
.org-palette-card strong { display:block; font-size:12px; font-weight:600; color:#29476c; overflow-wrap:anywhere; line-height:1.5; }
.org-palette-card small { display:block; font-size:10px; color:#8a9cb4; margin-top:3px; line-height:1.5; }
.org-palette-empty { padding:22px 8px; font-size:12px; color:#8a9cb4; text-align:center; }
.org-fullscreen>.org-workspace { flex:1; min-height:0; gap:0; }
.org-fullscreen>.org-workspace>.org-chart-viewport,.org-fullscreen>.org-workspace>.org-list-viewport { max-height:none; height:100%; min-height:0; border:0; border-radius:0; padding:calc(var(--org-toolbar-height,64px) + 32px) 24px 24px; }
.org-fullscreen .org-palette { margin:calc(var(--org-toolbar-height,64px) + 32px) 16px 16px 0; max-height:none; }
@media(max-width:1000px) { .org-workspace-with-palette { grid-template-columns:minmax(0,1fr); } .org-palette { position:absolute; z-index:2; top:12px; right:12px; bottom:12px; width:270px; max-height:none; } .org-fullscreen .org-palette { top:calc(var(--org-toolbar-height,64px) + 24px); margin:0; } }
.org-unit-deputy,.org-palette-card.org-unit-deputy { --org-unit-accent:#567bd4; border-color:#dfe7f7; background:#f5f8ff; }
.org-view-cards .org-unit-deputy>.org-node { --org-accent:#567bd4; }

/* Reuse canvas unit palettes for the draggable drawer cards. */
.org-palette-card.org-unit-company { --org-unit-accent:#2472fa; border-color:#dfeaf6; background:#f7fbff; }
.org-palette-card.org-unit-team { --org-unit-accent:#16b67f; border-color:#deeee7; background:#f7fcf9; }
.org-palette-card.org-unit-employee,.org-palette-card.org-palette-assigned { border-color:#e6edf4; background:#ffffffdf; }
.org-palette-card.org-unit-employee>.org-node-symbol { background:#f1f6fc; }

/* A consistent highlight identifies the signed-in person's employee card. */
.org-node:is(.org-founder,.org-company).org-own-employee,
.org-node.org-employee.org-own-employee,
.org-view-cards .org-unit-employees .org-employee.org-own-employee,
.org-lead-card.org-own-employee,
.org-palette-card.org-own-employee { border-color:#3483f5; box-shadow:inset 0 0 0 1px #3483f5,0 0 0 3px #3483f51a; }

.org-group { --org-accent:#bd7b38; }
.org-sector { --org-accent:#5274cc; }
.org-unit-group,.org-palette-card.org-unit-group { --org-unit-accent:#bd7b38; background:#fff9f1; border-color:#f0e2cf; }
.org-unit-sector,.org-palette-card.org-unit-sector { --org-unit-accent:#5274cc; background:#f4f7ff; border-color:#dce4f7; }

.create-user-mail-status { padding:12px 14px; border:1px solid; border-radius:10px; font-size:13px; line-height:1.6; margin-bottom:14px; }
.create-user-mail-status.is-sent { color:#087c59; background:#effbf5; border-color:#c6eadb; }
.create-user-mail-status.is-failed { color:#9a6414; background:#fffbef; border-color:#f3dfb2; }

.structure-task-form { color:#173554; font-size:13px; }
.structure-task-form fieldset { border:0; padding:0; min-width:0; display:grid; gap:18px; }
.structure-task-intro { color:#758ba6; line-height:1.6; margin:0 0 20px; }
.structure-task-form label>span { display:block; font-size:12px; font-weight:600; margin-bottom:7px; }
.structure-task-form :is(input:not([type=checkbox]),select,textarea) { width:100%; border:1px solid #dce6f3; border-radius:10px; background:#fbfdff; color:#173554; padding:10px 11px; font-size:13px; outline:none; }
.structure-task-form :is(input,select,textarea):focus-visible { outline:2px solid #94baff; outline-offset:2px; }
.structure-task-form button { border:1px solid #dce6f3; border-radius:9px; padding:8px 12px; background:white; font-size:12px; font-weight:600; }
.structure-task-form button:disabled { opacity:.5; cursor:default; }
.structure-task-form h3 { font-size:14px; font-weight:650; }
.structure-task-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.structure-task-unit { border:1px solid #dce7f3; border-radius:13px; background:#f7fbff; margin-top:12px; padding:14px; }
.structure-task-form :is(.structure-task-unit,.structure-task-subtasks)>header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.structure-task-unit header small { display:block; margin-top:3px; color:#7b90a9; font-size:11px; }
.structure-task-people { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-height:220px; overflow-y:auto; padding:3px; }
.structure-task-people label { display:flex; align-items:center; gap:8px; border:1px solid #e3ebf5; border-radius:9px; padding:9px; background:white; cursor:pointer; }
.structure-task-people label>span { margin:0; font-size:12px; font-weight:500; }
.structure-task-people input { width:15px; height:15px; flex-shrink:0; accent-color:#2577f8; }
.structure-task-people small { margin-left:auto; font-size:10px; color:#6683a4; }
.structure-task-fallback { margin:10px 0 0; font-size:11px; color:#5e7c9c; }
.structure-task-warning { border:1px solid #f0d6a3; border-radius:9px; background:#fffbef; color:#976516; padding:11px; line-height:1.5; margin-top:10px; }
.structure-task-subtasks { border-top:1px solid #e7eef6; padding-top:16px; }
.structure-task-subtask { display:grid; grid-template-columns:minmax(0,1fr) 32px; gap:10px; border:1px solid #e3ebf5; border-radius:11px; padding:12px; margin-top:10px; background:#fbfdff; }
.structure-task-subtask>label:nth-of-type(n+2) { grid-column:1/-1; }
.structure-task-subtask>button { padding:0; height:32px; align-self:end; }
.structure-task-form details summary { cursor:pointer; color:#58779a; font-weight:600; margin-bottom:12px; }
.structure-task-form details>label { display:block; margin-top:12px; }
.structure-task-form footer { display:flex; justify-content:flex-end; gap:10px; border-top:1px solid #e7eef6; margin-top:20px; padding-top:16px; }
.structure-task-form .structure-task-primary { background:linear-gradient(110deg,#2469ff,#13b9c9); border:0; color:white; }
@media(max-width:640px) { .structure-task-grid,.structure-task-people { grid-template-columns:1fr; } }

.structure-task-picker { margin-top:12px; border:1px solid #dce7f3; border-radius:13px; padding:10px; background:#f8fbff; }
.structure-task-picker-tabs { display:flex; gap:4px; margin-bottom:10px; }
.structure-task-form .structure-task-picker-tabs button { flex:1; border:0; background:transparent; color:#6b83a1; }
.structure-task-form .structure-task-picker-tabs button[aria-pressed=true] { color:#1765dc; background:#e8f1ff; }
.structure-task-picker-results { max-height:190px; overflow:auto; scrollbar-width:thin; margin-top:8px; display:grid; gap:4px; }
.structure-task-form .structure-task-picker-row { display:flex; align-items:center; text-align:left; gap:10px; width:100%; background:white; border-color:transparent; padding:9px 10px; font-weight:400; }
.structure-task-form .structure-task-picker-row:hover:not(:disabled) { background:#edf5ff; border-color:#d0e2fb; }
.structure-task-picker-row>span:first-child:not(.structure-task-avatar):not(.structure-task-unit-icon),.structure-task-picker-row>.structure-task-avatar+span { min-width:0; flex:1; }
.structure-task-picker-row strong { display:block; font-size:12px; font-weight:600; }
.structure-task-picker-row small { display:block; color:#8194ac; font-size:10px; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.structure-task-kind { color:#6583a7; font-size:10px; flex-shrink:0; }
.structure-task-avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:10px; background:#edf4ff; color:#3976c8; font-size:11px; flex-shrink:0; }
.structure-task-picker-empty { padding:12px; color:#8194ac; text-align:center; }
.structure-task-form .structure-task-picker-row:disabled { opacity:1; background:#eef8f5; }
.structure-task-picker-row:disabled .structure-task-kind { color:#17956b; }

/* One member section layout for every structure container. */
.org-view-cards .org-team-members>.org-members-heading { width:100%; padding:0 4px; margin:0; box-sizing:border-box; }
.org-members-heading::before { content:''; display:block; height:1px; margin:0 3px 8px; background:linear-gradient(90deg,transparent,#bccede80 25%,#bccede80 75%,transparent); }
.org-members-heading h4 { margin:0; padding:0; color:#8296ae; font-size:10px; line-height:14px; font-weight:500; }

.tf-task-board-panel[hidden] { display:none; }

.tf-unified-task-toolbar.tf-with-company-filter { grid-template-columns:minmax(200px,1fr) 190px 200px 180px; }
.tf-company-filter select { padding-left:14px; }
@media(max-width:1100px) { .tf-unified-task-toolbar.tf-with-company-filter { grid-template-columns:1fr 1fr; } .tf-with-company-filter .tf-unified-search { grid-column:1/-1; } }
@media(max-width:600px) { .tf-unified-task-toolbar.tf-with-company-filter { grid-template-columns:1fr; } }

.tf-structure-filter { display:block; min-width:0; }
.tf-structure-filter>span { display:block; margin-bottom:6px; }
.tf-structure-filter select { width:100%; }

.tf-task-structure-cell { display:grid; gap:6px; min-width:0; }
.tf-task-structure-cell>div { min-width:0; }
.tf-task-structure-cell>div>span { display:inline-block; max-width:min(100%,160px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; border:1px solid #e1eaf7; border-radius:6px; background:#f3f7fd; color:#48688f; padding:3px 7px; font-size:11px; font-weight:500; }
.tf-task-structure-cell small { display:block; max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#8b9db4; font-size:10px; margin-top:3px; padding-left:2px; }
.tf-task-structure-empty { color:#8b9db4; font-size:11px; }

/* Shared task details design across assigned, created and all task views. */
.tf-task-details { display:grid; gap:20px; color:#173554; font-size:13px; }
.tf-task-details h3 { font-size:14px; line-height:1.5; font-weight:650; color:#1d3658; }
.tf-task-details button { border-radius:9px; font-size:12px; }
.tf-task-details :is(input,textarea,select) { border-radius:9px; font-size:13px; }
.tf-details-overview { border:1px solid #e1eaf6; border-radius:16px; background:linear-gradient(145deg,#f7fbff,#fff 65%); padding:20px; }
.tf-details-title { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:8px 14px; }
.tf-details-reference { grid-column:1/-1; color:#8296b1; font-size:10px; font-weight:600; }
.tf-details-title h2 { color:#122b50; font-size:20px; line-height:1.4; font-weight:700; overflow-wrap:anywhere; margin:0; }
.tf-details-description { color:#627c9a; font-size:13px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; margin:14px 0 18px; }
.tf-details-metadata { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0; padding:14px 0 18px; border-top:1px solid #e5edf7; }
.tf-details-metadata dt { color:#8496ad; font-size:10px; margin-bottom:5px; }
.tf-details-metadata dd { color:#3d5b7d; font-size:11px; font-weight:600; line-height:1.6; overflow-wrap:anywhere; margin:0; }
.tf-details-people-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:20px; border-top:1px solid #e5edf7; padding-top:18px; }
.tf-details-assignees>header { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.tf-details-assignees>header>span,.tf-details-notes h3>span { color:#3979d3; background:#eaf2ff; border-radius:7px; padding:2px 7px; font-size:10px; font-weight:600; }
.tf-details-assignee-list { display:grid; gap:8px; }
.tf-details-person { display:flex; align-items:center; gap:9px; min-width:0; border:1px solid #e3ebf5; border-radius:11px; padding:10px; background:#fff; }
.tf-detail-avatar { width:32px; height:32px; min-width:32px; border-radius:10px; object-fit:cover; background:#edf4ff; color:#5885bc; display:inline-flex; align-items:center; justify-content:center; font-size:11px; font-weight:650; }
.tf-details-person>div { flex:1; min-width:0; }
.tf-details-person strong { color:#345474; display:block; font-size:12px; font-weight:600; overflow-wrap:anywhere; }
.tf-details-person small { display:block; color:#8496af; font-size:10px; line-height:1.6; margin-top:2px; overflow-wrap:anywhere; }
.tf-details-person .tf-details-person-unit { color:#6486ae; }
.tf-assignment-state { display:inline-block; flex-shrink:0; border-radius:6px; font-size:9px; padding:3px 6px; background:#f2f5f9; color:#7b8da6; }
.tf-assignment-state.state-active { color:#bd821c; background:#fff6df; }
.tf-assignment-state.state-done { color:#14955b; background:#eafbf1; }
.tf-details-context { display:grid; align-content:start; gap:18px; min-width:0; }
.tf-details-context h3 { margin-bottom:10px; }
.tf-details-notes { border:1px solid #e1eaf6; border-radius:14px; padding:16px; background:#fff; }
.tf-details-notes>header,.tf-details-notes form footer { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.tf-details-notes h3 { display:flex; align-items:center; gap:8px; }
.tf-details-note-toggle { border:1px solid #dce7f6; color:#3974c7; background:#f9fbff; padding:7px 10px; font-weight:600; }
.tf-details-notes form { margin-top:14px; padding:12px; border:1px solid #e0eaf7; border-radius:11px; background:#f7fbff; }
.tf-details-notes textarea { width:100%; padding:10px; border:1px solid #dce7f6; border-radius:9px; resize:vertical; background:white; color:#355577; line-height:1.6; }
.tf-details-notes textarea:focus-visible { outline:2px solid #a7caff; outline-offset:1px; }
.tf-details-notes form footer { margin-top:9px; }
.tf-details-notes form footer small { color:#92a2b7; font-size:10px; }
.tf-details-note-save { border:0; color:#fff; background:linear-gradient(110deg,#2469ff,#13b9c9); padding:7px 11px; font-weight:600; }
.tf-details-notes button:disabled { opacity:.5; cursor:default; }
.tf-details-note-list { display:grid; gap:10px; margin-top:16px; }
.tf-details-note-list>article { display:flex; align-items:flex-start; gap:10px; border-top:1px solid #edf2f8; padding-top:12px; }
.tf-details-note-list>article>div { flex:1; min-width:0; }
.tf-details-note-list header { display:flex; flex-wrap:wrap; gap:6px 12px; justify-content:space-between; align-items:baseline; }
.tf-details-note-list strong { color:#416080; font-size:12px; font-weight:600; }
.tf-details-note-list time { color:#91a1b6; font-size:10px; }
.tf-details-note-list p { color:#637b98; font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; margin-top:6px; }
.tf-details-empty { color:#90a1b7; font-size:12px; line-height:1.6; margin:12px 0 0; }
.tf-details-note-error { color:#c25151; font-size:11px; margin-top:8px; }
@media(max-width:650px) { .tf-details-overview { padding:15px; } .tf-details-people-grid { grid-template-columns:1fr; gap:18px; } .tf-details-metadata { grid-template-columns:1fr 1fr; } .tf-details-title { grid-template-columns:1fr; } .tf-details-title h2 { font-size:18px; } }

.tf-details-deadline small { display:block; color:#c18a20; font-size:10px; font-weight:500; margin-top:3px; }
.tf-details-assignee-list { max-height:280px; overflow:auto; scrollbar-width:thin; padding-right:3px; }

.tf-details-assignee-units{margin-top:20px}.tf-details-assignee-units>h3{margin-bottom:10px}

/* Assigned-task status editor follows the current task form. */
.tf-task-status-editor{display:flex;flex-direction:column;gap:20px;color:#183451}
.tf-status-summary{padding:18px;border:1px solid #dce8f4;border-radius:16px;background:linear-gradient(120deg,#f7fbff,#fff)}
.tf-status-summary h3{margin:6px 0 8px;font-size:17px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.tf-status-summary>p{margin:0 0 12px;font-size:13px;color:#7188a5;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:120px;overflow:auto}
.tf-status-summary-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.tf-status-summary-meta>span{font-size:12px;color:#7188a5}
.tf-status-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tf-status-option{display:flex;align-items:center;gap:9px;min-height:52px;padding:12px;border:1px solid #dce8f4;border-radius:12px;background:#fff;text-align:left;transition:background .15s,border-color .15s,box-shadow .15s}
.tf-status-option-label{font-size:13px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.tf-status-option[aria-pressed=true]{border-color:currentColor;box-shadow:0 0 0 2px #dcecff}
.tf-status-option:hover:not(:disabled){box-shadow:0 2px 10px #123b6010}
.tf-status-option:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
.tf-task-status-editor textarea,.tf-task-status-editor input{border-radius:12px}
.tf-task-status-editor :disabled{cursor:not-allowed;opacity:.65}
.tf-task-status-editor[aria-busy=true] :disabled{cursor:wait}
.tf-status-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:18px;border-top:1px solid #e5edf6}
.tf-status-footer button{border-radius:11px;min-height:42px}
.tf-status-footer button:last-child{background:linear-gradient(110deg,#1765ff,#08b9c8);font-weight:600;box-shadow:0 3px 10px #2268dc18}
@media(max-width:520px){.tf-status-options{grid-template-columns:1fr}.tf-status-footer{flex-wrap:wrap}.tf-status-footer button{flex:1}}

.tf-task-window-tabs{display:flex;gap:5px;padding:4px;border:1px solid #dce8f4;border-radius:12px;background:#f5f9ff;margin-bottom:0}
.tf-task-window-tabs button{flex:1;min-height:40px;border-radius:9px;font-size:13px;font-weight:600;color:#7188a5}
.tf-task-window-tabs button[aria-pressed=true]{background:linear-gradient(110deg,#1765ff,#08b9c8);color:#fff;box-shadow:0 2px 8px #2268dc18}
.tf-task-supporting{display:flex;flex-direction:column;gap:24px;margin-top:24px}

/* Tooltips live above scroll containers instead of being clipped inside cards. */
.tf-task-action::after{content:none}
.tf-action-tooltip{position:fixed;z-index:10000;max-width:calc(100vw - 16px);width:max-content;padding:6px 9px;border-radius:7px;background:#102d52;color:#fff;box-shadow:0 3px 10px #102d5226;font-size:11px;font-weight:500;line-height:16px;white-space:normal;overflow-wrap:anywhere;pointer-events:none}
.tf-unified-task-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.tf-create-task-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:42px;padding:0 18px;border-radius:11px;background:linear-gradient(110deg,#1765ff,#08b9c8);color:#fff;font-size:13px;font-weight:600;box-shadow:0 3px 12px #2268dc20}
.tf-create-task-button>span{font-size:21px;font-weight:400}.tf-create-task-button:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
@media(max-width:520px){.tf-unified-task-heading{align-items:flex-start;flex-direction:column}.tf-create-task-button{width:100%}}

.structure-task-tree-row{display:flex;align-items:center;gap:4px;min-width:0}.structure-task-tree-row>.structure-task-picker-row{flex:1;min-width:0}
.structure-task-tree-toggle,.structure-task-tree-spacer{width:28px;min-width:28px;height:32px;display:flex;align-items:center;justify-content:center;color:#6d86ab;border-radius:7px}
.structure-task-tree-toggle:hover{background:#eaf2ff;color:#2469ff}.structure-task-tree-toggle:focus-visible{outline:2px solid #2469ff;outline-offset:1px}.structure-task-tree-toggle svg{transition:transform .15s}
.structure-task-company-tree>h4{font-size:11px;font-weight:600;color:#7189a6;padding:8px 10px;margin:4px 0}
.structure-task-member-groups{max-height:280px;overflow:auto;padding:3px;scrollbar-width:thin}.structure-task-member-group+.structure-task-member-group{margin-top:12px;padding-top:12px;border-top:1px solid #e5edf6}
.structure-task-member-group>h4{font-size:12px;font-weight:600;color:#486b95;margin:0 0 7px;padding:0 3px}.structure-task-member-group>.structure-task-people{max-height:none;overflow:visible}

/* Compact assignment browser with a single row surface and separate expand controls. */
.structure-task-form .structure-task-picker{background:#fff;border-color:#dfe8f3;border-radius:12px;padding:0;overflow:hidden}
.structure-task-form .structure-task-picker-tabs{gap:20px;display:flex;align-items:center;margin:0 14px;padding:0;border-bottom:1px solid #edf1f7}
.structure-task-form .structure-task-picker-tabs button{flex:initial;min-height:40px;padding:0 3px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#8396ad;font-size:12px}
.structure-task-form .structure-task-picker-tabs button[aria-pressed=true]{border-bottom-color:#2875ed;background:transparent;color:#2469df}
.structure-task-picker-search{position:relative;margin:10px 12px 4px;color:#8a9eb6}.structure-task-picker-search>svg{position:absolute;top:50%;left:11px;transform:translateY(-50%);pointer-events:none}
.structure-task-form .structure-task-picker-search input{min-height:36px;padding:8px 10px 8px 34px;border-color:#e7edf5;border-radius:8px;background:#f8fafd;font-size:12px}
.structure-task-form .structure-task-picker-results{margin:0;padding:6px;gap:2px;max-height:240px}
.structure-task-tree-row{gap:0;min-height:42px;border-radius:8px;transition:background .12s}.structure-task-tree-row:hover{background:#f3f7fd}
.structure-task-form .structure-task-tree-toggle,.structure-task-form .structure-task-tree-spacer{width:28px;min-width:28px;flex:0 0 28px;height:28px;padding:0;border:0;background:transparent;box-sizing:border-box;border-radius:6px;color:#6b86aa}
.structure-task-form .structure-task-tree-toggle svg{width:14px;height:14px;flex-shrink:0;display:block}
.structure-task-form .structure-task-tree-toggle:hover{background:#e5efff;color:#2469df}
.structure-task-form .structure-task-picker-row{min-height:40px;padding:6px 8px;gap:9px;border:0;background:transparent;border-radius:8px;color:#35516f}
.structure-task-form .structure-task-tree-row>.structure-task-picker-row{padding-left:2px}
.structure-task-form .structure-task-picker-row:hover:not(:disabled){border:0;background:#f3f7fd}
.structure-task-form .structure-task-picker-row:disabled{background:transparent;color:#2d8d72}
.structure-task-picker-row>.structure-task-unit-icon{flex:0 0 28px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:8px;background:#eef4ff;color:#4979c3}
.structure-task-unit-icon.kind-tribe{background:#f3edff;color:#9065d5}.structure-task-unit-icon.kind-team{background:#eaf8f1;color:#2f9e79}.structure-task-unit-icon.kind-external_contacts{background:#fff4e6;color:#c69645}.structure-task-unit-icon.kind-department{background:#edf3ff;color:#5685d3}
.structure-task-picker-row>.structure-task-unit-name{flex:1;min-width:0}.structure-task-unit-name strong{font-size:12px;line-height:18px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.structure-task-picker-row>.structure-task-member-count{flex:0 0 auto;min-width:22px;padding:2px 5px;border-radius:5px;background:#f1f5fa;color:#8b9db4;text-align:center;font-size:10px;line-height:16px;font-weight:500}
.structure-task-add-mark{flex:0 0 20px;text-align:center;color:#94a9c3;font-size:16px;font-weight:400;line-height:20px}.structure-task-picker-row:disabled .structure-task-add-mark{color:#2d9d79}
.structure-task-company-tree>h4{font-size:10px;font-weight:600;color:#91a1b6;margin:3px 0;padding:6px 8px}

.tf-add-task-employees{margin-top:14px}.tf-add-task-employees form{margin-top:10px;padding:14px;border:1px solid #dfe8f3;border-radius:12px;background:#fbfdff}.tf-add-task-employees p{font-size:12px;color:#7890aa;margin-bottom:10px}.tf-add-task-employees input[type=search]{width:100%;border:1px solid #dce6f3;border-radius:9px;padding:9px 11px;font-size:12px}.tf-add-task-people{max-height:240px;overflow:auto;margin:10px 0;display:grid;gap:5px}.tf-add-task-people label{display:flex;align-items:center;gap:9px;padding:9px;border-radius:8px;background:#f3f7fc;cursor:pointer}.tf-add-task-people label>span{flex:1;min-width:0}.tf-add-task-people strong{display:block;font-size:12px;color:#365474}.tf-add-task-people small{font-size:10px;color:#8396ad}.tf-add-task-people input{accent-color:#2875ed}.tf-add-task-employees button[type=submit]{padding:9px 13px;border-radius:9px;background:#edf4ff;color:#2469df;font-size:12px;font-weight:600}.tf-add-task-employees button:disabled{opacity:.5;cursor:default}.tf-add-task-employees [role=alert]{color:#b94a4a}

.tf-activity-details li{white-space:pre-wrap;overflow-wrap:anywhere}

.tf-subtask-assignees{grid-column:1/-1;padding:12px;border:1px solid #dfe8f3;border-radius:10px;background:#fff}.tf-subtask-assignees-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12px;font-weight:600;color:#486586}.tf-subtask-assignees-heading small{font-size:10px;color:#8195af;font-weight:500}
.tf-subtask-assignees input[type=search]{width:100%;min-height:34px;padding:7px 10px;border:1px solid #e0e8f3;border-radius:8px;background:#fbfdff;font-size:12px}.tf-subtask-assignee-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:160px;overflow:auto;margin-top:8px;scrollbar-width:thin}
.tf-subtask-assignee-options label{display:flex;align-items:center;gap:7px;padding:7px;background:#f5f9fe;border-radius:7px;cursor:pointer;min-width:0}.tf-subtask-assignee-options input{width:14px;height:14px;flex-shrink:0;accent-color:#2875ed}.tf-subtask-assignee-options label>span{margin:0;font-size:11px;font-weight:500;overflow-wrap:anywhere;color:#486586}
.tf-notification-actions{display:flex;align-items:center;gap:10px}.tf-notification-history>ul{display:grid;gap:10px;list-style:none;padding:0;margin:0 0 16px}.tf-notification-history li{border:1px solid #e2eaf5;border-radius:12px;padding:14px;background:#fff}.tf-notification-history li.is-unread{background:#f4f9ff;border-color:#cfe0fa}.tf-notification-history li>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tf-notification-history strong{font-size:13px;color:#2d4c72}.tf-notification-history time{font-size:10px;white-space:nowrap;color:#91a1b8}.tf-notification-history li>p{font-size:12px;color:#7389a7;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.tf-notification-history li>button{font-size:11px;color:#2875ed}.tf-notification-history button:disabled{opacity:.5;cursor:wait}
.tf-workload-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tf-workload-toolbar input,.tf-workload-toolbar select{min-width:0;border:1px solid #dfe8f3;background:#fbfdff;border-radius:9px;min-height:36px;padding:7px 10px;font-size:11px;color:#5a7598}.tf-workload-toolbar input{flex:1}.tf-workload-toolbar select{max-width:180px}
.tf-workload .tf-chart-legend{font-size:10px;gap:14px;margin:8px 0 12px}
.tf-workload-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;font-size:10px;color:#8b9db4}.tf-workload-pagination>div{display:flex;gap:6px}.tf-workload-pagination button{padding:6px 9px;border:1px solid #dfe8f3;border-radius:7px;color:#6082ae;background:#fff}.tf-workload-pagination button:disabled{opacity:.4;cursor:default}
@media(max-width:520px){.tf-subtask-assignee-options{grid-template-columns:1fr}.tf-workload-toolbar{align-items:stretch;flex-direction:column}.tf-workload-toolbar select{max-width:none}.tf-notification-history li>div{flex-direction:column;gap:4px}}

.tf-edit-subtask-assignees{margin-top:12px}.tf-edit-subtask-assignees>h4{font-size:12px;font-weight:600;color:#486586;margin-bottom:8px}

.tf-edit-subtask-assignees>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.tf-edit-subtask-assignees>header h4{font-size:12px;font-weight:600;color:#486586}.tf-subtask-delete-button{font-size:11px;font-weight:600;color:#cb5363;background:#fff5f6;border:1px solid #f2d8de;border-radius:8px}.structure-task-form .tf-subtask-delete-button{padding:5px 9px;border-color:#f2d8de;color:#cb5363;background:#fff5f6}.tf-subtask-delete-button:hover:not(:disabled){background:#ffecee;color:#b62c42}

/* Company request inbox: shared cool-blue surfaces, compact rows and clear routing. */
.tf-requests-page{max-width:1400px;margin:auto;color:#15375b}.tf-requests-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.tf-requests-heading h1{font-size:28px;font-weight:700;color:#0b2346}.tf-requests-heading p{color:#7891b1;margin-top:4px;font-size:14px}.tf-request-primary,.tf-request-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:11px 17px;font-weight:600;font-size:13px;transition:background .15s,box-shadow .15s}.tf-request-primary{background:linear-gradient(110deg,#1669ff,#06b7cb);color:white;box-shadow:0 4px 12px #2563eb16}.tf-request-secondary{border:1px solid #dce7f4;background:white;color:#44678f}.tf-request-primary:disabled,.tf-request-secondary:disabled{opacity:.45;cursor:default}.tf-requests-toolbar{background:#ffffffb8;border:1px solid #dce9f6;border-radius:18px;padding:16px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.tf-request-tabs{display:flex;padding:4px;background:#eef5fc;border-radius:12px;gap:4px}.tf-request-tabs button{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:600;color:#718aab;border-radius:9px}.tf-request-tabs .is-active{background:white;color:#1669ff;box-shadow:0 2px 7px #294f7e0d}.tf-request-tabs span{padding:1px 7px;border-radius:7px;background:#eaf2ff;font-size:11px}.tf-request-filters{display:flex;gap:10px;flex-wrap:wrap}.tf-request-filters label{display:flex;align-items:center;gap:8px;background:white;border:1px solid #dce7f4;border-radius:10px;padding:0 12px;color:#8099b9}.tf-request-filters input{background:transparent;border:0;outline:0;padding:10px 0;font-size:13px;width:180px}.tf-request-filters select{border:1px solid #dce7f4;border-radius:10px;background:white;padding:10px;font-size:13px}.tf-requests-list{border:1px solid #dfebf7;border-radius:18px;background:#ffffffd9;overflow:hidden}.tf-request-row{display:flex;align-items:center;width:100%;text-align:left;gap:18px;padding:20px;border-bottom:1px solid #edf2f9;transition:background .15s}.tf-request-row:last-child{border:0}.tf-request-row:hover{background:#f3f8ff}.tf-request-row-icon{background:#edf5ff;color:#3d83df;display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;border-radius:13px}.tf-request-row-main{min-width:0;flex:1}.tf-request-row-main strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.tf-request-row-main small{display:block;font-size:12px;color:#8298b3;margin-top:5px}.tf-request-row-date{font-size:12px;color:#8298b3}.tf-request-status{padding:5px 10px;font-size:11px;border-radius:8px;white-space:nowrap;display:inline-flex;font-weight:600}.tf-request-status-Pending{background:#fff6dc;color:#c78b12}.tf-request-status-Completed{background:#e6f9f0;color:#00a969}.tf-request-status-Rejected{background:#fff0f1;color:#e0526a}.tf-request-empty{padding:70px 20px;display:flex;align-items:center;flex-direction:column;gap:12px;color:#91a8c4;font-size:13px}.tf-request-empty strong{font-size:16px;color:#5d7b9f}.tf-request-error{border:1px solid #ffd8de;background:#fff4f6;color:#bf3458;border-radius:10px;padding:12px;font-size:13px;margin-bottom:15px}.tf-request-form{display:flex;flex-direction:column;gap:16px}.tf-request-form label,.tf-request-field>label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:#36567b}.tf-request-form input:not([type=file]),.tf-request-form textarea,.tf-request-form select,.tf-request-forward>input,.tf-request-forward textarea{border:1px solid #dbe7f4;border-radius:10px;background:#fbfdff;padding:11px 12px;font-size:13px;color:#1a3a60;width:100%;outline:0}.tf-request-form input:focus,.tf-request-form textarea:focus,.tf-request-forward input:focus,.tf-request-forward textarea:focus{border-color:#75a6ff;box-shadow:0 0 0 3px #4d8fff12}.tf-request-field{display:flex;flex-direction:column;gap:8px}.tf-request-companies{max-height:190px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tf-request-companies button{border:1px solid #e0eaf6;background:white;text-align:left;border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:5px}.tf-request-companies button.is-selected{border-color:#6f9fff;background:#eef5ff}.tf-request-companies button:disabled{opacity:.5}.tf-request-companies strong{font-size:13px}.tf-request-companies small{font-size:11px;color:#7895b7}.tf-request-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tf-request-form footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf2f8;padding-top:16px}.tf-request-file-input{display:inline-flex!important;align-items:center!important;flex-direction:row!important;gap:8px!important;border:1px solid #dce7f5;border-radius:10px;padding:10px 12px;color:#5279a6!important;width:fit-content;cursor:pointer;font-size:13px!important;font-weight:500!important}.tf-request-file-input input{max-width:230px;font-size:11px;font-weight:400}.tf-request-file-chip{display:flex;align-items:center;gap:12px;color:#416c9b;background:#f0f6ff;border-radius:9px;padding:9px 12px;font-size:12px}.tf-request-file-chip button{margin-left:auto;font-size:20px}.tf-request-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.tf-request-detail-heading h3{font-size:21px;font-weight:650;color:#13375b;overflow-wrap:anywhere}.tf-request-description{white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0;color:#4d6b91;font-size:14px;line-height:1.7}.tf-request-detail section{padding-top:20px}.tf-request-detail h4{font-size:13px;font-weight:650;margin-bottom:12px}.tf-request-files{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.tf-request-files button{display:flex;align-items:center;gap:8px;font-size:12px;border:1px solid #e1ebf7;border-radius:9px;padding:9px;max-width:100%}.tf-request-files span{overflow-wrap:anywhere}.tf-request-files small{font-size:10px;color:#8ca1bc;white-space:nowrap}.tf-request-muted{color:#93a6bf;font-size:12px}.tf-request-recipient-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tf-request-recipient-list>div{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e4edf8;border-radius:11px}.tf-request-avatar{border-radius:10px;background:#edf5ff;color:#5686bf;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.tf-request-recipient-list strong{display:block;font-size:13px}.tf-request-recipient-list small{font-size:11px;color:#8b9eb8}.tf-request-recipient-list p{font-size:12px;color:#6e86a5;margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere}.tf-request-actions>div:first-child{display:flex;gap:8px;flex-wrap:wrap}.tf-request-forward{margin-top:16px;background:#f7fbff;border:1px solid #dfeaf8;border-radius:12px;padding:16px}.tf-request-forward-people{max-height:220px;overflow:auto;margin:12px 0}.tf-request-forward-people label{display:flex;align-items:center;gap:10px;padding:10px;font-size:13px;background:white;border-bottom:1px solid #edf3fb}.tf-request-forward textarea{margin-bottom:12px}.tf-requests-page button:focus-visible{outline:2px solid #75a6ff;outline-offset:2px}@media(max-width:700px){.tf-requests-heading{align-items:flex-start}.tf-request-row{padding:14px;gap:10px}.tf-request-row-date,.tf-request-row>svg{display:none}.tf-request-row-icon{width:34px;height:34px}.tf-request-companies,.tf-request-recipient-list{grid-template-columns:1fr}.tf-request-filters{width:100%}.tf-request-filters label{flex:1}.tf-request-file-input{flex-wrap:wrap}}
.tf-request-meta-grid{display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:12px;padding-bottom:20px;border-bottom:1px solid #e9f0f8}.tf-request-deadline{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dce9fb;border-radius:12px;background:#f1f7ff}.tf-request-date-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:white;color:#4c8bdf}.tf-request-deadline small,.tf-request-meta-item small{display:block;font-size:11px;color:#7d96b6;margin-bottom:5px}.tf-request-deadline time,.tf-request-deadline strong{font-size:14px;font-weight:650;color:#285b9a;line-height:1.5}.tf-request-meta-item{display:flex;flex-direction:column;justify-content:center;padding:14px 8px}.tf-request-meta-item time,.tf-request-meta-item strong{font-size:13px;color:#4c6b91;font-weight:500;line-height:1.5}.tf-request-forward{scroll-margin-top:88px}@media(max-width:600px){.tf-request-meta-grid{grid-template-columns:1fr 1fr;gap:8px}.tf-request-deadline{grid-column:1/-1}.tf-request-meta-item{padding:8px}}
.tf-request-file{display:flex;align-items:center;max-width:100%;border:1px solid #e1ebf7;border-radius:10px;background:white;overflow:hidden}.tf-request-files .tf-request-file-download{border:0;border-radius:0;min-width:0}.tf-request-files .tf-request-file-delete{border:0;border-left:1px solid #edf2f8;border-radius:0;align-self:stretch;color:#8ba0bc;padding:10px}.tf-request-files .tf-request-file-delete:hover{background:#fff1f3;color:#dc4964}.tf-request-files .tf-request-file-delete:disabled{opacity:.45;cursor:default}
.lagend-sidebar nav a{position:relative}.tf-request-nav-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:21px;height:21px;margin-left:auto;padding:0 6px;border-radius:7px;background:#ff526e;color:white;font-size:10px;font-weight:700;line-height:1;box-shadow:0 2px 7px #00112d20}.tf-request-nav-badge.is-collapsed{position:absolute;right:5px;top:5px;min-width:8px;width:8px;height:8px;padding:0;border-radius:50%;box-shadow:0 0 0 2px #10345c}
.tf-request-row-icon.is-received{background:#eaf8f6;color:#2b9e97}.tf-request-row-icon.is-sent{background:#edf4ff;color:#4384d9}.tf-request-row-icon svg,.tf-request-tabs svg{flex-shrink:0;stroke-width:1.8}.tf-request-tabs{flex-wrap:wrap}.tf-request-tabs button{white-space:nowrap}

.tf-request-route{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:stretch;gap:8px;padding:12px;border:1px solid #e0eaf7;border-radius:16px;background:linear-gradient(110deg,#f7faff,#f0f7ff)}.tf-request-party{min-width:0;padding:13px 14px;border-radius:11px;background:#ffffffc9;display:flex;flex-direction:column;justify-content:flex-start;gap:11px}.tf-request-party>small{font-size:10px;font-weight:600;letter-spacing:.02em;color:#8a9fba}.tf-request-party-body{display:flex;align-items:center;gap:11px;min-width:0}.tf-request-party-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:12px;background:#eaf2ff;color:#5385c7;font-size:12px;font-weight:650}.tf-request-party-text{display:flex;flex-direction:column;gap:5px;min-width:0}.tf-request-party-text strong{font-size:13px;font-weight:650;color:#173b64;line-height:1.5;overflow-wrap:anywhere}.tf-request-party-text>span{font-size:11px;color:#8097b5;line-height:1.5;overflow-wrap:anywhere}.tf-request-party.is-target .tf-request-party-avatar{background:#e7f5fa;color:#4a9cb5}.tf-request-route-connector{align-self:center;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:white;border:1px solid #e2ebf8;color:#7d9fc9;box-shadow:0 2px 6px #42679108}.tf-request-route svg{flex-shrink:0;stroke-width:1.8}@media(max-width:520px){.tf-request-route{grid-template-columns:1fr;gap:6px}.tf-request-route-connector{justify-self:center;transform:rotate(90deg);width:26px;height:26px}.tf-request-party{padding:12px 14px}.tf-request-party-body{gap:12px}}
.tf-request-party-avatar.is-person{width:40px;height:40px;background:transparent}.tf-request-party-avatar.is-person>img,.tf-request-party-avatar.is-person>div{width:40px;height:40px;border-radius:25%}.tf-request-party-avatar.is-company{width:46px;height:46px;border-radius:11px;overflow:hidden}.tf-request-party-avatar.is-company>img{width:100%;height:100%;object-fit:contain;padding:4px;background:white}
.tf-request-companies{max-height:280px}.tf-request-companies button{gap:12px;padding:13px}.tf-request-company-heading{display:flex;align-items:center;gap:11px;min-width:0;width:100%}.tf-request-company-label{min-width:0;display:flex;flex-direction:column;gap:4px}.tf-request-company-label strong{overflow-wrap:anywhere;line-height:1.5}.tf-request-company-label small{font-size:10px;color:#8b9fbb}.tf-request-company-recipients{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;padding-top:9px;border-top:1px solid #edf2fa}.tf-request-company-recipients>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 7px;font-size:11px;color:#6e86a5;line-height:1.5}.tf-request-company-recipients b{font-size:10px;font-weight:600;color:#4f7cae}.tf-request-companies .is-selected .tf-request-company-recipients{border-color:#dce9fb}.tf-request-company-recipients:empty{display:none}

/* Dashboard workload and status panels: two-thirds / one-third. */
.tf-bottom-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:stretch}.tf-bottom-grid>.tf-panel{padding:0 22px 18px;border:1px solid #e8f0fa;border-radius:20px;min-height:0}.tf-bottom-grid .tf-panel-heading{min-height:94px;align-items:center;gap:14px}.tf-bottom-grid .tf-panel-heading h2{font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-.6px}.tf-panel-title{min-width:0}.tf-panel-title p{font-size:13px;color:#8196b7;margin:5px 0 0;line-height:1.5}.tf-users-panel{display:flex;flex-direction:column}.tf-users-panel>div:last-child{flex:1;display:flex;flex-direction:column;min-width:0}.tf-users-panel .tf-workload{display:flex;flex-direction:column;flex:1;min-width:0}.tf-workload-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.45fr);gap:12px;margin-bottom:16px}.tf-workload-search{display:flex;align-items:center;gap:10px;min-width:0;height:42px;padding:0 12px;border:1px solid #dfe8f5;border-radius:10px;background:#fcfdff;color:#8298b8}.tf-workload-toolbar .tf-workload-search input{flex:1;width:0;min-width:0;border:0;box-shadow:none;outline:0;background:transparent;padding:0;min-height:0;height:38px;font-size:13px;color:#34557e}.tf-workload-search:focus-within,.tf-workload-select:focus-within{border-color:#84acff;box-shadow:0 0 0 3px #3476ff0b}.tf-workload-select{position:relative;display:flex;align-items:center;min-width:0;border:1px solid #dfe8f5;border-radius:10px;background:white}.tf-workload-select select,.tf-workload-toolbar .tf-workload-select select{appearance:none;max-width:none;width:100%;min-width:0;min-height:40px;border:0;outline:0;background:transparent;padding:9px 35px 9px 12px;font-size:12px;color:#45648e;border-radius:10px}.tf-workload-select>svg{position:absolute;right:11px;color:#738fb5;pointer-events:none;flex-shrink:0}.tf-workload-select select:disabled{opacity:.5}.tf-workload-scope{flex-shrink:0;max-width:235px}.tf-workload .tf-chart-legend{gap:23px;margin:0 0 17px;font-size:12px;color:#6f86a8;justify-content:center}.tf-workload .tf-chart-legend i{width:10px;height:10px}.tf-workload .tf-chart-legend span{gap:8px}.tf-workload-chart{flex:1;min-width:0}.tf-workload-columns,.tf-workload-row{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(0,1.7fr) 44px;align-items:center;column-gap:14px}.tf-workload-columns{min-height:39px;background:#f7faff;border-radius:10px 10px 0 0;padding:0 10px;font-size:11px;color:#6c83a5;font-weight:550}.tf-workload-columns>span:last-child{text-align:right}.tf-workload-rows{margin:0;padding:0;list-style:none;min-height:336px}.tf-workload-row{min-height:48px;padding:6px 10px;border-bottom:1px solid #edf2f9}.tf-workload-row:hover{background:#f8fbff99}.tf-workload-person{display:flex;align-items:center;gap:10px;min-width:0}.tf-workload-person>img,.tf-workload-person>div{width:33px;height:33px;flex-shrink:0;font-size:10px}.tf-workload-person>span{font-size:12px;color:#284871;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-workload-track{height:13px;background:#eef2f7;border-radius:5px;min-width:0}.tf-workload-track:focus-visible{outline:2px solid #84acff;outline-offset:4px}.tf-workload-stack{height:100%;display:flex;overflow:hidden;border-radius:5px}.tf-workload-segment{height:100%;min-width:0;display:block}.tf-workload-total{font-size:13px;font-weight:650;color:#19365e;text-align:right;font-variant-numeric:tabular-nums}.tf-workload-pagination{border-top:1px solid #edf2f9;margin-top:auto;min-height:52px;padding-top:12px;font-size:11px;color:#7b92b3}.tf-workload-pagination button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 11px;font-size:11px;color:#3262a8;border-radius:9px}.tf-workload-pagination button:disabled{opacity:.4}.tf-workload-loading{opacity:.55;pointer-events:none}.tf-bottom-grid .tf-status-chart{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:4px 0 0}.tf-bottom-grid .tf-donut{width:clamp(190px,17vw,245px);height:auto;aspect-ratio:1;align-self:center;max-width:100%}.tf-bottom-grid .tf-donut-center strong{font-size:40px;letter-spacing:-1px;color:#11264c}.tf-bottom-grid .tf-donut-center span{font-size:12px;max-width:130px;line-height:1.4;color:#8096b8;margin-top:6px}.tf-bottom-grid .tf-status-legend{max-width:none;min-width:0;gap:0;padding:0;width:100%}.tf-bottom-grid .tf-status-legend li{display:grid;grid-template-columns:11px minmax(0,1fr) 30px 44px;align-items:center;gap:10px;min-height:42px;white-space:normal;border-bottom:1px solid #edf2f9;font-size:12px;color:#5d789f}.tf-bottom-grid .tf-status-legend li:last-child{border-bottom:0}.tf-bottom-grid .tf-status-legend i{height:10px;width:10px}.tf-bottom-grid .tf-status-legend strong{font-size:13px;text-align:right;color:#1f3e69}.tf-bottom-grid .tf-status-legend small{font-size:12px;text-align:right;color:#8aa0bd}.tf-dashboard>.tf-upcoming{margin-top:20px}.tf-dashboard>.tf-upcoming .tf-upcoming-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tf-dashboard>.tf-upcoming .tf-upcoming-list li{border-bottom:0}.tf-donut-empty{position:absolute;inset:7%;border:34px solid #edf2f8;border-radius:50%}@media(max-width:1250px){.tf-bottom-grid>.tf-panel{padding-left:16px;padding-right:16px}.tf-bottom-grid .tf-panel-heading h2{font-size:18px}.tf-workload-scope{max-width:205px}.tf-workload-columns,.tf-workload-row{grid-template-columns:minmax(135px,.9fr) minmax(0,1.5fr) 35px;column-gap:10px}.tf-workload-toolbar{grid-template-columns:minmax(0,1fr) 180px}}@media(max-width:1100px){.tf-bottom-grid{grid-template-columns:minmax(0,1fr)}.tf-bottom-grid .tf-status-chart{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);align-items:center;gap:32px;padding-bottom:12px}.tf-bottom-grid .tf-donut{width:220px}.tf-bottom-grid .tf-panel-heading h2{font-size:21px}}@media(max-width:650px){.tf-bottom-grid .tf-panel-heading{min-height:0;padding:20px 0 18px;align-items:flex-start;flex-wrap:wrap;gap:14px}.tf-bottom-grid .tf-panel-heading h2{font-size:19px}.tf-workload-scope{max-width:none;width:100%}.tf-workload-toolbar{grid-template-columns:1fr;gap:9px}.tf-workload-toolbar .tf-workload-select{width:100%}.tf-workload .tf-chart-legend{gap:12px;font-size:10px}.tf-workload-columns,.tf-workload-row{grid-template-columns:minmax(112px,1fr) minmax(0,1fr) 28px;column-gap:8px;padding-left:0;padding-right:0}.tf-workload-columns{font-size:10px;padding-left:5px;padding-right:5px}.tf-workload-person{gap:7px}.tf-workload-person>span{font-size:11px}.tf-workload-person>img,.tf-workload-person>div{width:28px;height:28px;font-size:9px}.tf-workload-pagination button{gap:3px;padding:7px;font-size:10px}.tf-workload-pagination{font-size:10px}.tf-bottom-grid .tf-status-chart{display:flex;gap:18px}.tf-bottom-grid .tf-donut{width:215px}.tf-dashboard>.tf-upcoming .tf-upcoming-list{grid-template-columns:1fr;gap:0}}
.tf-organization .org-node.org-search-match,.tf-organization .org-lead-card.org-search-match,.tf-organization .org-view-cards .org-unit-employees .org-node.org-search-match{border-color:#e8b326;box-shadow:inset 0 0 0 1px #e8b326,0 0 0 3px #f5ce4d35}
.tf-organization .org-position-person.org-search-match{margin-top:7px;padding:7px 9px;border:1px solid #e8b326;border-radius:9px;background:#fffdf7;box-shadow:inset 0 0 0 1px #e8b326,0 0 0 2px #f5ce4d24}

/* Company-like branch containers use the established canvas and palette styling. */
.org-unit-container.org-unit-branch,.org-palette-card.org-unit-branch { --org-unit-accent:#2472fa; border-color:#dfeaf6; background:#f7fbff; }
.org-unit-head_office,.org-palette-card.org-unit-head_office { --org-unit-accent:#3986b9; border-color:#d9eaf3; background:#f5fbfe; }
.org-view-cards .org-unit-container.org-unit-branch>.org-node { --org-accent:#2472fa; }
.org-view-cards .org-unit-head_office>.org-node { --org-accent:#3986b9; }

/* Keep the overdue completion prompt focused on the reason. */
.tf-task-status-editor{gap:16px}.tf-status-summary.is-compact{padding:14px 16px;background:#f8fbff;border-radius:12px}.tf-status-summary.is-compact h3{font-size:16px;margin:5px 0 10px;line-height:1.4}.tf-status-summary.is-compact .tf-status-summary-meta{margin:0;justify-content:space-between;gap:8px}.tf-completion-choice{padding:0;border:0;background:transparent;display:flex;flex-direction:column;gap:12px}.tf-completion-choice>div:first-child>p:first-child{font-size:13px;font-weight:650;color:#28466c}.tf-completion-choice>div:first-child>p+p{font-size:12px;color:#7d91ad;line-height:1.6;margin:4px 0 0}.tf-completion-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tf-completion-mode{padding:12px 13px;border:1px solid #e1e9f4;border-radius:11px;background:#fff;text-align:left;box-shadow:none!important;transition:border-color .15s,background .15s}.tf-completion-mode[aria-pressed=true]{border-color:#78a7ff;background:#f3f7ff}.tf-completion-mode>div>span{font-size:12px}.tf-completion-mode>p{font-size:11px;color:#8195b0;line-height:1.5;margin:5px 0 0}.tf-task-status-editor textarea{min-height:94px;padding:11px 13px;border:1px solid #dce6f4;border-radius:11px;line-height:1.6}.tf-status-footer{position:sticky;bottom:0;background:#fff;margin-top:2px;padding-top:14px}.tf-status-options{gap:8px}.tf-status-option{min-height:44px;padding:9px 11px}.tf-status-option-label{font-size:12px}@media(max-width:480px){.tf-completion-modes{grid-template-columns:1fr}.tf-completion-mode{padding:10px 12px}}

.tf-details-deadline.is-paused{color:#91a1b7}.tf-details-deadline.is-paused small{color:#91a1b7}.tf-card-date.is-paused{opacity:.5}.tf-paused-deadline{color:#8b9db5;font-size:10px}.tf-resume-deadline{display:flex;flex-direction:column;gap:16px;color:#234568}.tf-resume-deadline>p{font-size:13px;color:#7a91ac;line-height:1.7}.tf-resume-deadline label{display:flex;flex-direction:column;gap:8px;font-size:12px}.tf-resume-deadline input{padding:10px 12px;border:1px solid #dce7f5;border-radius:10px}.tf-resume-deadline footer{display:flex;justify-content:flex-end;gap:12px}.tf-deadline-approval{padding:8px 12px 12px 58px;font-size:12px;color:#6781a3}.tf-deadline-approval>div{display:flex;gap:8px;margin-top:9px}.tf-deadline-approval button{padding:7px 12px;border-radius:8px;border:1px solid #dce7f5;background:#fff;color:#5b7495}.tf-deadline-approval button:first-child{background:#edf5ff;color:#1765e5;border-color:#bfd6ff}.tf-deadline-approval p{color:#dc3545}.tf-deadline-approval button:disabled{opacity:.5}

.tf-subtask-files{margin-top:12px;border-top:1px solid #edf1f7;padding-top:10px;color:#4c6c92;font-size:12px}.tf-subtask-files summary{cursor:pointer;font-weight:600;display:flex;align-items:center;gap:7px}.tf-subtask-files summary:before{content:'›';font-size:17px;color:#93aac5;transition:transform .15s}.tf-subtask-files[open] summary:before{transform:rotate(90deg)}.tf-subtask-files summary span{font-size:10px;background:#edf4ff;border-radius:5px;padding:1px 5px}.tf-subtask-files>div{padding-top:10px}.tf-subtask-upload{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #dce7f4;border-radius:8px;background:#fafcff;cursor:pointer;color:#3273d0;font-size:11px;position:relative;overflow:hidden}.tf-subtask-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.tf-subtask-files ul{padding:0;margin:9px 0 0;list-style:none;display:flex;flex-direction:column;gap:6px}.tf-subtask-files li{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f8fbff;border:1px solid #e6edf6;border-radius:8px}.tf-subtask-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#326ab4;font-size:12px}.tf-subtask-files small{color:#8a9fba;font-size:10px;white-space:nowrap}.tf-subtask-file-delete{color:#d95568;font-size:11px}.tf-subtask-files p{font-size:11px;color:#8a9bb2;line-height:1.6;margin:9px 0 0;white-space:pre-wrap}.tf-subtask-files .tf-error{color:#d64055}.tf-subtask-files button:disabled{opacity:.5}

.tf-company-switch{position:relative;min-width:200px;max-width:330px;margin-right:5px;color:#18365b;font-size:12px}.tf-company-switch summary{display:flex;align-items:center;gap:10px;padding:9px 12px;list-style:none;cursor:pointer;border:1px solid #dce7f3;border-radius:13px;background:linear-gradient(140deg,#fff,#f5f9ff);box-shadow:0 2px 5px #17365b05;transition:border-color .15s,box-shadow .15s}.tf-company-switch summary::-webkit-details-marker{display:none}.tf-company-switch summary:hover,.tf-company-switch[open] summary{border-color:#a9c9f5;box-shadow:0 3px 12px #2563eb0b}.tf-company-switch summary:focus-visible{outline:2px solid #579cff;outline-offset:3px}.tf-company-mark,.tf-company-option-mark{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:#eaf3ff;border-radius:10px;color:#3a7bd5}.tf-company-mark svg,.tf-company-option-mark svg{width:19px;height:19px}.tf-company-current{min-width:0;display:flex;flex-direction:column;gap:2px}.tf-company-caption{font-size:10px;color:#8195b0;line-height:1.1}.tf-company-current strong{font-size:12px;font-weight:650;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-company-current-roles{font-size:10px;color:#7189a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.tf-company-chevron{width:16px;height:16px;flex-shrink:0;margin-left:auto;color:#7892b4;transition:transform .15s}.tf-company-switch[open] .tf-company-chevron{transform:rotate(180deg)}.tf-company-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:90;width:360px;max-width:calc(100vw - 24px);max-height:70vh;overflow-y:auto;padding:7px;background:#fff;border:1px solid #dce7f3;border-radius:15px;box-shadow:0 14px 40px #17365b1a}.tf-company-menu-heading{font-size:10px;font-weight:600;color:#8195b0;padding:6px 9px 9px}.tf-company-menu button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border-radius:10px;border:1px solid transparent;background:transparent;color:#21466e;cursor:pointer}.tf-company-menu button:hover,.tf-company-menu button:focus-visible{background:#f4f8fe;outline:none;border-color:#dce9fa}.tf-company-menu button[aria-checked=true]{background:#edf5ff;border-color:#d9eaff}.tf-company-option-mark{width:31px;height:31px;background:#f0f5fc}.tf-company-option-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.tf-company-option-text strong{font-size:12px;font-weight:650;line-height:1.5}.tf-company-option-text>span{font-size:11px;color:#7891af;line-height:1.55;white-space:normal;overflow-wrap:anywhere}.tf-company-check{width:18px;height:18px;flex-shrink:0;color:#2874d6}.tf-company-menu button:disabled{opacity:.6;cursor:wait}.tf-company-switch>small{position:absolute;right:0;top:calc(100% + 8px);z-index:95;min-width:200px;max-width:330px;padding:10px 12px;border:1px solid #dce7f3;border-radius:10px;background:#fff;box-shadow:0 8px 24px #17365b15;font-size:11px;line-height:1.6}.tf-company-switch [role=alert]{color:#c24141}@media(max-width:640px){.tf-company-switch{min-width:120px;max-width:190px}.tf-company-switch summary{padding:7px 9px;gap:7px}.tf-company-mark{display:none}.tf-company-current-roles{max-width:140px}.lagend-topbar{gap:8px;padding-left:12px;padding-right:12px}}

/* Keep the open company menu above the isolated page, without covering modals when closed. */
.lagend-topbar:has(.tf-company-switch[open]){z-index:60;overflow:visible}
.tf-company-logo,.tf-company-logo-fallback{display:grid;place-items:center;width:100%;height:100%}.tf-company-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px;outline:0}.tf-company-logo img[hidden],.tf-company-logo-fallback[hidden]{display:none}.tf-company-parent{font-size:10px;color:#7189a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}
/* Compact header identity selector. */
.tf-company-switch{min-width:0;max-width:290px;margin-right:4px}.tf-company-switch summary{min-height:40px;padding:5px 8px;gap:8px;border-color:transparent;border-radius:9px;background:transparent;box-shadow:none}.tf-company-switch summary:hover,.tf-company-switch[open] summary{background:#f0f6fd;border-color:#e0ebf8;box-shadow:none}.tf-company-mark{width:27px;height:27px;border-radius:7px;background:#f0f5fc}.tf-company-current{display:block;max-width:235px}.tf-company-current strong{display:block;font-size:12px;font-weight:600}.tf-company-chevron{width:13px;height:13px;margin-left:2px}.tf-company-menu{width:296px;top:calc(100% + 7px);padding:6px;border-radius:12px;box-shadow:0 10px 28px #17365b16}.tf-company-menu-heading{padding:6px 10px 8px;font-size:10px}.tf-company-menu button{gap:9px;padding:8px 9px;min-height:42px;border-radius:8px}.tf-company-option-mark{width:27px;height:27px;border-radius:7px}.tf-company-option-text{gap:1px}.tf-company-option-text strong{font-size:12px;font-weight:600}.tf-company-option-text>span{font-size:10px;line-height:1.4}.tf-company-menu button.tf-company-child{padding-left:30px}.tf-company-menu button.tf-company-child .tf-company-option-mark{width:22px;height:22px}.tf-company-check{width:15px;height:15px}@media(max-width:640px){.tf-company-switch{max-width:180px;min-width:0}.tf-company-switch summary{padding:5px}.tf-company-mark{display:grid;width:24px;height:24px}.tf-company-current{max-width:120px}.tf-company-current strong{font-size:11px}}
/* Stable header slots: changing company text never shifts the profile controls. */
.lagend-topbar .tf-company-switch{width:260px;min-width:260px;max-width:260px;flex:0 0 260px;height:40px}.lagend-topbar .tf-company-switch summary{height:40px;box-sizing:border-box}.lagend-topbar .tf-company-current{flex:1;min-width:0;max-width:none}.lagend-topbar .tf-company-mark{width:27px;height:27px;flex:0 0 27px}.lagend-topbar .tf-profile-copy{width:260px;min-width:260px;max-width:260px;flex:0 0 260px}.lagend-topbar .tf-profile-copy p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-company-content-loading{min-height:360px;padding:28px;border-radius:16px;border:1px solid #e6eef8;background:#ffffffb8;color:#8296b1;font-size:13px}@media(max-width:1150px){.lagend-topbar .tf-company-switch{width:210px;min-width:210px;max-width:210px;flex-basis:210px}.lagend-topbar .tf-profile-copy{width:200px;min-width:200px;max-width:200px;flex-basis:200px}}@media(max-width:900px){.lagend-topbar .tf-company-switch{width:190px;min-width:190px;max-width:190px;flex-basis:190px}.lagend-topbar .tf-profile-copy{width:160px;min-width:160px;max-width:160px;flex-basis:160px}}@media(max-width:640px){.lagend-topbar .tf-company-switch{width:160px;min-width:160px;max-width:160px;flex-basis:160px}}

/* Tasks created from received requests. */
.tf-request-task-context{display:flex;flex-direction:column;gap:5px;padding:14px 16px;margin-bottom:16px;border:1px solid #dce8fc;border-radius:12px;background:#f6f9ff;color:#244771}.tf-request-task-context small,.tf-request-task-context>span{font-size:12px;color:#7c94b5}.tf-request-linked-tasks>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.tf-request-linked-tasks>header h4{margin:0}.tf-request-linked-task{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e8eff8}.tf-request-linked-task>span:first-child{display:flex;align-items:baseline;gap:10px;min-width:0}.tf-request-linked-task small,.tf-request-linked-task>span:last-child{font-size:12px;color:#7c94b5}.tf-request-linked-task strong{font-size:14px;overflow-wrap:anywhere}
.tf-deadline-approval textarea{width:100%;min-height:56px;border:1px solid #dce6f5;border-radius:8px;padding:8px 10px;background:white;font:inherit;resize:vertical}.tf-deadline-approval p{margin:4px 0;font-size:12px;overflow-wrap:anywhere}

/* Personal projects use the same page, form and action styling as requests. */
.tf-projects-page{color:#12345b}.tf-projects-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 24px}.tf-projects-heading h1{font-size:30px;font-weight:750;color:#12274e;margin:0 0 7px;overflow-wrap:anywhere}.tf-projects-heading p{margin:0;color:#7f96b8;white-space:pre-wrap;max-width:680px}.tf-project-actions{display:flex;gap:8px;flex-wrap:wrap}.tf-project-back{border:0;background:none;color:#467bc5;font-size:13px;padding:0;margin:0 0 10px}.tf-project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;background:#ffffffb8;border:1px solid #dce8f8;border-radius:16px;padding:14px 18px}.tf-project-toolbar input{width:min(100%,400px);border:1px solid #dce7f7;border-radius:10px;padding:11px 14px;background:#fcfdff;outline-color:#3476ff}.tf-project-toolbar>span,.tf-project-muted{font-size:13px;color:#7f96b8}.tf-project-hint{padding:12px 16px;background:#edf4ff;border-radius:10px;color:#527cb0}.tf-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.tf-project-card{text-align:left;background:#ffffffeb;border:1px solid #e0eafb;border-radius:18px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;min-height:220px;transition:border-color .15s,box-shadow .15s}.tf-project-card:hover{border-color:#a3c4ff;box-shadow:0 5px 20px #23539a0a}.tf-project-folder{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#3476ff;background:#edf4ff;margin-bottom:18px}.tf-project-card h2{font-size:18px;font-weight:650;margin:0 0 8px;color:#14355a;overflow-wrap:anywhere}.tf-project-card p{font-size:13px;color:#7f96b8;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tf-project-card small{color:#91a4be;margin-top:auto}.tf-project-open{font-size:12px;color:#3476ff;margin-top:14px}.tf-project-empty{padding:65px 20px;background:#ffffffb8;border:1px solid #e0eafb;border-radius:18px;display:flex;align-items:center;flex-direction:column;gap:12px;color:#8098ba}.tf-project-empty strong{font-size:18px;color:#29476a}.tf-project-empty p{margin:0}.tf-project-form{display:flex;flex-direction:column;gap:18px;color:#34577d}.tf-project-form>label{display:flex;flex-direction:column;gap:8px;font-size:14px}.tf-project-form input:not([type=checkbox]),.tf-project-form textarea{width:100%;border:1px solid #dce7f7;background:#fbfdff;border-radius:10px;padding:12px 14px;outline-color:#3476ff;font:inherit}.tf-project-form footer{display:flex;align-items:center;justify-content:flex-end;gap:12px}.tf-project-form footer>span{margin-right:auto;font-size:13px;color:#8098ba}.tf-project-task-options{max-height:380px;overflow:auto;border:1px solid #e1eaf8;border-radius:12px;padding:4px 12px}.tf-project-task-options label{flex-direction:row;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf2f9}.tf-project-task-options label>span{display:flex;flex-direction:column;gap:5px}.tf-project-task-options small{font-size:12px;color:#8098ba}.tf-project-task-options input{accent-color:#3476ff;width:16px;height:16px}.tf-project-task-list{border:1px solid #dce8f8;border-radius:16px;background:#ffffffdc;padding:0 18px}.tf-project-task-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #eaf0fa}.tf-project-task-row:last-child{border:0}.tf-project-task-row>button:first-child{display:flex;align-items:center;gap:16px;flex:1;min-width:0;background:transparent;border:0;text-align:left;color:#25496f}.tf-project-task-row strong{flex:1;overflow-wrap:anywhere}.tf-project-task-row small,.tf-project-task-row>button>span{font-size:12px;color:#8399b9}.tf-project-task-row .tf-request-secondary{padding:8px 12px;font-size:12px}@media(max-width:760px){.tf-projects-heading{flex-direction:column}.tf-projects-heading h1{font-size:25px}.tf-project-toolbar{flex-wrap:wrap}.tf-project-grid{grid-template-columns:1fr}.tf-project-task-row>button:first-child{flex-wrap:wrap;gap:6px}.tf-project-task-row strong{flex-basis:80%}}

/* Request forwarding shares the task picker hierarchy and selection rhythm. */
.tf-forward-picker{margin:12px 0;border:1px solid #dce7f4;border-radius:12px;background:#fff;overflow:hidden}.tf-forward-search{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid #edf2f8;color:#8398b6}.tf-forward-search svg{flex:0 0 17px}.tf-forward-search input{min-width:0;flex:1;width:100%;border:0;background:transparent;padding:0;outline:none;font-size:12px;color:#244869}.tf-request-forward .tf-forward-search input:focus{box-shadow:none}.tf-forward-search:focus-within{box-shadow:inset 0 0 0 2px #8db4ff;border-radius:11px 11px 0 0}
.tf-forward-selection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;font-size:11px;color:#7a91ae;background:#fbfdff}.tf-forward-selection button{padding:0;border:0;background:transparent;color:#3271cc;font-size:11px;cursor:pointer}.tf-forward-tree{max-height:310px;overflow:auto;overscroll-behavior:contain;padding:4px 8px 8px}.tf-forward-group-heading{display:flex;align-items:center;min-height:40px;border-radius:8px}.tf-forward-group-heading:hover{background:#f3f7fd}.tf-forward-disclosure{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:0;background:transparent;color:#7c94b3;border-radius:6px;cursor:pointer}.tf-forward-disclosure:hover{background:transparent;color:#266de0}.tf-forward-disclosure svg{display:block;width:14px;height:14px;flex-shrink:0;transform-origin:center;transition:transform .15s}.tf-forward-group-heading label{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:8px 8px 8px 0;cursor:pointer}.tf-forward-group-heading strong{flex:1;font-size:12px;font-weight:600;color:#2a4c71;overflow-wrap:anywhere}.tf-forward-group-heading small{font-size:10px;color:#7c93af;padding:2px 6px;border-radius:6px;background:#edf3fb;white-space:nowrap}.tf-forward-group-content{margin-left:13px;padding-left:13px;border-left:1px solid #e6edf6}
.tf-request-forward .tf-forward-picker input[type=checkbox]{width:15px;height:15px;flex:0 0 15px;margin:0;padding:0;accent-color:#2b76f2;border-radius:4px;cursor:pointer}.tf-forward-person{display:flex;align-items:center;gap:9px;min-height:49px;margin:2px 0;padding:8px 10px;border:1px solid transparent;border-radius:9px;cursor:pointer}.tf-forward-person:hover{background:#f6f9fd}.tf-forward-person.is-selected{background:#f0f6ff;border-color:#e0ebfd}.tf-forward-person>img,.tf-forward-person>div{width:28px;height:28px;flex:0 0 28px;font-size:10px}.tf-forward-person>span{display:flex;flex-direction:column;gap:3px;min-width:0}.tf-forward-person strong{font-size:12px;font-weight:500;color:#25476d;overflow-wrap:anywhere}.tf-forward-person small{font-size:10px;color:#8399b3}.tf-forward-empty{padding:24px 12px;text-align:center;color:#869bb6;font-size:12px}.tf-forward-picker button:focus-visible,.tf-forward-picker input:focus-visible{outline:2px solid #75a6ff;outline-offset:2px}.tf-forward-picker button:disabled,.tf-forward-picker input:disabled{opacity:.55;cursor:default}
@media(prefers-reduced-motion:reduce){.tf-forward-disclosure svg{transition:none}}@media(max-width:600px){.tf-forward-group-content{margin-left:8px;padding-left:8px}.tf-forward-tree{padding-inline:4px}}

/* Forwarding recipients: compact card, roomy view, and native vertical resizing. */
.tf-request-forward{padding:18px;border-radius:16px;background:#f8fbff}.tf-forward-picker{border-color:#dce7f3;border-radius:13px;box-shadow:0 3px 12px #244f7a04}.tf-forward-picker-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px 10px}.tf-forward-picker-header>div{display:flex;align-items:center;gap:8px}.tf-forward-picker-header strong{font-size:12px;font-weight:650;color:#24466c}.tf-forward-picker-header span{font-size:10px;color:#8296b2}.tf-forward-expand{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:29px;padding:5px 8px;border:1px solid #dce7f5;border-radius:7px;background:#fff;color:#56769e;font-size:10px;font-weight:500;cursor:pointer}.tf-forward-expand:hover{background:#edf5ff;border-color:#bcd2f1;color:#256cce}.tf-forward-expand svg{flex:0 0 15px;display:block}.tf-forward-picker .tf-forward-search{margin:0 12px 10px;padding:10px 11px;border:1px solid #e0e9f5;border-radius:9px;background:#f9fbfe}.tf-forward-picker .tf-forward-search:focus-within{box-shadow:0 0 0 3px #4385ed0b;border-color:#8db4ff;border-radius:9px}.tf-forward-selection{padding:9px 14px;border-block:1px solid #edf2f8;background:#fff}
.tf-forward-tree{height:280px;min-height:160px;max-height:min(680px,70vh);resize:vertical;overflow:auto;padding:8px 10px 16px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#cedaea transparent}.tf-forward-picker.is-roomy .tf-forward-tree{height:520px}.tf-forward-tree>.tf-forward-group+.tf-forward-group{margin-top:5px}.tf-forward-tree>.tf-forward-group>.tf-forward-group-heading{background:#f5f8fd;border:1px solid #edf2f9}.tf-forward-tree>.tf-forward-group>.tf-forward-group-heading:hover{background:#edf4fe}.tf-forward-group-heading{min-height:42px}.tf-forward-unit-icon{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:7px;background:#edf3fc;color:#7896bd}.tf-forward-unit-icon svg{display:block;width:15px;height:15px}.tf-forward-group-heading.has-selection .tf-forward-unit-icon{background:#e5efff;color:#397bda}.tf-forward-group-heading.has-selection small{background:#e5efff;color:#397bda}.tf-forward-group-content{margin-top:4px;margin-bottom:5px}.tf-forward-person{min-height:50px;margin:3px 0;padding:8px 10px;transition:background-color .15s,border-color .15s}.tf-forward-person.is-selected{background:#f1f6ff;border-color:#dae7fc}.tf-forward-person>span{gap:4px}.tf-forward-person strong{line-height:1.45}.tf-forward-person small{line-height:1.4}.tf-forward-resize-hint{padding:8px 13px;border-top:1px solid #edf2f8;color:#98a9be;font-size:10px;line-height:1.5;background:#fbfdff}
@media(max-width:600px){.tf-request-forward{padding:12px}.tf-forward-picker-header{padding:12px 10px 9px}.tf-forward-picker .tf-forward-search{margin-inline:9px}.tf-forward-selection{padding-inline:10px}.tf-forward-tree{padding-inline:6px}.tf-forward-unit-icon{display:none}.tf-forward-resize-hint{font-size:9px}}@media(prefers-reduced-motion:reduce){.tf-forward-person{transition:none}}

/* One focus surface for search; disclosure arrows stay quiet inside group rows. */
.tf-forward-picker .tf-forward-search input,.tf-forward-picker .tf-forward-search input:focus,.tf-forward-picker .tf-forward-search input:focus-visible{border:0;border-radius:0;outline:0;box-shadow:none;background:transparent;min-width:0;height:22px;line-height:22px;padding:0;margin:0;appearance:none}.tf-forward-picker .tf-forward-search>svg{display:block;flex:0 0 17px;width:17px;height:17px;pointer-events:none}
.tf-forward-picker .tf-forward-disclosure{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;min-width:28px;height:28px;min-height:28px;margin:0;padding:0;border:0;border-radius:5px;background:transparent;box-shadow:none;line-height:1;appearance:none}.tf-forward-picker .tf-forward-disclosure:hover,.tf-forward-picker .tf-forward-disclosure:active{background:transparent;color:#3275cd}.tf-forward-picker .tf-forward-disclosure:focus-visible{outline:2px solid #75a6ff;outline-offset:-2px}

.tf-request-row.is-unread-completed{box-shadow:inset 0 0 0 1.5px #32b88a;border-radius:12px;background:#f3fcf8}.tf-request-row.is-unread-completed:hover{background:#eaf9f2}.tf-request-row.is-unread-completed .tf-request-row-icon{background:#e2f7ed;color:#1ba579}

/* Shared task cards: the card opens details; the pen enters editing directly. */
.tf-task-card-v2{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:13px 13px 12px 16px;border:1px solid #e2eaf5;border-radius:14px;background:#fff;box-shadow:0 2px 5px #244f7a04;cursor:pointer;transition:border-color .15s,box-shadow .15s}.tf-task-card-v2::before{content:'';position:absolute;top:15px;bottom:15px;left:0;width:4px;border-radius:0 3px 3px 0;background:var(--tf-status-color,#3476ff);opacity:.55;pointer-events:none}.tf-task-card-v2:hover{border-color:#c3d6f0;box-shadow:0 5px 15px #244f7a0c}.tf-task-card-v2.is-draggable{cursor:grab}.tf-task-card-v2.is-draggable:active{cursor:grabbing}.tf-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px}.tf-card-reference{font-size:10px;font-weight:600;letter-spacing:.2px;color:#91a2b9}.tf-card-controls{display:flex;align-items:center;gap:3px}.tf-card-control{display:grid;place-items:center;width:27px;height:27px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:#8296b2;cursor:pointer}.tf-card-control svg{display:block;width:15px;height:15px}.tf-card-control:hover{border-color:#d5e4fb;background:#edf5ff;color:#3175d8}.tf-card-control.is-cancel:hover{border-color:#f6d6dc;background:#fff1f3;color:#cc5267}.tf-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;padding:0;border:0;background:none;color:#203c60;font:inherit;font-size:13px;font-weight:650;line-height:1.55;text-align:left;overflow-wrap:anywhere;cursor:pointer}.tf-card-title:hover{color:#246bd2}.tf-card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:11px;line-height:1.65;color:#8396b0;overflow-wrap:anywhere}.tf-task-card-v2 .tf-task-card-meta{justify-content:flex-start;align-items:flex-start;gap:6px;font-size:10px;line-height:1.5}.tf-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #edf2f8;margin-top:2px}.tf-card-avatars{display:flex;align-items:center;flex-shrink:0;min-width:0;padding-left:3px}.tf-card-avatars>span{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;margin-left:-3px;border:2px solid #fff;border-radius:25%;overflow:hidden;background:#edf3fc}.tf-card-avatars>span>img,.tf-card-avatars>span>div{width:22px;height:22px;min-width:22px;font-size:8px;outline:none;border-radius:25%}.tf-card-more{font-size:9px;font-weight:600;color:#6485b1}.tf-card-control:focus-visible,.tf-card-title:focus-visible{outline:2px solid #75a6ff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.tf-task-card-v2{transition:none}}

/* Fullscreen structure owns the viewport; tools and canvas use separate rows. */
.tf-organization.org-fullscreen{inset:0;width:100%;height:100dvh;max-height:100dvh;padding:0;box-sizing:border-box;isolation:isolate}.org-fullscreen>.org-toolbar{position:relative;inset:auto;flex:0 0 auto;margin:0;padding:12px 16px;border:0;border-bottom:1px solid #dce8f5;border-radius:0;background:#ffffffed;box-shadow:none}.org-fullscreen>.org-workspace{flex:1 1 0;min-height:0;height:0;overflow:hidden;align-items:stretch}.org-fullscreen>.org-workspace>.org-chart-viewport,.org-fullscreen>.org-workspace>.org-list-viewport{height:100%;max-height:none;min-height:0;box-sizing:border-box;padding:28px 24px 24px;overscroll-behavior:contain}.org-fullscreen>.org-workspace>.org-palette{position:relative;inset:auto;max-height:none;min-height:0;margin:12px 12px 12px 0}.org-fullscreen>.org-notice,.org-fullscreen>.org-error{position:relative;inset:auto;margin:8px 16px;flex-shrink:0}.org-fullscreen>.org-workspace>.org-empty{padding:40px 20px;overflow:auto}.org-editing-toggle[aria-pressed=true]{background:#edf5ff;border-color:#c7daf6;color:#3273c8}
@media(max-width:1000px){.org-fullscreen>.org-workspace>.org-palette{position:absolute;inset:12px 12px 12px auto;width:min(280px,calc(100% - 24px));margin:0;z-index:5;box-shadow:0 8px 32px #173f6a18}}@media(max-width:640px){.org-fullscreen>.org-toolbar{padding:10px;gap:7px}.org-fullscreen>.org-workspace>.org-chart-viewport,.org-fullscreen>.org-workspace>.org-list-viewport{padding:20px 14px}}

/* Fullscreen list occupies its own scroll track, including deeply nested structures. */
.org-fullscreen>.org-workspace{grid-template-rows:minmax(0,1fr)}
.org-workspace>.org-list-viewport{overflow:auto;min-height:0;max-height:70vh;overscroll-behavior:contain}
.org-fullscreen>.org-workspace>.org-list-viewport{align-self:stretch;width:100%;height:100%;max-height:none;overflow:auto}
.org-view-list{width:100%;min-width:640px;box-sizing:border-box}
.org-view-list .org-node-identity{min-width:0;flex:1}
.org-view-list .org-node-text{min-width:0;width:100%;grid-template-columns:100px minmax(140px,1fr) minmax(140px,1fr)}
.org-view-list .org-node-text :is(h3,p),.org-view-list .org-edit-name{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.org-view-list .org-children{min-width:0}.org-view-list .org-node{min-width:340px;height:auto}.org-view-list .org-kind{display:block}
.org-history-controls{display:flex;gap:6px}.org-toolbar button:disabled{opacity:.45;cursor:default;box-shadow:none}

.org-toolbar .org-toolbar-icon{width:42px;height:42px;flex:0 0 42px;padding:0;border-radius:10px}
.org-toolbar .org-toolbar-icon svg{width:19px;height:19px}
.org-toolbar .org-toolbar-icon:focus-visible{outline:2px solid #4389f5;outline-offset:3px}
.org-toolbar .org-toolbar-icon:disabled:hover{background:#fff;border-color:#dce6f3;color:#5b7598}

/* View-specific tools never resize the search field. */
.org-toolbar .org-search{flex:0 0 auto;width:360px;max-width:100%;min-width:0}
.org-toolbar .org-export-button[aria-busy=true]{opacity:.55;cursor:progress}
@media(max-width:640px){.org-toolbar .org-search{width:100%}}

.org-toolbar .org-fullscreen-toggle[aria-pressed=true]{background:#edf5ff;border-color:#c7daf6;color:#3273c8}

/* Navigation and search stay left; canvas tools align right. */
.org-toolbar-actions,.org-toolbar-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%}
.org-toolbar-actions{flex:0 1 auto;margin-left:auto;justify-content:flex-end}
.org-toolbar-navigation{flex:0 1 auto;justify-content:flex-start}
@media(max-width:640px){.org-toolbar-actions,.org-toolbar-navigation{width:100%}.org-toolbar-navigation .org-search{flex-basis:100%}}

/* One outer height for every ribbon control, including bordered control groups. */
.org-toolbar{--org-control-height:42px}
.org-toolbar :is(.org-search,.org-search input,.org-view-toggle,.org-zoom-controls,.org-secondary,.org-toolbar-icon){height:var(--org-control-height);min-height:var(--org-control-height);box-sizing:border-box}
.org-toolbar .org-search{display:block}
.org-toolbar .org-secondary{padding-top:0;padding-bottom:0}
.org-toolbar :is(.org-view-toggle,.org-zoom-controls){padding:3px;align-items:center}
.org-toolbar .org-view-toggle button{height:34px;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.org-toolbar .org-zoom-controls .org-icon-button{width:34px;height:34px;box-sizing:border-box}
.org-toolbar .org-zoom-reset{height:34px;box-sizing:border-box}

/* Task assignment keeps its original behavior, with the forwarding panel's visual treatment. */
.structure-task-form .structure-task-picker{border:1px solid #dce7f3;border-radius:13px;background:#fff;box-shadow:0 3px 12px #244f7a04;overflow:hidden}
.structure-task-form .structure-task-picker-tabs{gap:5px;margin:12px 12px 10px;padding:4px;border:0;border-radius:10px;background:#f0f5fc}
.structure-task-form .structure-task-picker-tabs button{flex:1;min-height:34px;padding:6px 12px;border:0;border-radius:7px;color:#8096b4;font-weight:600}
.structure-task-form .structure-task-picker-tabs button[aria-pressed=true]{background:#fff;color:#3275cd;box-shadow:0 2px 6px #244f7a08}
.structure-task-picker-search{margin:0 12px 10px}
.structure-task-form .structure-task-picker-search input{height:40px;padding:9px 12px 9px 36px;background:#f9fbfe;border:1px solid #e0e9f5;border-radius:9px;color:#25476d}
.structure-task-form .structure-task-picker-search input:focus{outline:0;border-color:#8db4ff;box-shadow:0 0 0 3px #4385ed0b}
.structure-task-form .structure-task-picker-results{max-height:280px;margin:0;padding:8px 10px 12px;border-top:1px solid #edf2f8;gap:5px;scrollbar-gutter:stable;scrollbar-color:#cedaea transparent}
.structure-task-company-tree>h4{margin:0;padding:8px 10px;color:#8296b2;font-size:11px}
.structure-task-tree-row{min-height:46px;border:1px solid #edf2f9;border-radius:9px;background:#f5f8fd}
.structure-task-tree-row:hover{background:#edf4fe}
.structure-task-tree-branch .structure-task-tree-branch{margin-top:5px}
.structure-task-form .structure-task-tree-toggle:hover{background:transparent;color:#3275cd}
.structure-task-form .structure-task-picker-row{min-height:46px;padding:8px 10px;border-radius:9px}
.structure-task-form .structure-task-picker-row:disabled{color:#3275cd;background:#f1f6ff}
.structure-task-form .structure-task-picker-row>.structure-task-unit-icon{width:26px;height:26px;flex-basis:26px;min-width:26px;border-radius:7px;background:#edf3fc;color:#7896bd}
.structure-task-unit-name strong,.structure-task-picker-row small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.structure-task-picker-row>.structure-task-member-count{background:#edf3fb;color:#7c93af;border-radius:6px}
.structure-task-form .structure-task-unit{padding:0;margin-top:12px;background:#fff;border:1px solid #dce7f3;border-radius:13px;overflow:hidden;box-shadow:0 3px 12px #244f7a04}
.structure-task-unit>header{padding:12px 14px;margin:0;background:#f5f8fd;border-bottom:1px solid #edf2f8;align-items:center}
.structure-task-unit>header strong{font-size:12px;color:#2a4c71}.structure-task-unit>header small{font-size:10px;line-height:1.5;color:#8296b2}
.structure-task-form .structure-task-unit>header button{width:28px;height:28px;padding:0;border:1px solid #dce7f3;border-radius:7px;color:#8198b8;background:#fff;font-size:18px;line-height:1}
.structure-task-member-groups{padding:10px;scrollbar-color:#cedaea transparent}
.structure-task-member-group>h4{padding:4px 8px 8px;margin:0;font-size:11px;color:#7c93af}
.structure-task-member-group+.structure-task-member-group{margin-top:8px;padding-top:8px;border-color:#edf2f8}
.structure-task-member-group .structure-task-people{display:grid;grid-template-columns:1fr;gap:4px;padding:0}
.structure-task-form .structure-task-people label{display:flex;align-items:center;gap:9px;min-height:48px;margin:0;padding:9px 10px;border:1px solid transparent;border-radius:9px;background:#fff;cursor:pointer}
.structure-task-people label:hover{background:#f6f9fd}
.structure-task-people label:has(input:checked){background:#f1f6ff;border-color:#dae7fc}
.structure-task-form .structure-task-people label>span{margin:0;font-size:12px;font-weight:500;line-height:1.45;color:#25476d;overflow-wrap:anywhere}
.structure-task-form .structure-task-people input[type=checkbox]{width:15px;height:15px;flex:0 0 15px;margin:0;accent-color:#2b76f2}
.structure-task-unit>.structure-task-fallback,.structure-task-unit>.structure-task-warning{margin:0;padding:9px 14px;border-top:1px solid #edf2f8;background:#fbfdff;font-size:11px;line-height:1.5}
@media(max-width:600px){.structure-task-form .structure-task-picker-tabs{margin-inline:9px}.structure-task-picker-search{margin-inline:9px}.structure-task-form .structure-task-picker-results{padding-inline:6px}}

/* Indent the entire child group, as in request forwarding, instead of just row text. */
.structure-task-tree-children{margin:4px 0 6px 13px;padding-left:13px;border-left:1px solid #e0e9f5}
.structure-task-tree-children>.structure-task-tree-branch{position:relative;margin-top:5px}
.structure-task-tree-children>.structure-task-tree-branch::before{content:'';position:absolute;left:-14px;top:23px;width:13px;border-top:1px solid #e0e9f5;pointer-events:none}
.structure-task-tree-children .structure-task-tree-row{background:#fff;border-color:transparent}
.structure-task-tree-children .structure-task-tree-row:hover{background:#f3f7fd}
.structure-task-tree-row.is-selected{background:#f1f6ff;border-color:#dae7fc}
.structure-task-company-tree>.structure-task-tree-branch+.structure-task-tree-branch{margin-top:6px}
@media(max-width:600px){.structure-task-tree-children{margin-left:8px;padding-left:10px}.structure-task-tree-children>.structure-task-tree-branch::before{left:-11px;width:10px}}

/* Structure symbols are shared with the canvas in both assignment pickers. */
.structure-task-company-tree>h4{display:flex;align-items:center;gap:8px;padding:10px 8px;color:#728cab}
.structure-task-company-tree>h4 svg{color:#4684ec;flex-shrink:0}
.structure-task-form .structure-task-tree-row{min-height:44px;align-items:center;transition:background-color .15s,border-color .15s}
.structure-task-form .structure-task-picker-row{min-height:44px;gap:10px}
.structure-task-tree-children{border-color:#dce7f5;margin-top:5px;margin-bottom:8px}
.structure-task-tree-children>.structure-task-tree-branch::before{top:22px;border-color:#dce7f5}
.structure-task-tree-children>.structure-task-tree-branch:last-child::after{content:'';position:absolute;left:-14px;top:23px;bottom:-8px;width:1px;background:#fff;pointer-events:none}
.structure-task-form .structure-task-add-mark{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:6px;font-size:16px;color:#7b9ac2}
.structure-task-form .structure-task-unit-icon,.tf-forward-picker .tf-forward-unit-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:#edf3fc;color:#6585af}
.structure-task-unit-icon svg,.tf-forward-unit-icon svg{width:16px;height:16px;display:block;flex-shrink:0}
.structure-task-selected-title{display:flex;align-items:center;gap:9px}
.structure-task-member-group>h4{display:flex;align-items:center;gap:7px}
.structure-task-member-group>h4>svg{order:-1;color:#7c93af;flex-shrink:0}
.structure-task-unit-icon.kind-founder,.tf-forward-picker .tf-forward-unit-icon.kind-founder{background:#f1edfc;color:#7c59dd}
.structure-task-unit-icon:is(.kind-company,.kind-branch,.kind-head_office),.tf-forward-picker .tf-forward-unit-icon:is(.kind-company,.kind-branch,.kind-head_office){background:#edf4ff;color:#377de8}
.structure-task-unit-icon:is(.kind-manager,.kind-deputy),.tf-forward-picker .tf-forward-unit-icon:is(.kind-manager,.kind-deputy){background:#e9f8fb;color:#1595a9}
.structure-task-unit-icon:is(.kind-team,.kind-group),.tf-forward-picker .tf-forward-unit-icon:is(.kind-team,.kind-group){background:#eaf8f1;color:#299c77}
.structure-task-unit-icon:is(.kind-tribe,.kind-sector),.tf-forward-picker .tf-forward-unit-icon:is(.kind-tribe,.kind-sector){background:#f3edff;color:#9463d9}
.structure-task-unit-icon.kind-department,.tf-forward-picker .tf-forward-unit-icon.kind-department{background:#fff5e6;color:#c68c28}
.structure-task-unit-icon.kind-external_contacts,.tf-forward-picker .tf-forward-unit-icon.kind-external_contacts{background:#fceef6;color:#cd6ca6}
.tf-forward-group-content>.tf-forward-group{position:relative}
.tf-forward-group-content>.tf-forward-group::before{content:'';position:absolute;left:-14px;top:21px;width:13px;border-top:1px solid #e0e9f5;pointer-events:none}
.tf-forward-group-content>.tf-forward-group:last-child::after{content:'';position:absolute;left:-14px;top:22px;bottom:-5px;width:1px;background:#fff;pointer-events:none}
@media(max-width:600px){.structure-task-tree-children>.structure-task-tree-branch:last-child::after{left:-11px}.tf-forward-group-content>.tf-forward-group::before{left:-9px;width:8px}.tf-forward-group-content>.tf-forward-group:last-child::after{left:-9px}}
@media(prefers-reduced-motion:reduce){.structure-task-form .structure-task-tree-row{transition:none}}

.tf-request-detail button.tf-request-linked-task{width:100%;text-align:left;background:#fff;border:1px solid #e3edf9;border-radius:10px;padding:12px 14px;margin:6px 0;cursor:pointer;color:#24466c;transition:background-color .15s,border-color .15s}
.tf-request-detail button.tf-request-linked-task:hover{background:#f3f8ff;border-color:#bcd4f4}
.tf-request-detail button.tf-request-linked-task:focus-visible{outline:2px solid #75a6ff;outline-offset:2px}
.tf-request-detail button.tf-request-linked-task:disabled{opacity:.6;cursor:progress}
.structure-task-unit-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.structure-task-form .structure-task-unit-actions .structure-task-remove{width:28px;height:28px;padding:0;border:1px solid #dce7f3;border-radius:7px;color:#8198b8;background:#fff;font-size:18px;line-height:1}
.structure-task-company-tree>h4{line-height:1.5;overflow-wrap:anywhere}
@media(max-width:600px){.structure-task-unit>header{flex-wrap:wrap;gap:10px}.structure-task-unit-actions{margin-left:auto}}

.structure-task-unit>header>div:first-child{flex:1;min-width:0}
.structure-task-selected-title{min-width:0;overflow-wrap:anywhere}
.structure-task-form .structure-task-selected-title .structure-task-select-all{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:28px;margin:0;padding:0;cursor:pointer}
.structure-task-form .structure-task-select-all .structure-task-all-checkbox{appearance:auto;width:16px;height:16px;min-height:16px;flex:0 0 16px;margin:0;padding:0;accent-color:#2b76f2;cursor:pointer}
.structure-task-form .structure-task-unit-actions .structure-task-remove{display:grid;place-items:center;position:static;flex:0 0 30px;min-width:30px;width:30px;height:30px;padding:0;margin:0;border-radius:8px;box-sizing:border-box}
.structure-task-form .structure-task-remove svg{display:block;width:16px;height:16px;pointer-events:none}
.structure-task-form .structure-task-unit-actions .structure-task-remove:hover{background:#fff0f2;border-color:#f3ced4;color:#ce5368}

.structure-task-form .structure-task-add-mark.is-selected{flex:0 0 26px;width:26px;height:26px;border-radius:8px;background:#0b987d;color:#fff;box-shadow:0 0 0 3px #dff5ed}
.structure-task-add-mark.is-selected svg{display:block;width:18px;height:18px}

/* Fixed action slots keep member counts stationary when a group is toggled. */
.structure-task-form .structure-task-add-mark,.structure-task-form .structure-task-add-mark.is-selected{flex:0 0 22px;width:22px;height:22px;box-sizing:border-box}
.structure-task-form .structure-task-add-mark.is-selected{border-radius:7px;box-shadow:0 0 0 2px #dff5ed}
.structure-task-add-mark.is-selected svg{width:14px;height:14px}
.structure-task-form .structure-task-member-group>h4 .structure-task-subgroup-select{order:-2;display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:24px;margin:0;padding:0;cursor:pointer}
.structure-task-form .structure-task-subgroup-select input{appearance:auto;width:15px;height:15px;min-height:15px;margin:0;padding:0;accent-color:#2b76f2;cursor:pointer}

/* Expansion belongs to the row; selection has its own fixed-width icon button. */
.structure-task-form .structure-task-tree-row>.structure-task-picker-row{align-self:stretch;border-radius:0;background:transparent}
.structure-task-form .structure-task-tree-row>.structure-task-picker-row:hover{background:transparent}
.structure-task-form .structure-task-tree-row.is-selected>.structure-task-picker-row{color:#3275cd}
.structure-task-form .structure-task-tree-row>.structure-task-unit-select{display:grid;place-items:center;flex:0 0 32px;width:32px;min-width:32px;height:32px;margin:0 7px 0 4px;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;cursor:pointer}
.structure-task-form .structure-task-unit-select .structure-task-add-mark{color:#5486c6;background:#edf4ff}
.structure-task-form .structure-task-unit-select .structure-task-add-mark svg{display:block;width:14px;height:14px}
.structure-task-form .structure-task-unit-select:hover .structure-task-add-mark{background:#e1edff;color:#286dd2}
.structure-task-form .structure-task-unit-select .structure-task-add-mark.is-selected{background:#0b987d;color:#fff}
.structure-task-form .structure-task-unit-select:hover .structure-task-add-mark.is-selected{background:#07876f;color:#fff}
.structure-task-form .structure-task-unit-select:focus-visible{outline:2px solid #75a6ff;outline-offset:1px}

/* Forwarding headings expand; their separate checkboxes select recipients. */
.tf-forward-picker .tf-forward-group-heading>.tf-forward-group-select{display:flex;align-items:center;justify-content:center;flex:0 0 24px;min-width:24px;width:24px;padding:0;margin:0;cursor:pointer}
.tf-forward-picker .tf-forward-group-heading>.tf-forward-group-toggle{display:flex;align-items:center;gap:9px;flex:1;align-self:stretch;min-width:0;min-height:42px;padding:7px 8px 7px 0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:left;cursor:pointer}
.tf-forward-picker .tf-forward-group-toggle strong{flex:1;min-width:0;text-align:left}
.tf-forward-picker .tf-forward-group-toggle:focus-visible{outline:2px solid #75a6ff;outline-offset:-2px;border-radius:7px}

.tf-task-source-link{color:inherit;text-decoration:none}.tf-task-source-link:hover{color:var(--tf-blue,#2563eb);text-decoration:underline}.tf-task-source-link:focus-visible{outline:2px solid var(--tf-blue,#2563eb);outline-offset:4px;border-radius:4px}

/* Refresh scoped options without fading or replacing their painted labels. */
.tf-structure-filter select:disabled { opacity:1; -webkit-text-fill-color:currentColor; }

.tf-task-status-tags{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px}.tf-late-completion-tag{display:inline-flex;align-items:center;border-radius:6px;padding:3px 7px;font-size:10px;line-height:1.5;font-weight:500;white-space:nowrap;color:#b65f0b;background:#fff4df;border:1px solid #f6dfb6}.tf-completed-badge:has(.tf-late-completion-tag){flex-wrap:wrap;gap:5px}:root[data-tf-color-mode=dark] .tf-late-completion-tag{color:var(--warning);background:var(--warning-surface);border-color:var(--warning-border)}

/* Late completion is a corner sticker on cards; status remains completed. */
.tf-late-completion-sticker{position:absolute;right:10px;bottom:12px;padding:5px 10px 5px 8px;border:1px solid #f1bac4;border-radius:5px 5px 2px 5px;background:linear-gradient(135deg,#fff4f5,#ffe4e9);color:#bf5266;font-size:10px;font-weight:600;line-height:1.4;transform:rotate(-3deg);box-shadow:0 2px 3px #a6435612;pointer-events:none}
.tf-late-completion-sticker:after{content:'';position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;background:linear-gradient(135deg,#e9a4b3 50%,var(--tf-surface,#fff) 51%);border-radius:2px 0 0 0}
.tf-task-card-v2.is-late-completed .tf-card-footer{padding-right:76px;min-height:38px}
.tf-pr-task.is-late-completed{padding-bottom:42px}
:root[data-tf-color-mode=dark] .tf-late-completion-sticker{color:var(--danger);border-color:var(--danger-border);background:linear-gradient(135deg,var(--danger-surface),var(--danger-border))}

.tf-pr-task.is-late-completed .tf-pr-unlink{left:8px;right:auto;bottom:12px}

.tf-user-avatar{border-radius:25%;object-fit:cover}

.tf-completion-receipt{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 4px 4px;text-align:center}
.tf-completion-receipt-icon{display:grid;place-items:center;width:64px;height:64px;flex:0 0 64px;border-radius:20px;background:var(--tf-gradient,linear-gradient(110deg,#176dff,#00b5c8));color:#fff;box-shadow:0 5px 18px #1688c51a;margin-bottom:4px}
.tf-completion-receipt h3{margin:0;color:var(--tf-ink,#173554);font-size:18px;line-height:1.5;font-weight:650}
.tf-completion-receipt>p{max-width:350px;margin:0;color:var(--tf-muted,#7c94b6);font-size:13px;line-height:1.85}
.tf-completion-receipt footer{display:flex;justify-content:center;width:100%;margin-top:12px}
.tf-completion-receipt footer button{min-width:140px;min-height:44px;justify-content:center}

.tf-task-completion-review{padding-top:20px;border-top:1px solid var(--tf-line,#e3ecf7)}
.tf-task-completion-review h3{margin:0 0 12px;font-size:14px;font-weight:650;color:var(--tf-ink,#173554)}
.tf-task-completion-review>article{padding:14px 0;border-top:1px solid var(--tf-line,#e3ecf7)}
.tf-task-completion-review>article:first-of-type{border-top:0}
.tf-task-completion-review>article>strong{display:block;margin-bottom:10px;font-size:12px;color:var(--tf-ink,#173554)}
.tf-task-completion-review .tf-deadline-approval{margin:0}

.tf-task-completion-review .tf-deadline-approval{padding:0;color:var(--tf-muted,#7c94b6)}
.tf-task-completion-review .tf-deadline-approval>p{color:var(--tf-ink,#173554);line-height:1.7;white-space:pre-wrap}
.tf-task-completion-review .tf-deadline-approval>p[role=alert]{color:#dc3545}
.tf-task-completion-review .tf-deadline-approval textarea{margin-top:10px;background:var(--tf-surface,#fff);color:var(--tf-ink,#173554);border-color:var(--tf-line,#dce6f5)}
.tf-task-completion-review .tf-deadline-approval button:first-child{background:var(--tf-gradient,linear-gradient(110deg,#176dff,#00b5c8));border-color:transparent;color:#fff}

/* Keep task navigation compact and bring pending approval into focus. */
.tf-modal-surface>div:last-child:has(>.tf-task-details){padding-top:12px}
.tf-task-details{gap:14px}
.tf-task-window-tabs button{min-height:36px}
.tf-task-completion-review{padding:16px 18px;border:0;border-left:3px solid #2788eb;border-radius:0 12px 12px 0;background:linear-gradient(110deg,#edf6ff,#f2fbfc)}
.tf-completion-review-heading{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.tf-completion-review-symbol{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#deedff;color:#257ae6}
.tf-completion-review-heading>div{min-width:0;flex:1}
.tf-task-details .tf-completion-review-heading h3{margin:0;font-size:15px;line-height:1.5;font-weight:700;color:var(--tf-ink,#173554)}
.tf-completion-review-heading p{margin:3px 0 0;font-size:11px;line-height:1.6;color:var(--tf-muted,#7c94b6)}
.tf-completion-review-count{flex-shrink:0;border-radius:7px;padding:4px 8px;color:#2168c4;background:#dcecff;font-size:10px;font-weight:650}
.tf-task-completion-review>article{padding:14px 0 0;border-color:#d7e8f6}
.tf-task-completion-review>article:first-of-type{padding-top:0}
.tf-task-completion-review .tf-deadline-approval>div{gap:9px;margin-top:12px}
.tf-task-completion-review .tf-deadline-approval button{min-height:38px;padding:8px 18px;font-weight:600}
.tf-task-completion-review .tf-deadline-approval button:last-child{border-color:#f0ced5;background:var(--tf-surface,#fff);color:#c35469}
:root[data-tf-color-mode=dark] .tf-task-completion-review{background:linear-gradient(110deg,var(--surface-elevated),var(--teal-surface));border-left-color:var(--accent-primary)}
:root[data-tf-color-mode=dark] :is(.tf-completion-review-symbol,.tf-completion-review-count){background:var(--accent-surface);color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-task-completion-review>article{border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-task-completion-review .tf-deadline-approval button:last-child{border-color:var(--danger-border);color:var(--danger)}
@media(max-width:480px){.tf-task-completion-review{padding:14px 12px}.tf-completion-review-heading{flex-wrap:wrap}.tf-completion-review-count{margin-left:49px}}

/* Completion options share one typography scale and a compact, unboxed form. */
.tf-task-status-editor .tf-completion-mode{min-height:80px;padding:12px 14px}
.tf-completion-mode>div{display:flex;align-items:flex-start;gap:8px}
.tf-task-status-editor .tf-completion-mode>div>span{font-size:13px;line-height:1.5;font-weight:600}
.tf-completion-mode>div>svg{flex:0 0 16px;margin-top:2px}
.tf-task-status-editor .tf-completion-mode>p{font-size:12px;line-height:1.6;margin:5px 0 0}
.tf-completion-fields{display:grid;gap:14px;padding:0;border:0;background:transparent}
.tf-task-status-editor :is(.tf-completion-fields label,#tf-status-note,#completion-claim-reason){font-size:13px;line-height:1.6}
.tf-task-status-editor>div>p:first-child,.tf-completion-fields>div>label{font-size:12px;font-weight:550}
.tf-completion-date-time{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px}
.tf-completion-date-time>label{display:grid;gap:6px;min-width:0;color:var(--tf-muted,#7c94b6)}
.tf-completion-date-time input{width:100%;min-width:0;height:44px;padding:10px 12px;border:1px solid var(--tf-line,#dce6f4);background:var(--tf-surface,#fff);color:var(--tf-ink,#173554);font:inherit;font-size:13px;line-height:1.4;outline:none}
.tf-completion-date-time input:focus{border-color:#78a7ff;box-shadow:0 0 0 3px #2788eb12}
.tf-task-status-editor :is(#tf-status-note,#completion-claim-reason){min-height:94px;margin:0;padding:11px 13px}
.tf-completion-fields>div>p:last-child{font-size:11px;line-height:1.5}

.tf-task-status-editor .tf-completion-message-label{display:block;margin:0 0 6px;font-size:12px;font-weight:550;line-height:1.5;color:var(--tf-muted,#7c94b6)}

.tf-completion-time-field{display:grid;gap:6px;min-width:0;color:var(--tf-muted,#7c94b6);font-size:13px;line-height:1.6}
.tf-completion-time-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}
.tf-completion-time-inputs input{text-align:center;font-variant-numeric:tabular-nums}
.tf-completion-time-inputs>span{font-size:18px;font-weight:600;line-height:1;color:var(--tf-ink,#173554)}
.tf-task-status-editor p[role=alert]{font-size:13px;line-height:1.6;padding:10px 12px}
.tf-completion-fields>div>p:last-child{font-size:12px;line-height:1.6;font-weight:400}

/* Completion actions remain visible while either option's form scrolls. */
.tf-modal-surface:has(.tf-task-status-editor){display:flex;flex-direction:column;overflow:hidden}
.tf-modal-surface:has(.tf-task-status-editor)>div:first-child{position:relative;flex-shrink:0}
.tf-modal-surface>div:last-child:has(>.tf-task-status-editor){display:flex;flex-direction:column;min-height:0;overflow:hidden}
.tf-task-status-editor{min-height:0;overflow:hidden}
.tf-status-scroll-body{display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 3px 4px}
.tf-status-scroll-body>*{flex-shrink:0}
.tf-task-status-editor>.tf-status-footer{position:static;flex-shrink:0;margin-top:0;padding-top:14px}

.tf-task-pending-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:8px;background:#ff931f;color:#fff;font-size:11px;font-weight:700;box-shadow:0 2px 6px #f59e0b22}

.tf-all-table tr.has-unread-task-notification{box-shadow:inset 0 0 24px #347dff1c}

/* Accent paint leaves the card's existing border width and padding unchanged. */
:is(.tf-task-card,.tf-pr-task).is-late-completed{--tf-card-accent:225 105 123}
:is(.tf-task-card,.tf-pr-task).has-pending-completion{--tf-card-accent:225 157 67}
:is(.tf-task-card,.tf-pr-task).has-unread-task-notification{--tf-card-accent:69 133 232}
:is(.tf-task-card,.tf-pr-task):is(.is-late-completed,.has-pending-completion,.has-unread-task-notification){border-color:transparent;background-image:radial-gradient(ellipse at 50% 100%,rgb(var(--tf-card-accent)/.055),transparent 72%);box-shadow:inset 0 0 0 4px rgb(var(--tf-card-accent)/.5),inset 0 0 18px rgb(var(--tf-card-accent)/.035),0 0 20px -4px rgb(var(--tf-card-accent)/.24)}
:is(.tf-task-card,.tf-pr-task):is(.is-late-completed,.has-pending-completion,.has-unread-task-notification):hover{border-color:transparent;box-shadow:inset 0 0 0 4px rgb(var(--tf-card-accent)/.6),inset 0 0 18px rgb(var(--tf-card-accent)/.045),0 0 22px -4px rgb(var(--tf-card-accent)/.28)}
:root[data-tf-color-mode=dark] :is(.tf-task-card,.tf-pr-task):is(.is-late-completed,.has-pending-completion,.has-unread-task-notification){border-color:transparent;box-shadow:inset 0 0 0 4px rgb(var(--tf-card-accent)/.35),inset 0 0 18px rgb(var(--tf-card-accent)/.06),0 0 20px -4px rgb(var(--tf-card-accent)/.28)}
.tf-task-card-v2:is(.is-late-completed,.has-pending-completion,.has-unread-task-notification)::before{left:0;width:4px;z-index:1}

.tf-person-filter{position:relative;display:grid;gap:6px;min-width:0;align-self:end}.tf-person-filter-label{font-size:12px;color:#7188a7}.tf-person-filter-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:9px 12px;border:1px solid #dce7f5;border-radius:11px;background:#fff;color:#426386;font-size:13px;text-align:left}.tf-person-filter-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-person-filter-trigger>svg{flex-shrink:0}.tf-person-filter-menu{position:absolute;top:calc(100% + 7px);left:0;z-index:40;width:max(100%,280px);max-width:calc(100vw - 40px);padding:10px;border:1px solid #dce7f5;border-radius:13px;background:#fff;box-shadow:0 12px 32px #203b6324}.tf-person-filter-menu>input{width:100%;height:38px;border:1px solid #dce7f5;border-radius:9px;padding:8px 10px;font-size:13px;background:#f8fbff;outline:none}.tf-person-filter-menu>input:focus{border-color:#6b9fff}.tf-person-filter-tools{display:flex;align-items:center;gap:9px;padding:8px 0;color:#8095b0;font-size:11px}.tf-person-filter-tools>button:not(.tf-filter-brush){margin-left:auto;color:#3679d9}.tf-person-filter-options{max-height:240px;overflow-y:auto;overscroll-behavior:contain}.tf-person-filter-options>label{display:flex;align-items:center;gap:9px;padding:9px 7px;border-radius:7px;color:#2c4c72;font-size:13px;cursor:pointer}.tf-person-filter-options>label:hover{background:#f1f6ff}.tf-person-filter-options input{width:15px;height:15px;flex-shrink:0;accent-color:#2879ff}.tf-person-filter-options>label>span{overflow-wrap:anywhere}.tf-person-filter-options>p{padding:15px 8px;color:#8095b0;font-size:12px}.tf-filter-brush{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #dce7f5;border-radius:10px;background:#fff;color:#6682a5;align-self:end}.tf-filter-brush:hover{background:#edf5ff;color:#2879ff;border-color:#b7d3ff}.tf-filter-brush:disabled{opacity:.4;cursor:default}.tf-person-filter-tools .tf-filter-brush{width:28px;height:28px;flex-basis:28px;align-self:center}.tf-unified-task-toolbar>.tf-person-filter{min-width:190px;max-width:260px;flex:1}.tf-unified-task-toolbar>.tf-person-filter>.tf-person-filter-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
:root[data-tf-color-mode=dark] :is(.tf-person-filter-trigger,.tf-person-filter-menu,.tf-filter-brush){background:var(--surface-primary);border-color:var(--border-subtle);color:var(--text-secondary)}:root[data-tf-color-mode=dark] .tf-person-filter-menu>input{background:var(--surface-elevated);border-color:var(--border-control);color:var(--text-primary)}:root[data-tf-color-mode=dark] .tf-person-filter-options>label{color:var(--text-secondary)}:root[data-tf-color-mode=dark] .tf-person-filter-options>label:hover{background:var(--surface-elevated)}

.tf-unified-task-toolbar{grid-template-columns:minmax(200px,1fr) 220px 220px 46px}.tf-unified-task-toolbar.tf-with-company-filter{grid-template-columns:minmax(180px,1fr) 180px 200px 180px 46px}.tf-unified-task-toolbar .tf-person-filter-trigger,.tf-unified-task-toolbar>.tf-filter-brush{height:46px}.tf-unified-task-toolbar>.tf-filter-brush{width:46px}.tf-unified-task-toolbar>.tf-person-filter{max-width:none;min-width:0}.tf-unified-task-toolbar .tf-person-filter-options input,.tf-all-filters .tf-person-filter-options input{width:15px;height:15px;padding:0;border-radius:3px}
@media(max-width:1100px){.tf-unified-task-toolbar,.tf-unified-task-toolbar.tf-with-company-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px}.tf-unified-task-toolbar .tf-unified-search{grid-column:1/-1}.tf-unified-task-toolbar.tf-with-company-filter .tf-company-filter{grid-column:1/-1}}
@media(max-width:600px){.tf-unified-task-toolbar,.tf-unified-task-toolbar.tf-with-company-filter{grid-template-columns:minmax(0,1fr) 46px}.tf-unified-task-toolbar>.tf-person-filter{grid-column:1/-1}.tf-unified-task-toolbar>.tf-unified-select{grid-column:1}.tf-person-filter-menu{width:100%}}

.tf-person-filter-tools>span+.tf-filter-brush{margin-left:auto}
@media(max-width:600px){.tf-unified-task-toolbar>.tf-person-filter:not(.tf-company-filter){grid-column:1/-1}.tf-unified-task-toolbar>.tf-filter-brush{grid-column:2;justify-self:end}}

.tf-task-card .tf-completed-badge{position:relative;padding:2px 5px;border:1px solid #a8dfc5;border-radius:5px 5px 2px 5px;background:linear-gradient(135deg,#f0fff7,#dff7eb);color:#18815b;transform:rotate(-3deg);box-shadow:0 2px 3px #21835b12}
.tf-task-card .tf-completed-badge::after{content:'';position:absolute;right:-1px;bottom:-1px;width:6px;height:6px;border-radius:2px 0 0 0;background:linear-gradient(135deg,#8fcfb0 50%,var(--tf-surface,#fff) 51%);pointer-events:none}
:root[data-tf-color-mode=dark] .tf-task-card .tf-completed-badge{border-color:var(--success-border);background:linear-gradient(135deg,var(--success-surface),var(--success-border));color:var(--success)}
:root[data-tf-color-mode=dark] .tf-task-card .tf-completed-badge::after{background:linear-gradient(135deg,var(--success) 50%,var(--surface-primary) 51%)}

/* Keep filter popovers inside the viewport without clipping their contents. */
.tf-person-filter-menu{left:auto;right:0;box-sizing:border-box}
.tf-task-view-switch{display:flex;justify-content:flex-end;gap:4px;margin:0 0 14px}
.tf-task-view-switch button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid transparent;border-radius:10px;color:#6c83a5;font-size:13px}
.tf-task-view-switch button[aria-pressed=true]{background:#edf5ff;border-color:#cbdfff;color:#2474f8}
.tf-task-list{display:grid;gap:12px;min-width:0}
.tf-task-list-row{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:16px;padding-right:16px;border:1px solid #dfebfb;border-radius:16px;background:var(--tf-status-tint)}
.tf-task-list-row .tf-task-card-v2{width:100%;min-height:0;margin:0}
.tf-task-list-row .tf-card-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.tf-task-list-status select{width:100%;padding:10px;border:1px solid #d9e5f6;border-radius:10px;background:#fff;color:#426386;font-size:13px}
.tf-task-list-empty{padding:36px;text-align:center;color:#7188a7}
:root[data-tf-color-mode=dark] .tf-task-list-row{background:var(--surface-primary);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-task-list-status select{background:var(--surface-elevated);border-color:var(--border-control);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-task-view-switch button[aria-pressed=true]{background:var(--accent-surface);border-color:var(--border-control);color:var(--accent-text)}
@media(max-width:767px){.tf-task-list-row{grid-template-columns:minmax(0,1fr);gap:0;padding:0}.tf-task-list-status{padding:10px 14px}.tf-task-view-switch button{padding:7px 10px}}


/* Compact list rows keep the author visible beside the task. */
.tf-task-list{gap:8px}
.tf-task-list-row{grid-template-columns:minmax(0,1fr) 160px;gap:12px;padding-right:12px;border-radius:12px}
.tf-task-list-status select{padding:8px;font-size:12px}
.tf-task-list-row .tf-task-list-card{display:grid;grid-template-columns:48px minmax(120px,1fr) minmax(140px,.6fr) auto;gap:4px 14px;align-items:center;padding:12px 16px;min-height:76px;border-radius:12px}
.tf-task-list-row .tf-card-heading{display:contents}
.tf-task-list-row .tf-card-reference{grid-column:1;grid-row:1/3;font-size:11px}
.tf-task-list-row .tf-card-controls{grid-column:4;grid-row:1/3}
.tf-task-list-row .tf-card-title{grid-column:2;grid-row:1;margin:0;font-size:13px;line-height:1.4;max-height:none;-webkit-line-clamp:1}
.tf-task-list-row .tf-task-card-meta{grid-column:2;grid-row:2;gap:6px;margin:0;font-size:11px}
.tf-task-list-row .tf-card-footer{grid-column:3;grid-row:2;margin:0;padding:0;border:0}
.tf-list-creator{grid-column:3;grid-row:1;display:flex;align-items:center;gap:6px;min-width:0;font-size:12px;color:#426386}
.tf-list-creator>span{font-size:10px;color:#8195b0}
.tf-list-creator>strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tf-list-creator>div,.tf-list-creator>img{width:22px!important;height:22px!important;flex-shrink:0;font-size:10px!important}
.tf-task-list-row .tf-card-avatars img,.tf-task-list-row .tf-card-avatars>span>div{width:22px!important;height:22px!important;font-size:10px!important}
:root[data-tf-color-mode=dark] .tf-list-creator{color:var(--text-secondary)}
@media(max-width:900px){
.tf-task-list-row{grid-template-columns:minmax(0,1fr);padding:0;gap:0}
.tf-task-list-row .tf-task-list-card{grid-template-columns:40px minmax(0,1fr) auto;padding:10px 14px;gap:5px 10px}
.tf-task-list-row .tf-card-reference{grid-row:1}
.tf-task-list-row .tf-card-title{grid-column:2;grid-row:1}
.tf-task-list-row .tf-card-controls{grid-column:3;grid-row:1}
.tf-task-list-row .tf-task-card-meta{grid-column:1/3;grid-row:2}
.tf-list-creator{grid-column:1/3;grid-row:3}
.tf-task-list-row .tf-card-footer{grid-column:3;grid-row:2/4}
.tf-task-list-status{padding:6px 12px}
.tf-task-list-status select{padding:6px 8px}
}

/* Long company paths must shrink inside their filter column. */
.tf-person-filter-trigger{min-width:0;max-width:100%;box-sizing:border-box}
.tf-person-filter-trigger>span{flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.tf-person-filter-options>label{min-width:0;max-width:100%;box-sizing:border-box}
.tf-person-filter-options>label>span{min-width:0;white-space:normal;overflow-wrap:anywhere}

.tf-person-filter-options .tf-filter-company-logo{width:28px;height:28px;flex:0 0 28px;object-fit:contain;border-radius:7px;background:#fff}.tf-person-filter-options .tf-filter-company-logo[hidden]{display:none}

.tf-person-filter-tools>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-person-filter-tools>button{flex-shrink:0}

.tf-card-priority{color:#8195b0;font-size:10px;white-space:nowrap}
.tf-card-company-tag{display:inline-block;max-width:210px;padding:1px 6px;border:1px solid #dce7f5;border-radius:5px;background:#f0f6ff;color:#52759c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.tf-card-assignee-label{font-size:10px;color:#8195b0;white-space:nowrap}
.tf-task-list-row .tf-card-footer{justify-content:flex-start;gap:6px}
.tf-task-list-row .tf-task-card-meta{flex-wrap:wrap;min-width:0}
:root[data-tf-color-mode=dark] .tf-card-company-tag{background:var(--surface-elevated);border-color:var(--border-subtle);color:var(--text-secondary)}
@media(max-width:900px){.tf-task-list-row .tf-card-footer{flex-direction:column;align-items:flex-end;gap:4px}.tf-task-list-row .tf-card-company-tag{max-width:180px}}

/* Shared visual rhythm for task details; status stickers remain distinct. */
.tf-task-card-v2 .tf-task-card-meta{align-items:center;gap:6px 14px;font-size:11px;line-height:18px;color:#768ba6}
.tf-card-detail{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;vertical-align:middle}
.tf-card-detail>svg{flex:0 0 13px;opacity:.8}
.tf-task-card-v2 .tf-card-detail>span{font:inherit;line-height:inherit;color:inherit;opacity:1}
.tf-task-card-v2 .tf-card-company-tag{display:block;max-width:210px;padding:0;border:0;border-radius:0;background:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-tf-color-mode=dark] .tf-task-card-v2 .tf-task-card-meta{color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-task-card-v2 .tf-card-company-tag{background:none;border:0;color:inherit}
@media(max-width:767px){.tf-task-card-v2 .tf-task-card-meta{gap:5px 12px}}

/* Profile identity and account details share one responsive header. */
.tf-settings .settings-account-header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:24px;align-items:center;padding:26px 28px;border:1px solid #dfeaf7;border-radius:22px;background:radial-gradient(ellipse at 0 0,#edf6ff,transparent 55%),#fff;box-shadow:0 4px 18px #26497605}
.settings-account-header>div.settings-account-person{display:flex;align-items:center;gap:20px;padding:0;border:0;min-width:0}
.settings-account-photo{position:relative;flex:0 0 82px;width:82px;height:82px}
.settings-account-photo>:first-child{width:82px!important;height:82px!important;min-width:82px;border-radius:22px!important;object-fit:cover;box-shadow:0 0 0 4px #fff,0 4px 14px #2c508318}
.settings-account-photo-edit{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:30px;height:30px;border:3px solid #fff;border-radius:11px;background:#2777f5;color:#fff;box-shadow:0 3px 9px #285da52b;overflow:hidden;cursor:pointer}
.settings-account-photo-edit input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.settings-account-photo-edit:focus-within{outline:2px solid #3c83ff;outline-offset:3px}
.settings-account-identity{min-width:0}
.settings-account-header .settings-account-identity h2{font-size:20px;line-height:1.35;font-weight:650;letter-spacing:-.35px;color:#183657;margin:0;overflow-wrap:anywhere}
.settings-account-header .settings-account-identity p{font-size:12px;color:#8295b0;margin:4px 0 0}
.settings-account-badges{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:11px}
.settings-account-role{padding:4px 9px;border:1px solid #dce9fa;border-radius:7px;background:#fff;color:#527293;font-weight:500}
.settings-account-status{display:inline-flex;align-items:center;gap:5px;color:#66829a}
.settings-account-status i{width:6px;height:6px;border-radius:50%;background:#9aa9bb}.settings-account-status i[data-active=true]{background:#12b886}
.settings-account-details{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(110px,1fr);gap:24px;margin:0;padding:0;min-width:0}
.settings-account-details>div{min-width:0}
.settings-account-details dt{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:400;color:#889bb4;margin-bottom:7px}
.settings-account-details dt svg{flex-shrink:0}
.settings-account-details dd{margin:0;font-size:13px;line-height:1.5;color:#3f5d80;overflow-wrap:anywhere}
.settings-account-header .settings-account-feedback{grid-column:1/-1;margin:0;font-size:12px}
:root[data-tf-color-mode=dark] .tf-settings .settings-account-header{background:radial-gradient(ellipse at 0 0,var(--surface-elevated),transparent 60%),var(--surface-primary);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .settings-account-header .settings-account-identity h2{color:var(--text-primary)}
:root[data-tf-color-mode=dark] .settings-account-details dd{color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .settings-account-role{background:var(--surface-elevated);border-color:var(--border-default);color:var(--accent-text)}
:root[data-tf-color-mode=dark] .settings-account-photo>:first-child{box-shadow:0 0 0 4px var(--surface-elevated)}
:root[data-tf-color-mode=dark] .settings-account-photo-edit{border-color:var(--surface-elevated)}
@media(max-width:1000px){.tf-settings .settings-account-header{grid-template-columns:1fr;gap:22px}.settings-account-details{padding-top:18px;border-top:1px solid #e5edf7;gap:18px}}
@media(max-width:480px){.tf-settings .settings-account-header{padding:20px;border-radius:18px}.settings-account-header>div.settings-account-person{gap:15px}.settings-account-photo{width:64px;height:64px;flex-basis:64px}.settings-account-photo>:first-child{width:64px!important;height:64px!important;min-width:64px;border-radius:17px!important}.settings-account-header .settings-account-identity h2{font-size:18px}.settings-account-badges{margin-top:9px;gap:9px}.settings-account-details{grid-template-columns:1fr;gap:15px}}

.settings-account-header .settings-account-person>.settings-account-identity{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;align-content:center;gap:4px;margin:0;min-width:0}.settings-account-identity>h2,.settings-account-identity>p,.settings-account-identity>.settings-account-badges{grid-column:1;width:auto}.settings-account-header .settings-account-identity>p{margin:0}.settings-account-header .settings-account-badges{margin-top:5px}

.settings-positions-section{padding:18px 0;border-top:1px solid #e5edf7;border-bottom:1px solid #e5edf7;min-width:0}
.settings-positions-section>header{display:grid;gap:4px;margin-bottom:10px}
.settings-positions-section h3{margin:0;color:#294967;font-size:14px;font-weight:600}
.settings-positions-section header p{margin:0;color:#8495ad;font-size:11px;line-height:1.6}
.settings-positions-section .user-positions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.settings-positions-section .user-position{position:relative;display:grid;align-content:start;gap:5px;padding:13px 0 13px 13px;min-width:0;border:0;border-radius:0;background:none}
.settings-positions-section .user-position::before{content:'';position:absolute;left:0;top:17px;width:3px;height:16px;border-radius:2px;background:#a8caff}
.settings-positions-section .user-position>span{font-size:13px;font-weight:500;color:#2e4f73;line-height:1.5}
.settings-positions-section .user-position>small{display:block;font-size:11px;line-height:1.6;color:#7b91ad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
:root[data-tf-color-mode=dark] .settings-positions-section{border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .settings-positions-section h3,:root[data-tf-color-mode=dark] .settings-positions-section .user-position>span{color:var(--text-primary)}
@media(max-width:600px){.settings-positions-section .user-positions{grid-template-columns:minmax(0,1fr);gap:0}.settings-positions-section .user-position{padding-top:10px;padding-bottom:10px}.settings-positions-section .user-position::before{top:14px}}

/* Initials retain their contrast even inside muted activity/metadata containers. */
.tf-user-avatar:not(img):not(:has(img)){display:inline-flex;align-items:center;justify-content:center;color:var(--on-accent)!important;line-height:1}

/* HR App typography, self-hosted for offline VM access. SIL Open Font License in assets/lagend-fonts/OFL.txt. */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:400;src:url('/assets/lagend-fonts/plus-jakarta-sans-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:400;src:url('/assets/lagend-fonts/plus-jakarta-sans-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:500;src:url('/assets/lagend-fonts/plus-jakarta-sans-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:500;src:url('/assets/lagend-fonts/plus-jakarta-sans-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:600;src:url('/assets/lagend-fonts/plus-jakarta-sans-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:600;src:url('/assets/lagend-fonts/plus-jakarta-sans-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:700;src:url('/assets/lagend-fonts/plus-jakarta-sans-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:700;src:url('/assets/lagend-fonts/plus-jakarta-sans-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/* Layout and interaction patterns adapted from HR App's Layout.tsx, ui.tsx and
   index.css. Lagend's existing backgrounds, accents and status colors remain. */
:root{
 --tf-ui-ease:cubic-bezier(.22,.61,.36,1);
 --tf-ui-fast:150ms;
 --tf-ui-page:180ms;
 --tf-ui-modal:220ms;
 --tf-ui-radius:16px;
 --tf-ui-control-radius:12px;
}
body{font-family:'Plus Jakarta Sans',system-ui,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button,input,textarea,select{font-family:inherit}
.lagend-main{padding:24px}
.tf-page-frame{min-width:0;width:100%}
.lagend-sidebar.w-64{width:256px}
.lagend-sidebar{height:100dvh;min-height:0;z-index:30;transition-property:width;transition-duration:200ms;transition-timing-function:var(--tf-ui-ease)}
.lagend-sidebar>div:first-child{height:64px;padding-left:14px}
.lagend-sidebar .lagend-wordmark{font-size:21px;letter-spacing:-.6px}
.lagend-sidebar nav{display:flex;flex-direction:column;gap:4px;min-height:0;overflow-x:hidden;padding:20px 8px;position:relative;isolation:isolate;scrollbar-gutter:stable}
.lagend-sidebar nav a{position:relative;z-index:1;min-height:42px;border-radius:var(--tf-ui-control-radius);padding:10px 12px;gap:12px;font-size:13px;font-weight:600;margin-bottom:4px;transition:background-color var(--tf-ui-fast) var(--tf-ui-ease),color var(--tf-ui-fast) var(--tf-ui-ease)}
.lagend-sidebar nav a svg{width:20px;height:20px;transition:transform var(--tf-ui-fast) var(--tf-ui-ease)}
.lagend-sidebar nav a:hover svg{transform:scale(1.05)}
.lagend-sidebar .tf-sidebar-label{position:absolute;left:44px;top:50%;width:164px;white-space:nowrap;opacity:1;visibility:visible;transform:translate(0,-50%);transition:opacity 160ms var(--tf-ui-ease) 35ms,transform 200ms var(--tf-ui-ease),visibility 0s}
.lagend-sidebar.w-16 .tf-sidebar-label{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-6px,-50%);transition:opacity 130ms var(--tf-ui-ease),transform 180ms var(--tf-ui-ease),visibility 0s 180ms}
.lagend-sidebar nav.tf-sidebar-nav>a{margin:0;flex-shrink:0;justify-content:flex-start}
.lagend-sidebar .tf-sidebar-nav>.tf-nav-indicator{margin:0}
.lagend-sidebar.w-16{width:64px;min-width:64px}
.lagend-sidebar.w-16 nav{padding:20px 8px;scrollbar-gutter:auto;scrollbar-width:none}
.lagend-sidebar.w-16 nav::-webkit-scrollbar{display:none}
.lagend-sidebar.w-16 nav a{width:44px;min-width:44px;height:42px;padding:10px 12px;min-height:42px;gap:0;margin-inline:0;justify-content:flex-start}
.lagend-sidebar.w-16>div:first-child{padding:0 8px;justify-content:flex-start}
.lagend-sidebar.w-16>div:first-child button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0}
.lagend-sidebar.w-16>div:first-child button img{width:32px;height:32px}
.lagend-sidebar .lagend-sidebar-footer{padding:12px 8px}
.lagend-sidebar .lagend-sidebar-footer>div{min-height:48px;padding:0;gap:10px;overflow:hidden}
.tf-sidebar-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;flex:0 0 44px;border-radius:14px}
.lagend-sidebar .tf-sidebar-avatar>img,.lagend-sidebar .tf-sidebar-avatar>div{width:34px;height:34px;min-width:34px;flex:0 0 34px;border-radius:25%;outline:none;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 18%,transparent);font-size:11px;line-height:1;object-fit:cover}
.lagend-sidebar .tf-sidebar-profile-copy{flex:1;overflow:hidden;opacity:1;transition:opacity 120ms var(--tf-ui-ease)}
.lagend-sidebar.w-16 .tf-sidebar-profile-copy{flex:0 0 0;width:0;max-width:0;opacity:0;visibility:hidden;pointer-events:none}
.lagend-sidebar.w-16 .lagend-sidebar-footer{padding:12px 8px;display:flex;justify-content:flex-start}
.lagend-sidebar.w-16 .lagend-sidebar-footer>div{width:44px;height:48px;min-width:44px;min-height:48px;margin-inline:0;justify-content:flex-start;gap:0;overflow:visible}
.tf-nav-indicator{position:absolute;left:0;top:0;z-index:0;pointer-events:none;border-radius:var(--tf-ui-control-radius);background:linear-gradient(105deg,#2860ff,#24c4ca);transition:top 200ms var(--tf-ui-ease),height 200ms var(--tf-ui-ease)}
.lagend-sidebar .tf-sidebar-nav[data-indicator-ready=true] a[aria-current=page]{background:transparent;box-shadow:none}
.lagend-topbar{position:sticky;top:0;z-index:40;flex-shrink:0;padding-inline:24px;backdrop-filter:blur(12px)}
.tf-welcome{padding:0;margin-bottom:24px}
.tf-welcome h1,:is(.tf-users,.org-page,.tf-requests-heading,.tf-projects-heading) h1{font-size:26px;line-height:1.35;font-weight:700;letter-spacing:-.8px}
.tf-welcome p,.tf-projects-heading p,.tf-requests-heading>div>p{font-size:13px;line-height:1.7;margin-top:6px}
.tf-status-grid{gap:16px;margin-bottom:24px}
.tf-status-card{padding:20px;min-height:110px;gap:13px;border-radius:var(--tf-ui-radius)}
.tf-status-icon{width:44px;height:44px;border-radius:var(--tf-ui-control-radius)}
.tf-status-value p{font-size:11px}
.tf-status-value strong{font-size:29px;font-weight:700;letter-spacing:-.8px;margin-top:3px}
.tf-panel{border-radius:var(--tf-ui-radius);padding-inline:20px}
.tf-panel-heading{min-height:68px}
.tf-panel-heading h2{font-size:15px;letter-spacing:-.35px;font-weight:700}
.tf-main-grid{gap:20px;margin-bottom:24px}
.tf-bottom-grid{gap:20px}
.tf-bottom-grid>.tf-panel{border-radius:var(--tf-ui-radius)}
.tf-bottom-grid .tf-panel-heading h2{font-size:18px;letter-spacing:-.45px}
.tf-bottom-grid .tf-panel-heading{min-height:86px}
.tf-section-caption{display:none}
.tf-urgent-table th{font-size:11px;font-weight:600;padding-block:14px}
.tf-urgent-table td{padding-block:15px}
.tf-notification{padding:10px;border-radius:var(--tf-ui-control-radius)}
.tf-notification-time{right:10px;top:11px}
.tf-project-card,.tf-request-row,.tf-request-filters,.tf-project-toolbar,.tf-project-empty,.tf-users>section:last-of-type{border-radius:var(--tf-ui-radius)}
.tf-project-card{padding:22px}
.tf-project-folder,.tf-request-row-icon{border-radius:var(--tf-ui-control-radius)}
.tf-request-route,.tf-request-detail section,.tf-task-status-editor,.tf-details-overview{line-height:1.6}
:is(.tf-request-primary,.tf-request-secondary,.structure-task-primary,.tf-project-form footer button){min-height:42px;padding:10px 16px;border-radius:var(--tf-ui-control-radius);font-size:13px;font-weight:600;gap:8px}
:is(.tf-outline-link,.tf-project-back){border-radius:10px;font-weight:600}
:is(.tf-project-form,.structure-task-form,.tf-request-form,.org-modal,.settings-content) label{line-height:1.5}
:is(.tf-project-form,.structure-task-form,.tf-request-form,.org-modal,.settings-content) label>span:first-child{font-size:12px;font-weight:600}
:is(.tf-project-form,.structure-task-form,.tf-request-form,.org-modal,.settings-content) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):not([type=range]),textarea,select){border-radius:var(--tf-ui-control-radius);font-size:13px;transition:border-color var(--tf-ui-fast) var(--tf-ui-ease),box-shadow var(--tf-ui-fast) var(--tf-ui-ease)}
:is(.tf-project-form,.structure-task-form,.tf-request-form,.org-modal,.settings-content) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):not([type=range]),select){min-height:42px}
:is(.tf-project-form,.structure-task-form,.tf-request-form,.org-modal,.settings-content) :is(input,textarea,select):focus-visible{outline:2px solid var(--tf-blue);outline-offset:2px}
:is(.tf-request-primary,.tf-request-secondary,.tf-outline-link,.structure-task-primary,.tf-project-card,.tf-status-card){transition:box-shadow var(--tf-ui-fast) var(--tf-ui-ease),border-color var(--tf-ui-fast) var(--tf-ui-ease),background-color var(--tf-ui-fast) var(--tf-ui-ease),transform var(--tf-ui-fast) var(--tf-ui-ease)}
:is(.tf-request-primary,.tf-request-secondary,.structure-task-primary):not(:disabled):active{transform:translateY(1px)}
:is(.tf-request-primary,.tf-request-secondary,.tf-outline-link,.tf-project-card):focus-visible{outline:2px solid var(--tf-blue);outline-offset:3px}
.tf-modal-surface{border-radius:var(--tf-ui-radius);overscroll-behavior:contain}
.tf-modal-surface>div:first-child{padding:22px 24px 16px}
.tf-modal-surface>div:first-child h2{font-size:17px;font-weight:700;letter-spacing:-.35px}
.tf-modal-surface>div:first-child button{width:34px;height:34px;border-radius:10px}
.tf-modal-surface>div:last-child{padding-inline:24px;padding-bottom:24px}
.lagend-topbar .tf-company-menu{width:100%;min-width:0;max-width:100%;box-sizing:border-box;left:0;right:0;border-radius:var(--tf-ui-radius)}
.tf-company-option-text{min-width:0;overflow-wrap:anywhere}
.tf-company-menu button{border-radius:var(--tf-ui-control-radius)}
@keyframes tf-hr-page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes tf-hr-fade-in{from{opacity:0}to{opacity:1}}
@keyframes tf-hr-modal-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes tf-hr-panel-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes tf-hr-form-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 /* This frame is keyed by URL pathname only, never selected-company context. */
 .tf-page-frame{animation:tf-hr-page-in var(--tf-ui-page) var(--tf-ui-ease)}
 .tf-modal-backdrop{animation:tf-hr-fade-in var(--tf-ui-page) ease}
 .tf-modal-surface,dialog[open]:is(.org-modal,.create-user-dialog){animation:tf-hr-modal-in var(--tf-ui-modal) cubic-bezier(.16,1,.3,1)}
 .tf-company-menu{animation:tf-hr-modal-in var(--tf-ui-page) var(--tf-ui-ease);transform-origin:top right}
 .org-palette{animation:tf-hr-panel-in var(--tf-ui-modal) var(--tf-ui-ease)}
 .tf-task-window-tabs+form{animation:tf-hr-form-in var(--tf-ui-page) ease-out}
}
@media(prefers-reduced-motion:reduce){
 .tf-page-frame,.tf-modal-backdrop,.tf-modal-surface,.tf-company-menu,.org-palette,dialog[open]:is(.org-modal,.create-user-dialog){animation:none!important}
 .lagend-sidebar,.lagend-sidebar .tf-sidebar-label,.lagend-sidebar .tf-sidebar-profile-copy,.lagend-sidebar nav a,.lagend-sidebar nav a svg,.tf-nav-indicator,.tf-company-chevron,.tf-company-switch summary,.tf-request-primary,.tf-request-secondary,.tf-outline-link,.structure-task-primary,.tf-project-card,.tf-status-card{transition:none!important}
 .lagend-sidebar nav a:hover svg,:is(.tf-request-primary,.tf-request-secondary,.structure-task-primary):active{transform:none}
}
@media(max-width:1100px){.tf-status-card{padding:16px;gap:10px}.tf-status-icon{width:38px;height:38px}.tf-status-value strong{font-size:26px}}
@media(max-width:640px){.lagend-main{padding:16px 12px}.lagend-topbar{padding-inline:12px}.tf-welcome h1,:is(.tf-users,.org-page,.tf-requests-heading,.tf-projects-heading) h1{font-size:23px}.tf-panel{padding-inline:16px}.tf-main-grid{gap:16px}.tf-modal-surface>div:first-child{padding:18px 18px 14px}.tf-modal-surface>div:last-child{padding-inline:18px;padding-bottom:18px}.tf-bottom-grid .tf-panel-heading h2{font-size:17px}}
/* Loading placeholders retain the content footprint; existing data is never blanked. */
.tf-header-loading{position:absolute;inset:0 0 auto;height:3px;overflow:hidden;opacity:0;pointer-events:none;z-index:2;transition:opacity 150ms ease}
.tf-header-loading.is-loading{opacity:1}
.tf-header-loading>span:first-child{display:block;width:36%;height:100%;border-radius:0 3px 3px 0;background:var(--tf-blue);transform:translateX(-105%)}
.tf-skeleton{display:block;min-width:0;width:100%;text-align:left;color:var(--tf-muted)}
.tf-skeleton-visual,.tf-skeleton-copy,.tf-skeleton-panel,.tf-skeleton-card,.tf-skeleton-row,.tf-skeleton-block{display:block}
.tf-skeleton-visual{min-width:0}
.tf-skeleton-block{position:relative;overflow:hidden;background:color-mix(in srgb,var(--tf-muted) 12%,white);border-radius:6px;flex-shrink:0}
.tf-skeleton-block:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,white 70%,transparent),transparent)}
.tf-skeleton-heading{height:22px;width:min(260px,65%);margin-bottom:22px;border-radius:7px}
.tf-skeleton-line{height:11px;width:min(180px,100%)}
.tf-skeleton-line.is-short{height:9px;width:60%;margin-top:10px}
.tf-skeleton-number{height:28px;width:46px;margin-top:10px}
.tf-skeleton-avatar{width:42px;height:42px;border-radius:12px}
.tf-skeleton-pill{width:60px;height:23px;border-radius:7px;margin-left:auto}
.tf-skeleton-copy{flex:1;min-width:0}
.tf-skeleton-row{display:flex;align-items:center;gap:14px;min-height:65px;padding:12px 0;border-bottom:1px solid var(--tf-line)}
.tf-skeleton-row:last-child{border:0}
.tf-skeleton-panel{padding:22px;background:white;border:1px solid var(--tf-line);border-radius:16px;min-width:0}
.tf-skeleton-compact{display:block;padding:0 4px}
.tf-tasks-skeleton-layout{display:block;min-width:0;color:var(--text-primary)}
.tf-tasks-skeleton-layout .tf-skeleton-block{display:block;min-width:0}
.tf-tasks-skeleton-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}
.tf-tasks-skeleton-title{display:block;font-size:25px;font-weight:700;line-height:1.25;letter-spacing:-.6px}
.tf-tasks-skeleton-subtitle{display:block;margin-top:5px;font-size:12px;line-height:18px;color:var(--text-secondary)}
.tf-tasks-skeleton-action{width:130px;height:44px;border-radius:12px}
.tf-tasks-skeleton-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;max-width:680px;padding:3px;margin-bottom:16px;border-radius:15px;background:var(--surface-elevated)}
.tf-tasks-skeleton-tabs>span{display:grid;place-items:center;min-height:46px}
.tf-tasks-skeleton-line{height:11px;width:min(130px,80%);border-radius:5px}
.tf-tasks-skeleton-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.tf-tasks-skeleton-search{display:flex;align-items:center;gap:12px;height:48px;padding:0 14px;border:1px solid var(--border-subtle);border-radius:13px;background:var(--surface-primary)}
.tf-tasks-skeleton-search-icon{width:18px;height:18px;border-radius:6px}
.tf-tasks-skeleton-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tf-tasks-skeleton-tools>.tf-skeleton-block{width:100%;height:48px;border-radius:12px}
.tf-tasks-skeleton-statuses{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px}
.tf-tasks-skeleton-status{position:relative;display:grid;gap:7px;min-width:0;height:86px;padding:9px 8px 19px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-primary)}
.tf-tasks-skeleton-label{height:10px;width:75%}
.tf-tasks-skeleton-status>span:not(.tf-skeleton-block){display:flex;align-items:center;gap:6px}
.tf-tasks-skeleton-icon{width:22px;height:22px;border-radius:7px}
.tf-tasks-skeleton-number{width:32px;height:25px}
.tf-tasks-skeleton-progress{position:absolute;bottom:10px;left:8px;right:36px;height:4px}
.tf-tasks-skeleton-percent{position:absolute;bottom:6px;right:8px;width:25px;height:16px;border-radius:5px}
.tf-tasks-skeleton-section{display:none;margin:18px 0}
.tf-tasks-skeleton-section-title{width:110px;height:23px}
.tf-tasks-skeleton-section-count{width:70px;height:12px;margin-top:7px}
.tf-tasks-skeleton-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.tf-tasks-skeleton-card{position:relative;display:block;min-width:0;min-height:188px;padding:18px 16px;border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface-primary);overflow:hidden}
.tf-tasks-skeleton-card:before{content:'';position:absolute;top:18px;bottom:18px;left:0;width:4px;border-radius:4px;background:var(--border-subtle)}
.tf-tasks-skeleton-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.tf-tasks-skeleton-id{width:34px;height:10px}
.tf-tasks-skeleton-task-title{flex:1;height:15px}
.tf-tasks-skeleton-menu{width:13px;height:5px;margin-left:auto}
.tf-tasks-skeleton-meta{display:flex;gap:12px;margin-bottom:12px}
.tf-tasks-skeleton-meta>.tf-skeleton-block{width:40%;height:10px}
.tf-tasks-skeleton-company{height:10px;width:75%}
.tf-tasks-skeleton-people{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}
.tf-tasks-skeleton-people>span:not(.tf-skeleton-block){display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.tf-tasks-skeleton-avatar{width:28px;height:28px;border-radius:8px}
.tf-tasks-skeleton-person{height:11px;width:min(120px,60%)}
.tf-tasks-skeleton-layout.is-list .tf-tasks-skeleton-cards{grid-template-columns:1fr}
.tf-tasks-skeleton-layout.is-list .tf-tasks-skeleton-card:nth-child(n+4){display:none}
@media(min-width:768px){
 .tf-tasks-skeleton-layout.is-list .tf-tasks-skeleton-card{display:grid;grid-template-columns:2fr 1fr;column-gap:24px;min-height:112px}
 .tf-tasks-skeleton-layout.is-list .tf-tasks-skeleton-card-heading,.tf-tasks-skeleton-layout.is-list .tf-tasks-skeleton-meta,.tf-tasks-skeleton-layout.is-list .tf-tasks-skeleton-company{grid-column:1}
 .tf-tasks-skeleton-layout.is-list .tf-tasks-skeleton-people{grid-column:2;grid-row:1/4;margin-top:0}
}
@media(max-width:767px){
 .tf-tasks-skeleton-action{width:44px;flex-shrink:0}.tf-tasks-skeleton-tabs{max-width:none}
 .tf-tasks-skeleton-toolbar{display:block}.tf-tasks-skeleton-tools{display:none}
 .tf-tasks-skeleton-statuses{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tf-tasks-skeleton-section{display:block}.tf-tasks-skeleton-cards{grid-template-columns:1fr}
 .tf-tasks-skeleton-card:nth-child(n+3){display:none}
}
.tf-skeleton-compact .tf-skeleton-row{min-height:56px}
.tf-skeleton-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-bottom:24px}
.tf-skeleton-card{display:flex;align-items:flex-start;gap:13px;min-height:110px;padding:20px;background:white;border-radius:16px;min-width:0}
.tf-skeleton-columns{display:grid;grid-template-columns:minmax(0,1.88fr) minmax(0,1fr);gap:20px}
.tf-skeleton-columns .tf-skeleton-panel{min-height:350px}
.tf-skeleton-board-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tf-skeleton-board-columns .tf-skeleton-panel{min-height:320px}
.tf-skeleton-board-columns .tf-skeleton-row{padding:18px 0;min-height:80px}
@keyframes tf-loading-line{from{transform:translateX(-105%)}to{transform:translateX(380%)}}
@keyframes tf-skeleton-shimmer{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:no-preference){.tf-header-loading.is-loading>span:first-child{animation:tf-loading-line 1.1s ease-in-out infinite}.tf-skeleton-block:after{animation:tf-skeleton-shimmer 1.6s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){.tf-header-loading{transition:none}.tf-header-loading.is-loading>span:first-child{transform:none;width:100%}.tf-skeleton-block:after{display:none}}
@media(max-width:1100px){.tf-skeleton-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.tf-skeleton-card{padding:16px}}
@media(max-width:760px){.tf-skeleton-columns{grid-template-columns:1fr}.tf-skeleton-board-columns{grid-template-columns:1fr}.tf-skeleton-board-columns .tf-skeleton-panel{min-height:200px}.tf-skeleton-board-columns .tf-skeleton-panel:not(:first-child){display:none}}
@media(max-width:480px){.tf-skeleton-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tf-skeleton-panel{padding:16px}.tf-skeleton-card{gap:8px;padding:14px}.tf-skeleton-card .tf-skeleton-avatar{width:30px;height:30px}.tf-skeleton-pill{width:40px}}

/* The active appearance moves as one surface; existing tab colors/styles supply its paint. */
.tf-sliding-tabs{position:relative;isolation:isolate}
.tf-tab-indicator{position:absolute;z-index:0;pointer-events:none;box-sizing:border-box;margin:0!important;transition:left 200ms var(--tf-ui-ease),top 200ms var(--tf-ui-ease),width 200ms var(--tf-ui-ease),height 200ms var(--tf-ui-ease);animation:none!important}
.tf-tab-indicator[hidden]{display:none!important}
.tf-sliding-tabs>button,.tf-sliding-tabs>a[role=tab]{position:relative;z-index:1}
.tf-sliding-tabs[data-tf-tabs-ready=true]>:is(button,a[role=tab]):is([aria-selected=true],[aria-pressed=true],[aria-current=page],.is-active,.fc-button-active){background:transparent!important;border-color:transparent!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){.tf-tab-indicator{transition:none!important}}
/* Legacy calendar/plan tabs paint their inactive buttons; keep the moving surface visible. */
[data-tf-tabs].tf-sliding-tabs[data-tf-tabs-ready=true]>button{background:transparent!important}
/* One stable logo control opens and closes the sidebar. */
.lagend-sidebar>div:first-child{padding:0 8px}
.tf-sidebar-brand{display:flex;align-items:center;gap:10px;width:100%;min-width:0;height:64px;overflow:hidden}
.lagend-sidebar .tf-sidebar-logo-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;flex:0 0 44px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;transition:background-color 150ms var(--tf-ui-ease)}
.lagend-sidebar .tf-sidebar-logo-toggle img{width:32px;height:32px;flex-shrink:0}
.lagend-sidebar .tf-sidebar-logo-toggle:hover{background:color-mix(in srgb,currentColor 9%,transparent)}
.lagend-sidebar .tf-sidebar-logo-toggle:focus-visible{outline:2px solid currentColor;outline-offset:1px}
.tf-sidebar-brand .lagend-wordmark{flex-shrink:0;opacity:1;visibility:visible;transform:translateX(0);transition:opacity 160ms var(--tf-ui-ease) 35ms,transform 200ms var(--tf-ui-ease),visibility 0s}
.lagend-sidebar.w-16 .tf-sidebar-brand .lagend-wordmark{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-6px);transition:opacity 130ms var(--tf-ui-ease),transform 180ms var(--tf-ui-ease),visibility 0s 180ms}
@media(prefers-reduced-motion:reduce){.tf-sidebar-brand .lagend-wordmark,.lagend-sidebar .tf-sidebar-logo-toggle{transition:none!important}}

/* Calm planner entry screens, inspired by the supplied Lagend reference. */
.tf-auth-page{box-sizing:border-box;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(380px,1fr);gap:clamp(32px,5.6vw,104px);padding:20px 32px;background:#fff;color:#0b2049;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.tf-auth-page *{box-sizing:border-box}.tf-auth-page a{color:inherit;text-decoration:none}.tf-auth-page button,.tf-auth-page input,.tf-auth-page select{font:inherit}
.tf-auth-story{display:flex;flex-direction:column;min-width:0;min-height:calc(100dvh - 40px);border-radius:30px;background:linear-gradient(140deg,#eaf7ff,#e3f2ff);padding:clamp(32px,3.2vw,56px);overflow:hidden}
.tf-auth-brand,.tf-auth-mobile-brand{display:inline-flex;align-items:center;gap:14px;font-size:clamp(26px,2.1vw,36px);font-weight:700;letter-spacing:-1.2px;width:fit-content;flex-shrink:0}.tf-auth-brand img{border-radius:12px;width:48px;height:48px}.tf-auth-story-content{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:clamp(30px,3vw,54px)}
.tf-auth-story h1{font-size:clamp(48px,4.85vw,86px);font-weight:700;line-height:1.04;letter-spacing:-3.2px;margin:0}.tf-auth-story-content>p{font-size:clamp(16px,1.5vw,25px);line-height:1.6;color:#8394b5;margin:20px 0 4px;letter-spacing:-.6px}
.tf-auth-illustration{position:relative;flex:1;min-height:250px;margin:8px -20px 0}.tf-auth-illustration img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;user-select:none;pointer-events:none}
.tf-auth-story-footer{align-self:flex-end;margin:4px 0 0;color:#193d68;font-family:'Segoe Print','Bradley Hand',cursive;font-size:clamp(18px,1.65vw,28px);font-style:italic;line-height:1.3;transform:rotate(-7deg);padding-bottom:11px;position:relative}.tf-auth-story-footer:after{content:'';position:absolute;bottom:0;right:0;height:1px;width:84%;background:#234c75}
.tf-auth-main{display:flex;flex-direction:column;min-width:0;padding:25px clamp(4px,1.3vw,26px) 14px 0}.tf-auth-top{display:flex;align-items:center;justify-content:flex-end;min-height:32px;color:#7f8eaf}.tf-auth-mobile-brand{display:none}.tf-auth-language{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;letter-spacing:.3px}.tf-auth-language .tf-auth-field-icon{position:static;width:21px;height:21px;transform:none}
.tf-auth-content{width:100%;max-width:548px;margin:auto;padding:42px 0;animation:tf-auth-enter 240ms var(--tf-ui-ease,ease) both}.tf-auth-form-heading{margin-bottom:36px}.tf-auth-welcome{display:inline-flex;align-items:center;gap:10px;border:1px solid #c5e8ff;border-radius:25px;background:#eaf7ff;color:#224468;font-size:12px;line-height:1.5;padding:8px 14px;margin-bottom:25px}.tf-auth-welcome i{height:9px;width:9px;background:#08cbbb;border:2px solid #b4f1e8;border-radius:50%}
.tf-auth-form-heading h2{font-size:clamp(30px,2.8vw,46px);line-height:1.2;letter-spacing:-1.5px;font-weight:700;margin:0 0 7px}.tf-auth-form-heading p{font-size:clamp(15px,1.45vw,22px);line-height:1.6;color:#8997b8;margin:0;letter-spacing:-.45px}.tf-auth-form-heading .tf-auth-progress+h2{font-size:clamp(27px,2.1vw,35px)}.tf-auth-form-heading:has(.tf-auth-progress) p{font-size:14px;letter-spacing:0}
.tf-auth-form fieldset{border:0;min-width:0;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}.tf-auth-field{display:flex;flex-direction:column;gap:10px;min-width:0}.tf-auth-field>span{font-size:14px;font-weight:500;color:#1a3154}.tf-auth-field input,.tf-auth-field select{min-width:0;width:100%;height:55px;border:1px solid #d4deed;border-radius:12px;background:#fff;padding:0 16px;color:#17365f;font-size:14px;outline:none;transition:border-color 150ms,box-shadow 150ms}.tf-auth-field input::placeholder{color:#98a6c2;font-size:14px}.tf-auth-field input:focus,.tf-auth-field select:focus{border-color:#438bff;box-shadow:0 0 0 3px #eaf3ff}.tf-auth-field select{appearance:auto}
.tf-auth-password,.tf-auth-input-icon{position:relative}.tf-auth-password input{padding-left:48px;padding-right:48px}.tf-auth-input-icon input{padding-left:48px}.tf-auth-field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:21px;height:21px;color:#8898b8;pointer-events:none}.tf-auth-password button{position:absolute;right:4px;top:4px;width:43px;height:47px;display:grid;place-items:center;border:0;background:transparent;color:#899aba;border-radius:9px;cursor:pointer}.tf-auth-password button>svg{width:22px;height:22px}.tf-auth-password button:hover{background:#f0f7fd;color:#2375e8}
.tf-auth-form-links{display:flex;justify-content:flex-end;font-size:12px;font-weight:500;color:#1670ff;margin-top:-5px}.tf-auth-page .tf-auth-submit{display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(100deg,#0867ff,#0bcfc4);color:#fff;border:0;border-radius:12px;min-height:56px;width:100%;font-size:16px;font-weight:600;padding:14px 18px;cursor:pointer;box-shadow:0 7px 18px #208aeb15;transition:filter 150ms,transform 150ms}.tf-auth-submit svg{width:20px;height:20px}.tf-auth-page .tf-auth-submit:hover{filter:brightness(1.04)}.tf-auth-page .tf-auth-submit:active{transform:translateY(1px)}.tf-auth-page button:disabled{opacity:.55;cursor:default}.tf-auth-page fieldset:disabled{cursor:wait}.tf-auth-page a:focus-visible,.tf-auth-page button:focus-visible{outline:3px solid #93b8ff;outline-offset:3px}
.tf-auth-switch{display:flex;align-items:center;gap:14px;text-align:center;font-size:11px;line-height:1.8;color:#8a9aba;margin:28px 0 0}.tf-auth-switch:before,.tf-auth-switch:after{content:'';height:1px;min-width:18px;flex:1;background:#dce5f2}.tf-auth-switch a{color:#1473ff;font-weight:500}.tf-auth-form-note{font-size:11px;line-height:1.8;text-align:center;color:#93a2bc;margin:22px auto 0;max-width:380px}.tf-auth-footer{display:flex;justify-content:space-between;gap:16px;color:#8a9cbd;font-size:11px}.tf-auth-footer>span{color:#a0aec5}.tf-auth-kicker{display:block;font-size:10px;letter-spacing:1.8px;font-weight:700;color:#5d8ac7;margin-bottom:14px}.tf-auth-success h2{font-size:32px;line-height:1.3;letter-spacing:-1px;font-weight:700;margin:0 0 12px}.tf-auth-success>p{font-size:14px;line-height:1.8;color:#8494ad;margin:0}
.tf-auth-name-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tf-auth-hint{font-size:10px;color:#8c9eb8;line-height:1.7;margin:0}.tf-auth-field+.tf-auth-hint{margin-top:-12px}.tf-auth-progress{display:flex;align-items:center;gap:12px;margin-bottom:30px}.tf-auth-progress>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#9baac0}.tf-auth-progress b{display:grid;place-items:center;width:24px;height:24px;border:1px solid #e0e8f2;border-radius:50%;font-weight:500;font-size:10px}.tf-auth-progress>span[data-active=true]{color:#2368e8;font-weight:600}.tf-auth-progress>span[data-active=true] b{background:#edf4ff;border-color:#cfdefa}.tf-auth-progress i{width:35px;height:1px;background:#e2eaf5}.tf-auth-back{padding:10px 18px;border:1px solid #dce5f1;background:#fff;border-radius:11px;font-size:12px;color:#587191;cursor:pointer}
.tf-auth-error{padding:12px 14px;background:#fff4f5;border:1px solid #fcdde2;border-radius:10px;color:#c34a62;font-size:12px;line-height:1.7;margin:0;overflow-wrap:anywhere}.tf-auth-error>button{display:block;border:0;background:none;text-decoration:underline;font-size:11px;color:inherit;padding:7px 0 0;cursor:pointer}.tf-auth-approval-note{border-left:2px solid #b8d1ff;padding:4px 0 4px 13px;color:#7a8fab;font-size:11px;line-height:1.8;margin:0}
.tf-auth-companies{display:flex;flex-direction:column;gap:9px;max-height:245px;overflow-y:auto;padding:3px}.tf-auth-company{display:flex;align-items:center;gap:12px;min-height:65px;width:100%;border:1px solid #e0e8f3;border-radius:11px;padding:12px;text-align:left;background:#fff;cursor:pointer;color:#254162;transition:background 150ms,border-color 150ms}.tf-auth-company[aria-pressed=true]{border-color:#6297ff;background:#f1f6ff}.tf-auth-company:hover{background:#f6f9fd}.tf-auth-company img{object-fit:contain;border-radius:7px;flex-shrink:0;background:#fff}.tf-auth-company>span:not(.tf-auth-company-initial){flex:1;min-width:0}.tf-auth-company strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.tf-auth-company small{display:block;font-size:10px;color:#92a4bd;margin-top:4px}.tf-auth-company>b{font-size:13px;color:#236bfa}.tf-auth-company-initial{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#edf3fb;font-size:15px;color:#6a8ec2;flex-shrink:0}
.tf-auth-success-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#eaf9f3;color:#13a879;font-size:25px;margin-bottom:27px}.tf-auth-success dl{margin:26px 0;display:flex;flex-direction:column;gap:20px;padding:20px;border:1px solid #e2eaf5;border-radius:12px;background:#fafcff}.tf-auth-success dt{font-size:10px;color:#8b9cb5;margin-bottom:7px}.tf-auth-success dd{margin:0;font-size:14px;font-weight:600;color:#244269;overflow-wrap:anywhere}.tf-auth-success dd small{display:block;font-size:11px;color:#91a1b7;margin-top:6px;font-weight:400}.tf-auth-success>small{display:block;text-align:center;margin-top:18px;color:#97a5b9;font-size:10px;line-height:1.8}

.tf-auth-hint,.tf-auth-approval-note{font-size:11px}.tf-auth-company strong{font-size:13px}.tf-auth-company small{font-size:11px}.tf-auth-progress{margin-bottom:23px}.tf-auth-success-icon{background:#e5faf3}.tf-auth-form-actions{gap:12px}
@keyframes tf-auth-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1900px){.tf-auth-page{max-width:2200px;margin:0 auto}}
@media(max-width:1150px){.tf-auth-page{padding:18px;gap:36px;grid-template-columns:minmax(0,1.15fr) minmax(350px,1fr)}.tf-auth-story{min-height:calc(100dvh - 36px);padding:32px;border-radius:25px}.tf-auth-story h1{font-size:clamp(45px,5.1vw,60px);letter-spacing:-2px}.tf-auth-brand{font-size:28px}.tf-auth-brand img{width:40px;height:40px}.tf-auth-story-content>p{font-size:17px}.tf-auth-main{padding:15px 12px 10px 0}.tf-auth-form-heading h2{font-size:32px}.tf-auth-form-heading p{font-size:16px}.tf-auth-illustration{margin:4px -18px 0;min-height:230px}.tf-auth-field>span{font-size:13px}.tf-auth-welcome{font-size:10px;padding:7px 11px}.tf-auth-content{padding:32px 0}.tf-auth-form fieldset{gap:21px}.tf-auth-switch{font-size:10px;gap:9px}}
@media(max-width:800px){.tf-auth-page{display:block;padding:0;background:#fff}.tf-auth-story{display:none}.tf-auth-main{min-height:100dvh;padding:24px;max-width:560px;margin:0 auto}.tf-auth-mobile-brand{display:inline-flex;font-size:21px;gap:9px;letter-spacing:-.5px}.tf-auth-top{justify-content:space-between;min-height:36px}.tf-auth-language{font-size:12px}.tf-auth-content{padding:48px 0}.tf-auth-form-heading h2{font-size:34px}.tf-auth-form-heading .tf-auth-progress+h2{font-size:28px}.tf-auth-form-heading p{font-size:17px}.tf-auth-welcome{font-size:11px}.tf-auth-name-row{gap:11px}.tf-auth-footer{font-size:10px}.tf-auth-switch{font-size:11px}.tf-auth-success h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.tf-auth-content{animation:none}.tf-auth-page button,.tf-auth-page input,.tf-auth-page select{transition:none!important}}

.tf-notice-header{position:relative;flex:0 0 40px;width:40px;height:40px}
.lagend-topbar:has(.tf-notice-popover){z-index:60;overflow:visible}.lagend-topbar .tf-notice-header p{white-space:normal;max-width:none;overflow:visible;text-overflow:clip;font-size:12px}
.tf-notice-bell{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid transparent;border-radius:12px;background:transparent;color:#536b91;cursor:pointer;transition:background-color .18s,color .18s}
.tf-notice-bell:hover,.tf-notice-bell[aria-expanded=true]{background:#edf4ff;border-color:#dce7f6;color:#2464ff}
.tf-notice-bell>svg{width:22px;height:22px}.tf-notice-count{position:absolute;top:-2px;right:-4px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid #fff;border-radius:12px;background:#2464ff;color:#fff;font-size:9px;font-weight:700;line-height:1}
.tf-notice-popover{position:absolute;top:calc(100% + 14px);right:-8px;z-index:90;width:min(396px,calc(100vw - 32px));border:1px solid #dce7f6;border-radius:20px;background:#fff;box-shadow:0 18px 64px #173f6a25;overflow:hidden;animation:tf-notice-in .16s ease-out}
.tf-notice-popover>header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px}.tf-notice-popover h2{margin:0;font-size:19px;font-weight:700;color:#101f47}.tf-notice-popover>header span{display:block;margin-top:4px;font-size:12px;color:#7c90b1}.tf-notice-popover>header>button{width:30px;height:30px;border:0;border-radius:9px;background:#f3f8ff;color:#7184ad;font-size:23px;cursor:pointer}
.tf-notice-inbox{min-width:0}.tf-notice-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0 0 12px}.tf-notice-tabs{display:flex;gap:4px;padding:4px;background:#f1f6fc;border-radius:12px}.tf-notice-tabs button{border:0;border-radius:9px;background:transparent;padding:8px 16px;color:#7184ad;font-size:12px;font-weight:600;cursor:pointer}.tf-notice-tabs button[aria-selected=true]{background:#fff;color:#2464ff;box-shadow:0 2px 5px #173f6a0b}.tf-notice-refresh{background:transparent;border:0;color:#7184ad;font-size:11px;cursor:pointer}
.tf-notice-bulk{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.tf-notice-bulk small{font-size:11px;color:#8395ad}.tf-notice-bulk button,.tf-notice-row-actions button{border:0;background:transparent;color:#3974c7;font-size:11px;font-weight:500;cursor:pointer}.tf-notice-inbox button:disabled{cursor:default;opacity:.5}.tf-notice-row .tf-notice-source:disabled{opacity:1}
.tf-notice-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.tf-notice-row{min-width:0;border:1px solid transparent;border-radius:14px;padding:0;transition:background-color .15s}.tf-notice-row.is-unread{background:#f4f8ff;border-color:#e4ebf7}.tf-notice-row:hover{background:#f1f6fc}.tf-notice-source{display:flex;align-items:flex-start;gap:12px;width:100%;border:0;background:transparent;padding:14px;text-align:left;cursor:pointer;border-radius:14px;color:inherit}.tf-notice-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#e8f2ff;color:#2464ff}.tf-notice-icon svg{width:20px;height:20px}.tf-notice-icon.is-request{background:#e6f9f0;color:#00a969}.tf-notice-icon.is-overdue{background:#fff0f1;color:#e0526a}.tf-notice-icon.is-approval{background:#f3edff;color:#9065d5}.tf-notice-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.tf-notice-meta{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:500;color:#7b90a9}.tf-notice-meta>span{background:#fff7e2;color:#b77916;border-radius:5px;padding:1px 5px}.tf-notice-copy strong{font-size:13px;line-height:1.45;font-weight:600;color:#173455;overflow-wrap:anywhere}.tf-notice-message{font-size:12px;line-height:1.65;color:#7184ad;white-space:pre-wrap;overflow-wrap:anywhere}.tf-notice-copy time{font-size:10px;color:#91a1b6}.tf-notice-unread{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#2464ff;margin-top:5px}.tf-notice-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 14px}.tf-notice-row-actions:empty{display:none}.tf-notice-row-actions small{font-size:10px;color:#91a1b6}.tf-notice-row>.tf-deadline-approval{margin:8px 14px 4px 64px}
.tf-notice-inbox.is-compact>.tf-notice-toolbar,.tf-notice-inbox.is-compact>.tf-notice-bulk{margin-left:16px;margin-right:16px}.tf-notice-inbox.is-compact>.tf-notice-list{max-height:min(46vh,360px);overflow-y:auto;overscroll-behavior:contain;padding:0 8px 10px}.tf-notice-inbox.is-compact .tf-notice-message{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tf-notice-inbox.is-compact .tf-notice-source{padding:12px;gap:10px}.tf-notice-inbox.is-compact .tf-notice-row-actions button{font-size:10px}.tf-notice-footer{display:block;width:100%;padding:14px;border:0;border-top:1px solid #e7eef7;background:#fff;color:#2464ff;font-size:12px;font-weight:600;text-align:center;cursor:pointer}.tf-notice-footer:hover{background:#f3f8ff}.tf-notice-empty{display:flex;flex-direction:column;align-items:center;gap:9px;padding:42px 20px;color:#7184ad;text-align:center}.tf-notice-empty>svg{width:34px;height:34px;color:#a8c3e6}.tf-notice-empty strong{font-size:14px;color:#35527c}.tf-notice-empty p{font-size:12px;line-height:1.7;margin:0}
.tf-notice-error{padding:12px 14px;margin:8px 12px;border:1px solid #ffd8de;border-radius:10px;background:#fff4f6;color:#b62c42;font-size:12px;line-height:1.6}.tf-notice-error button{display:block;border:0;background:transparent;color:inherit;text-decoration:underline;font-size:11px;cursor:pointer;margin-top:4px}.tf-notice-toast{position:absolute;top:54px;right:0;z-index:90;width:320px;max-width:80vw;border:1px solid #ffd8de;border-radius:12px;background:#fff4f6;color:#b62c42;padding:14px 32px 14px 14px;font-size:12px;box-shadow:0 8px 32px #173f6a10}.tf-notice-toast button{position:absolute;right:8px;top:6px;border:0;background:transparent;font-size:20px;cursor:pointer;color:inherit}
.tf-notice-dashboard{margin-top:12px}.tf-notice-dashboard .tf-notice-source{padding:12px 8px}.tf-notice-dashboard .tf-notice-meta{display:none}.tf-notice-dashboard .tf-notice-message{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tf-notice-dashboard .tf-notice-row{border-color:transparent}.tf-notice-bell:focus-visible,.tf-notice-inbox button:focus-visible,.tf-notice-popover>header>button:focus-visible{outline:2px solid #2464ff;outline-offset:2px}
@keyframes tf-notice-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.tf-notice-popover{animation:none}.tf-notice-bell,.tf-notice-row{transition:none}}
@media(max-width:640px){.tf-notice-popover{position:fixed;top:76px;left:12px;right:12px;width:auto}.tf-notice-bulk{gap:6px}.tf-notice-bulk small,.tf-notice-bulk button{font-size:10px}.tf-notice-row>.tf-deadline-approval{margin-left:14px}.tf-notice-source{gap:10px}.tf-notice-copy strong{font-size:12px}.tf-notice-tabs button{padding:8px 12px}}

.tf-notice-unavailable{font-size:10px;color:#91a1b6;line-height:1.5}.tf-notice-inbox.is-compact .tf-notice-row-actions:not(:empty){padding:0 12px 9px 60px}.tf-notice-inbox.is-compact .tf-notice-copy{gap:4px}.tf-notice-inbox.is-compact .tf-notice-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px}

.tf-notice-popover>header>.tf-notice-close,.tf-notice-toast>.tf-notice-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;line-height:1;border:0;border-radius:9px;background:transparent;color:#8295b0;cursor:pointer;transition:background-color .15s,color .15s}.tf-notice-close>svg{display:block;width:18px;height:18px;pointer-events:none}.tf-notice-popover>header>.tf-notice-close:hover,.tf-notice-toast>.tf-notice-close:hover{background:#edf3fb;color:#294e7b}.tf-notice-toast>.tf-notice-close{top:5px;right:5px}

/* Dashboard inbox keeps its footprint while notification content scrolls. */
.tf-dashboard .tf-main-grid>.tf-notifications{display:flex;flex-direction:column;height:350px;min-height:350px;max-height:350px;min-width:0;overflow:hidden}.tf-dashboard .tf-notifications>.tf-panel-heading{flex-shrink:0}.tf-dashboard .tf-notifications>.tf-notice-dashboard{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#cedaea transparent;padding-right:5px}.tf-dashboard .tf-notifications .tf-notice-row{flex-shrink:0}
.tf-notice-icon.is-meeting{background:#f0edff;color:#8b68cf}
.tf-notice-icon.is-join{background:#eaf8f4;color:#2c9b81}
.structure-request-row.is-highlighted{border-color:#b8d2fa;background:#f2f7ff;box-shadow:0 0 0 2px #eaf2ff;scroll-margin:100px}

.lagend-sidebar .tf-account-footer{padding:12px 8px;border-top:1px solid #ffffff14;flex-shrink:0;display:flex;flex-direction:column;align-items:stretch}
.tf-account-trigger{display:flex;align-items:center;gap:0;width:100%;height:60px;padding:0;border:0;border-radius:var(--tf-ui-control-radius);background:transparent;color:#e8f0fc;text-align:left;cursor:pointer;overflow:hidden;transition:background .18s,padding .24s}
.tf-account-trigger:hover{background:#ffffff0c}
.tf-account-avatar{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;background:transparent;overflow:hidden}.tf-account-avatar>span{display:grid;place-items:center;width:32px;height:32px;border-radius:25%;background:#2876f9;color:#fff;font-size:11px;font-weight:600}.tf-account-avatar img{position:absolute;z-index:1;top:6px;left:6px;width:32px;height:32px;border-radius:25%;object-fit:cover}.tf-account-avatar img[hidden]{display:none}
.tf-account-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;opacity:1;transition:opacity .16s,width .24s}.tf-account-copy strong,.tf-account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-account-copy strong{font-size:13px;font-weight:600}.tf-account-copy small{font-size:10px;color:#8faece}
.tf-account-chevron{flex:0 0 16px;margin:0 8px;color:#8faece;transition:transform .18s,opacity .16s}.tf-account-chevron svg{display:block;width:16px;height:16px}.tf-account-trigger[aria-expanded=true] .tf-account-chevron{transform:rotate(180deg)}
.lagend-sidebar.w-16 .tf-account-trigger{padding:0;gap:0}.lagend-sidebar.w-16 .tf-account-copy,.lagend-sidebar.w-16 .tf-account-chevron{width:0;flex:0 0 0;margin:0;opacity:0;pointer-events:none}
.tf-account-reveal{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1),opacity .2s,visibility 0s .2s}.tf-account-reveal.is-open{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1),opacity .2s,visibility 0s}.tf-account-reveal-inner{min-height:0;overflow:hidden}
.tf-account-menu{margin-bottom:8px;padding:0;border:0;background:transparent;font-family:inherit}
.tf-account-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:var(--tf-ui-control-radius);background:transparent;color:#bed4ee;text-align:left;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.tf-account-menu button:hover{background:#ffffff0c;color:#fff}.tf-account-menu button svg{width:20px;height:20px;flex:0 0 20px}.tf-account-menu button:focus-visible,.tf-account-trigger:focus-visible{outline:2px solid #74b5ff;outline-offset:-2px}
.lagend-sidebar.w-16 .tf-account-menu{padding:0}.lagend-sidebar.w-16 .tf-account-menu button{width:44px;padding:10px 12px;gap:0;justify-content:flex-start}.lagend-sidebar.w-16 .tf-account-menu button span{display:none}
@media(prefers-reduced-motion:reduce){.tf-account-trigger,.tf-account-copy,.tf-account-chevron,.tf-account-reveal{transition:none}}

.lagend-sidebar .tf-account-footer .tf-account-avatar img{width:32px;height:32px;outline:0;outline-offset:0}

/* Collaboration sections in the task's Details tab only. */
.tf-task-supporting{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;align-items:start}
.tf-task-supporting-card{min-width:0;padding:18px;border:1px solid #e1eaf6;border-radius:14px;background:#fff;box-shadow:0 2px 8px #244f7a03}
.tf-task-subtasks-card,.tf-task-recurrence-card,.tf-task-activity-card{grid-column:1/-1}
.tf-task-supporting-card>section,.tf-task-supporting-card>.tf-details-notes{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.tf-task-supporting-card h3{margin:0;color:#284b73;font-size:13px;font-weight:650;line-height:1.6;letter-spacing:-.1px}.tf-task-supporting-card h4{color:#466889;font-size:12px}
.tf-task-supporting-card>section>div:first-child{gap:12px;margin-bottom:14px}.tf-task-supporting-card>section>div:first-child svg{flex-shrink:0}
.tf-task-supporting-card p{line-height:1.7}.tf-task-supporting-card [class*="text-xs"]{font-size:11px}.tf-task-supporting-card [class*="text-sm"]{font-size:12px}
.tf-task-supporting-card button{min-height:32px;gap:7px;font-family:inherit;font-size:11px;font-weight:600;border-radius:9px;transition:background-color .15s,border-color .15s,color .15s}
.tf-task-supporting-card button:not([class*="red"]):not([class~="bg-primary-600"]):not(.tf-details-note-save):not(.tf-subtask-file-delete):not(.tf-subtask-file-name):not(.tf-task-subtasks-card>section>div:first-child>button){border-color:#dce7f5;color:#557ca9}
.tf-task-supporting-card button:focus-visible,.tf-add-task-employees>button:focus-visible{outline:2px solid #93b5ef;outline-offset:2px}.tf-task-supporting-card button:disabled{cursor:default;opacity:.5}
.tf-task-subtasks-card>section>div:first-child>button,.tf-task-supporting-card button[class~="bg-primary-600"],.tf-task-supporting-card .tf-details-note-save{padding:8px 12px;border:1px solid transparent;background:var(--brand-action);color:var(--on-accent);box-shadow:0 2px 5px #2464ff0b}
.tf-task-supporting-card button svg{width:14px;height:14px}.tf-task-supporting-card [class*="border-dashed"]{border:1px dashed #dbe6f4;border-radius:11px;background:#f9fbfe;color:#91a4bd;padding:20px 12px;font-size:11px}
.tf-task-supporting-card :is(input:not([type=checkbox]):not([type=file]),textarea,select){border-color:#dfe8f4;border-radius:9px;background:#fbfdff;color:#35577e;font-family:inherit;font-size:12px}.tf-task-supporting-card textarea{line-height:1.7;resize:vertical}.tf-task-supporting-card :is(input,textarea,select):focus-visible{outline:2px solid #b1caf1;outline-offset:1px}.tf-task-supporting-card input[type=checkbox]{accent-color:#3476ef}
.tf-task-notes-card .tf-details-notes>header{gap:10px;margin:0 0 14px;align-items:center}.tf-task-notes-card .tf-details-notes h3{font-size:13px;color:#284b73}.tf-task-notes-card .tf-details-notes h3 span{padding:2px 7px;border-radius:6px;background:#edf4ff;color:#6b8ebd;font-size:10px;margin-left:7px}
.tf-task-notes-card .tf-details-note-toggle{padding:7px 10px;border:1px solid #dce7f5;background:#f8fbff;white-space:nowrap}.tf-task-notes-card .tf-details-empty{padding:14px 11px;background:#f8fbfe;border:1px dashed #e1eaf6;border-radius:10px;font-size:11px;color:#92a5bd}.tf-task-notes-card .tf-details-note-list{max-height:330px;overflow:auto;scrollbar-width:thin}.tf-task-notes-card .tf-details-note-list article{padding:11px;border:1px solid #e5edf7;border-radius:10px;background:#fbfdff}.tf-task-notes-card .tf-details-note-list p{font-size:12px}.tf-task-notes-card .tf-details-note-list time{font-size:10px}
.tf-task-files-card>section>p:not([class*="red"]){padding:14px 11px;border:1px dashed #e1eaf6;border-radius:10px;background:#f8fbfe;color:#92a5bd;font-size:11px}.tf-task-files-card>section>div:first-child>button{padding:7px 10px;background:#f8fbff;border-color:#dce7f5;white-space:nowrap}.tf-task-files-card :is(a,button){overflow-wrap:anywhere}.tf-task-files-card input[type=file]::file-selector-button{padding:7px 10px;border:1px solid #dce7f5;border-radius:8px;background:#f2f7ff;color:#557ca9;font:inherit}
.tf-task-recurrence-card>section>h3{margin-bottom:10px}.tf-task-recurrence-card>section>p{font-size:12px;color:#8398b5}.tf-task-recurrence-card button{padding:7px 11px;border:1px solid #dce7f5;background:#f8fbff}.tf-task-recurrence-card button[class*="red"]{color:#c85266;border-color:#f0d9df;background:#fff6f8}
.tf-task-activity-card ul{margin-top:12px}.tf-task-activity-card li>div:first-child{width:30px}.tf-task-activity-card li>div:first-child>:is(img,div){width:28px;height:28px;min-width:28px;font-size:10px}.tf-task-activity-card article{margin-bottom:10px;padding:11px 13px;border:1px solid #e4ecf7;border-radius:10px;background:#f8fbff}.tf-task-activity-card article p{font-size:12px;color:#527195}.tf-task-activity-card article>div:first-child p{font-size:11px;font-weight:600;color:#31567f}.tf-task-activity-card article time{font-size:10px;color:#95a8c0}.tf-task-activity-card article ul{font-size:11px;color:#839ab7;margin-top:6px}
.tf-add-task-employees{margin-top:16px}.tf-add-task-employees>button{min-height:34px;padding:7px 12px;border:1px solid #dce7f5;border-radius:9px;background:#f8fbff;color:#557ca9;font-size:11px;font-weight:600}.tf-add-task-employees>form{margin-top:12px;padding:15px;border:1px solid #e0eaf6;border-radius:12px;background:#fbfdff}
@media(max-width:650px){.tf-task-supporting{grid-template-columns:minmax(0,1fr);gap:12px}.tf-task-supporting-card{padding:14px}.tf-task-subtasks-card,.tf-task-recurrence-card,.tf-task-activity-card{grid-column:auto}.tf-task-supporting-card>section>div:first-child{align-items:flex-start}.tf-task-notes-card .tf-details-notes>header{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.tf-task-supporting-card button{transition:none}}

/* Task overview: creator beside task information; assignees use the full width. */
.tf-details-overview{padding:22px;border-color:#e1eaf6;border-radius:15px;background:#fff}.tf-details-reference{width:fit-content;padding:3px 8px;border-radius:6px;background:#eff5fe;color:#7292ba;font-size:10px}.tf-details-title h2{font-size:22px;line-height:1.5;letter-spacing:-.4px;color:#18385e}.tf-details-description{margin:13px 0 18px;color:#7b91ac;font-size:13px;line-height:1.8}.tf-details-metadata{gap:10px;padding:0;border-top:0;margin-bottom:16px}.tf-details-metadata>div{padding:12px;border:1px solid #edf2f8;border-radius:10px;background:#f8fbff}.tf-details-metadata dt{font-size:10px;color:#8a9eb8;margin-bottom:5px}.tf-details-metadata dd{font-size:11px;color:#4b6c92;font-weight:500;line-height:1.7}
.tf-details-author-row{display:flex;align-items:center;gap:14px;padding:0 0 17px;border-bottom:1px solid #e8eff8;margin-bottom:18px;min-width:0}.tf-details-author-label{font-size:11px;color:#8b9fb8;flex-shrink:0}.tf-details-author-row .tf-details-context{display:flex;align-items:center;gap:9px;min-width:0}.tf-details-author-row .tf-detail-avatar{width:28px;height:28px;min-width:28px;border-radius:25%;font-size:10px}.tf-details-author-row .tf-details-context>div{min-width:0}.tf-details-author-row strong{display:block;font-size:11px;font-weight:600;line-height:1.6;color:#496b92;overflow-wrap:anywhere}.tf-details-author-row small{display:block;font-size:10px;line-height:1.5;color:#90a4bd;overflow-wrap:anywhere}
.tf-details-people-grid{display:block;border:0;padding:0}.tf-details-assignees>header{margin-bottom:12px}.tf-details-assignees>header h3,.tf-details-assignee-units>h3{font-size:13px;font-weight:650;color:#31577f}.tf-details-assignees>header>span{font-size:10px;background:#edf4ff;color:#608bc3;border-radius:6px;padding:3px 8px}.tf-details-assignee-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:340px;overflow:auto;padding:1px 3px 2px 1px;scrollbar-width:thin;scrollbar-color:#d3dfef transparent}.tf-details-assignee-list .tf-details-person{display:grid;grid-template-columns:32px minmax(0,1fr);align-content:start;align-items:start;gap:6px 10px;padding:13px;min-width:0;border:1px solid #e3ecf7;border-radius:11px;background:#fcfdff}.tf-details-assignee-list .tf-detail-avatar{grid-row:1/span 2;margin-top:2px}.tf-details-assignee-list .tf-details-person>div{grid-column:2;min-width:0}.tf-details-assignee-list .tf-details-person strong{font-size:12px;font-weight:600;line-height:1.6;color:#355b82}.tf-details-assignee-list .tf-details-person small{font-size:10px;line-height:1.65;color:#8a9fb8}.tf-details-assignee-list .tf-details-person .tf-details-person-unit{color:#7798c1}.tf-details-assignee-list .tf-assignment-state{grid-column:2;justify-self:start;margin-top:1px;font-size:9px;padding:3px 7px;border-radius:6px}.tf-details-assignee-units{margin-top:18px;padding-top:15px;border-top:1px solid #edf2f8}.tf-details-assignee-units .tf-task-structure-cell{display:flex;flex-wrap:wrap;gap:7px;align-items:flex-start}
@media(max-width:560px){.tf-details-overview{padding:15px}.tf-details-title h2{font-size:19px}.tf-details-assignee-list{grid-template-columns:minmax(0,1fr)}.tf-details-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-details-author-row{align-items:flex-start;gap:10px}.tf-details-author-label{padding-top:6px}}

/* Match actual primary classes, never hover:bg-primary-* on outline/icon actions. */
.tf-task-supporting-card .tf-subtask-edit-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border:1px solid #dce7f5;border-radius:8px;background:#f7faff;color:#547da9;box-shadow:none}.tf-task-supporting-card .tf-subtask-edit-button svg{display:block;width:15px;height:15px;flex:0 0 15px}.tf-task-supporting-card .tf-subtask-edit-button:hover:not(:disabled){border-color:#bcd4f7;background:#eaf3ff;color:#286dcc}
.tf-task-supporting-card .tf-subtask-delete-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;min-height:32px;padding:0 9px;border:1px solid #f0dbe2;border-radius:8px;background:#fff6f8;color:#c9556b;box-shadow:none}.tf-task-supporting-card .tf-subtask-delete-button svg{flex:0 0 14px}.tf-task-supporting-card .tf-subtask-delete-button:hover:not(:disabled){background:#ffedf1;border-color:#eabac6;color:#b33d55}
.tf-task-files-card>section>div:first-child{display:flex;align-items:center;flex-wrap:wrap;min-width:0;gap:10px}.tf-task-files-card>section>div:first-child>button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:7px;max-width:100%;min-height:32px;padding:7px 10px;border:1px solid #dce7f5;border-radius:9px;background:#f5f9ff;color:#4d79b1;box-shadow:none;line-height:1.5}.tf-task-files-card>section>div:first-child>button svg{flex:0 0 14px;color:inherit}.tf-task-files-card>section>div:first-child>button:hover:not(:disabled){background:#eaf3ff;border-color:#c2d8f7;color:#2d6ec5}.tf-task-files-card>section>p:not([class*="red"]){color:#788faa}
.tf-task-supporting-card .tf-subtask-files li{gap:9px;padding:8px 10px;border:1px solid #e4ecf7;border-radius:9px;background:#f9fbfe}.tf-task-supporting-card .tf-subtask-files .tf-subtask-file-name{min-height:28px;padding:0;border:0;border-radius:0;background:transparent;color:#3c73bb;font-weight:500;text-align:left;font-size:11px}.tf-task-supporting-card .tf-subtask-files .tf-subtask-file-name:hover{color:#205fc2;text-decoration:underline}.tf-task-supporting-card .tf-subtask-files .tf-subtask-file-delete{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 8px;border:1px solid #f0dbe2;border-radius:7px;background:#fff6f8;color:#c9556b;font-size:10px;white-space:nowrap}.tf-task-supporting-card .tf-subtask-files .tf-subtask-file-delete:hover:not(:disabled){background:#ffedf1;color:#b33d55}.tf-task-supporting-card .tf-subtask-upload{min-height:32px;padding:7px 10px;border-color:#dce7f5;background:#f5f9ff;color:#4d79b1;border-radius:8px;font-size:11px;line-height:1.5}

/* Status changes use an anchored list, not a second task editor. */
.tf-modal-backdrop.tf-status-popover{background:transparent;backdrop-filter:none;padding:0}
:root .tf-modal-backdrop.tf-status-popover .tf-modal-surface{position:fixed;width:280px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:0;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-elevated);box-shadow:0 12px 36px #0b112026;animation:none;overflow-y:auto}
.tf-status-popover .tf-modal-surface>div:first-child{padding:0;border:0}
.tf-status-popover .tf-modal-surface>div:last-child{padding:6px;background:transparent}
.tf-task-status-picker{display:grid;gap:3px}
.tf-task-status-picker>button{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--text-primary);font:inherit;font-size:14px;text-align:left;box-shadow:none}
.tf-task-status-picker>button>span{flex:1;min-width:0}
.tf-task-status-picker>button>svg{flex:0 0 auto;color:var(--accent-text)}
.tf-task-status-picker>button[data-status="In Progress"]>svg{color:var(--warning)}
.tf-task-status-picker>button[data-status="Waiting for Update"]>svg{color:var(--purple)}
.tf-task-status-picker>button[data-status="On Hold"]>svg{color:var(--accent-teal)}
.tf-task-status-picker>button[data-status="Done"]>svg{color:var(--success)}
.tf-task-status-picker>button:hover:not(:disabled),.tf-task-status-picker>button[aria-pressed=true]{background:var(--accent-surface)}
.tf-task-status-picker>button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}
.tf-task-status-picker>button:disabled{opacity:.55;cursor:wait}
.tf-task-status-picker>p[role=alert]{margin:4px;padding:8px;border-radius:8px;background:var(--danger-surface);color:var(--danger);font-size:13px;line-height:1.5}

/* Bring the remaining calendar, plan and secondary dialogs onto the current UI. */
.tf-calendar-page,.tf-plans-page{max-width:1760px;margin:0 auto;color:var(--tf-ink)}
.tf-calendar-page>div:first-child,.tf-plans-page>div:first-child{margin-bottom:24px;align-items:center}
.tf-calendar-page h1,.tf-plans-page h1{font-size:30px;line-height:1.25;letter-spacing:-.035em;font-weight:750;color:var(--tf-ink)}
.tf-calendar-page h1+p,.tf-plans-page h1+p{margin-top:8px;color:var(--tf-muted);line-height:1.65}
.tf-calendar-page section,.tf-calendar-page aside,.tf-plans-panel{border-radius:22px;border-color:#dce8fa;box-shadow:0 6px 24px #12385b04}
.tf-calendar-toolbar{min-height:68px;border-radius:18px;border-color:#dce8fa;gap:16px;padding:12px 16px}
.tf-calendar-toolbar h2{font-size:18px;color:var(--tf-ink)}
.tf-calendar-page :is(select,input:not([type=checkbox])),.tf-plans-page input{min-height:44px;border-radius:12px;border-color:#dce8fa;color:var(--tf-ink);background-color:white}
.tf-calendar-page select{padding-right:32px}
.tf-calendar-page :is(select,input):focus-visible,.tf-plans-page input:focus-visible{outline:2px solid #3476ff55;outline-offset:2px}
.tf-calendar-page>div:first-child>button,.tf-plans-page>div:first-child>button,.tf-plan-form .tf-primary-action{background:var(--brand-action);color:white;border:0;border-radius:13px;min-height:44px;box-shadow:0 5px 16px #176dff12}
.tf-plans-panel>div:first-child{padding:18px 20px;border-color:#edf2f8}
.tf-plans-page [data-tf-tabs],.tf-calendar-page [data-tf-tabs]{gap:4px;padding:4px;border:0;border-radius:13px;background:#edf4fd;min-height:44px;align-items:center}
.tf-plans-page [data-tf-tabs]>button,.tf-calendar-page [data-tf-tabs]>button{border:0;border-radius:10px;min-height:36px;white-space:nowrap;box-shadow:none}
.tf-plans-page [data-tf-tabs]>button[aria-pressed=true],.tf-calendar-page [data-tf-tabs]>button[aria-pressed=true]{background:white;color:#176dff}
.tf-plan-card{border-radius:20px;border-color:#dce8fa;box-shadow:0 4px 18px #12385b04;padding:22px;gap:4px;overflow:hidden;min-width:0}
.tf-plan-card h3{font-size:17px;line-height:1.55;color:var(--tf-ink)}
.tf-plan-card:hover{border-color:#a8c7ff;transform:translateY(-2px)}
.tf-plan-card>div:last-child>button{border-radius:11px;min-height:36px;font-weight:600}
.tf-plan-card>div:last-child>button svg{flex-shrink:0}
.tf-plan-form{display:flex;flex-direction:column;gap:22px}
.tf-plan-form>div:first-child{padding:20px;border:1px solid #e0eafb;border-radius:20px;background:#f9fbff}
.tf-plan-form input:not([type=checkbox]),.tf-plan-form select,.tf-plan-form textarea{border:1px solid #dce8fa;border-radius:12px;color:var(--tf-ink);background:white;box-sizing:border-box}
.tf-plan-form input:not([type=checkbox]),.tf-plan-form select{min-height:46px}
.tf-plan-form textarea{line-height:1.7;resize:vertical;min-height:90px}
.tf-plan-form button:not([type=submit]){border-radius:12px}
.tf-plan-person{min-height:68px;border:1px solid transparent;border-radius:13px!important;gap:12px}
.tf-plan-person[aria-checked=true]{border-color:#bed6ff;background:#edf4ff}
.tf-plan-person strong,.tf-plan-person small{display:block;overflow:hidden;text-overflow:ellipsis}
.tf-plan-person strong{font-size:13px;font-weight:650;color:var(--tf-ink)}
.tf-plan-person small{font-size:11px;color:var(--tf-muted);margin-top:4px;font-weight:400}
.tf-plan-person[disabled]{opacity:.75}
.tf-plan-details>div:first-child{padding:22px;border:1px solid #dce8fa;border-radius:20px;background:#f7faff}
.tf-plan-details h3{font-size:24px;line-height:1.5;letter-spacing:-.025em;color:var(--tf-ink)}
.tf-plan-details>div:nth-child(2)>div{border-radius:16px;border-color:#dce8fa;background:#f9fbff}
.tf-plan-details>section{padding:18px;border:1px solid #e2ebf8;border-radius:18px}
.tf-plan-details>section>div.flex.flex-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tf-plan-details>section>div.flex.flex-wrap>div{border-radius:12px;padding:10px;min-width:0}
.tf-plan-details>div:last-child>button,.tf-plan-details form button{min-height:40px;border-radius:12px}
.tf-modal-surface>div:first-child{border-bottom:1px solid #edf2f8;margin-bottom:20px;gap:16px}
.tf-modal-surface>div:first-child>button,.tf-icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border:1px solid #e0eafb;border-radius:11px;background:#f7faff;color:#7184ad}
.tf-modal-surface>div:first-child>button:hover,.tf-icon-button:hover{background:#eaf2ff;color:#176dff}
.tf-modal-surface>div:first-child>button svg{width:18px;height:18px}
.tf-modal-surface input[type=checkbox]{accent-color:#176dff;flex-shrink:0}
.tf-modal-surface :is(button,a):focus-visible{outline:2px solid #3476ff;outline-offset:3px}
.tf-approval-success{padding:14px 18px;background:#e9faf2;color:#087b5b;border:1px solid #c9efdf;border-radius:13px;line-height:1.7}
.tf-confirm-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));padding:26px;border:1px solid #dce8fa;border-radius:22px;background:white;color:var(--tf-ink);font-family:inherit;box-shadow:0 20px 80px #0e285b26;max-height:85vh;overflow:auto}
.tf-confirm-dialog::backdrop{background:#101f4766;backdrop-filter:blur(3px)}
.tf-confirm-dialog h2{font-size:20px;font-weight:700;letter-spacing:-.025em;margin:0 0 14px}
.tf-confirm-dialog p{font-size:14px;line-height:1.8;color:var(--tf-muted);white-space:pre-wrap;overflow-wrap:anywhere}
.tf-confirm-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding-top:24px}
.tf-confirm-dialog button{min-height:42px;padding:0 18px;border:1px solid #dce8fa;border-radius:12px;background:#f7faff;color:#42618c;font-family:inherit;font-size:13px;font-weight:600}
.tf-confirm-dialog .tf-confirm-primary{border-color:#176dff;background:#176dff;color:white}
.tf-confirm-dialog .tf-confirm-danger{border-color:#e34d66;background:#e34d66;color:white}
.tf-confirm-dialog button:focus-visible{outline:2px solid #3476ff;outline-offset:3px}
@media(max-width:700px){.tf-calendar-page h1,.tf-plans-page h1{font-size:25px}.tf-calendar-toolbar{padding:12px;gap:12px}.tf-plan-form>div:first-child,.tf-plan-details>div:first-child{padding:16px}.tf-plan-details>section>div.flex.flex-wrap{grid-template-columns:1fr}.tf-plan-card{padding:18px}.tf-plans-panel>div:first-child{padding:14px}}
@media(prefers-reduced-motion:reduce){.tf-plan-card:hover{transform:none}}
.tf-plan-form .tf-meeting-participants .structure-task-picker-search input{min-height:40px;height:40px}
.tf-meeting-retained{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:10px 12px;border:1px solid #dce7f3;border-radius:10px;color:#365475;font-size:13px}
.tf-meeting-retained button{padding:5px 9px;color:#bd405a;font-size:12px}

/* Meetings use the same surfaces, spacing and action controls as tasks. */
.tf-plans-page{max-width:1600px}
.tf-plans-page>div:first-child{gap:18px;margin-bottom:24px}
.tf-plans-page>div:first-child>button{height:46px;padding:0 20px;font-size:13px;font-weight:600;gap:9px}
.tf-plans-panel{border:0;background:transparent;box-shadow:none;overflow:visible}
.tf-plans-panel>.tf-meetings-toolbar{border:1px solid #dce8f7;border-radius:18px;background:#ffffffd9;padding:14px 16px;gap:20px;align-items:center}
.tf-meetings-toolbar>div>p{margin:7px 3px 0;font-size:11px;color:#8a9fba;line-height:1.6}
.tf-plans-page [data-tf-tabs]{padding:4px;background:#edf4fd;gap:4px;min-height:46px;max-width:100%;overflow:auto;scrollbar-width:thin}
.tf-plans-page [data-tf-tabs]>button{padding:0 14px;height:38px;min-height:38px;color:#7891b3;background:transparent;font-size:12px;font-weight:600}
.tf-plans-page [data-tf-tabs]>button[aria-pressed=true]{background:#fff;color:#2464ff;box-shadow:0 2px 6px #193e6c06}
.tf-plans-page [data-tf-tabs]>button>span{border-radius:7px;background:#e7effb;color:inherit;padding:2px 7px;min-width:23px;text-align:center}
.tf-meetings-search{flex:0 1 300px;max-width:100%;margin:0}
.tf-meetings-search input{width:100%;height:44px;padding:0 14px 0 40px;border:1px solid #dce7f5;background:#fff;font-size:13px;color:#31557e}
.tf-meetings-search>svg{width:17px;height:17px;left:14px;color:#7e9bbd}
.tf-plans-panel>div:last-child{padding:20px 0 0}
.tf-meetings-grid{gap:18px;align-items:stretch}
.tf-meeting-card{display:flex;flex-direction:column;min-width:0;min-height:296px;padding:20px;background:#fff;border:1px solid #e0e9f5;border-radius:18px;box-shadow:0 3px 12px #20476a04;cursor:pointer;color:#284e76;transition:border-color .18s,box-shadow .18s,transform .18s}
.tf-meeting-card:hover{border-color:#bdd4f3;box-shadow:0 8px 24px #20476a09;transform:translateY(-2px)}
.tf-meeting-card[aria-disabled=true]{cursor:default;opacity:.65}
.tf-meeting-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.tf-meeting-symbol{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#edf5ff;color:#347bdf}
.tf-meeting-symbol svg{width:21px;height:21px}
.tf-meeting-status{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 9px;border-radius:7px;font-size:10px;font-weight:600;line-height:1.5;white-space:nowrap;background:#edf4ff;color:#3677d8}
.tf-meeting-status>i{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
.tf-meeting-status.is-Completed{background:#e8f8f1;color:#079c73}
.tf-meeting-status.is-Cancelled{background:#fff0f3;color:#c95771}
.tf-meeting-card h3{margin:0;color:#173b63;font-size:16px;font-weight:650;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.tf-meeting-description{margin:7px 0 15px;min-height:38px;color:#8198b6;font-size:12px;line-height:1.65;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.tf-meeting-when{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e8eff8;border-radius:11px;background:#f8fbff}
.tf-meeting-when>svg{width:17px;height:17px;flex:0 0 17px;color:#6d96c4}
.tf-meeting-when small{display:block;font-size:10px;color:#8ba2bd;margin-bottom:2px}
.tf-meeting-when time{font-size:12px;font-weight:500;color:#3a5e85;line-height:1.5}
.tf-meeting-location{display:flex;align-items:center;gap:7px;padding:10px 2px 0;color:#8298b3;font-size:11px}
.tf-meeting-location svg{width:14px;height:14px;flex:0 0 14px}
.tf-meeting-location>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tf-meeting-card>footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:16px}
.tf-meeting-card>footer:before{content:'';display:block;flex-basis:100%;height:1px;background:#edf2f8;margin-bottom:0}
.tf-meeting-attendance{display:flex;align-items:center;gap:8px;min-width:0}
.tf-meeting-attendance>span{color:#8ba0bb;font-size:10px;white-space:nowrap}
.tf-meeting-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;object-fit:cover;border-radius:10px;background:#edf4ff;color:#5986c5;font-size:11px;font-weight:600}
.tf-meeting-avatar-stack{display:flex;padding-left:0}
.tf-meeting-avatar-stack .tf-meeting-avatar{width:27px;height:27px;flex:0 0 27px;border:2px solid #fff;border-radius:9px;font-size:9px;margin-left:-6px}
.tf-meeting-avatar-stack .tf-meeting-avatar:first-child{margin-left:0}
.tf-meeting-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.tf-meeting-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid #dce7f5;border-radius:9px;background:#f7faff;color:#557ca9;font-family:inherit;font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.tf-meeting-action svg{width:15px;height:15px;flex:0 0 15px}
.tf-meeting-action:hover:not(:disabled){background:#eaf3ff;border-color:#c2d8f7;color:#2d6ec5}
.tf-meeting-action.is-icon{width:34px;min-width:34px;height:34px;min-height:34px;padding:0;flex:0 0 34px}
.tf-meeting-action.is-danger{border-color:#f0dbe2;background:#fff6f8;color:#c9556b}
.tf-meeting-action.is-danger:hover:not(:disabled){border-color:#eabac6;background:#ffedf1;color:#b33d55}
.tf-meeting-action.is-success{border-color:#d4eee3;background:#f0fbf6;color:#159b76}
.tf-meeting-action.is-success:hover:not(:disabled){background:#e4f7ee;border-color:#b7e4d0;color:#07875e}
.tf-meeting-action.is-primary{background:linear-gradient(110deg,#1769fa,#0ab6ca);border-color:transparent;color:#fff;box-shadow:0 2px 6px #2464ff0b}
.tf-meeting-action.is-primary:hover:not(:disabled){filter:brightness(.97);color:#fff}
.tf-meeting-action:disabled{opacity:.5;cursor:default}
.tf-meeting-action:focus-visible,.tf-meeting-card:focus-visible{outline:2px solid #93b5ef;outline-offset:3px}
.tf-meeting-details{display:flex;flex-direction:column;gap:18px;color:#35577c}
.tf-meeting-overview,.tf-meeting-section{padding:20px;border:1px solid #e1eaf6;border-radius:15px;background:#fff}
.tf-meeting-detail-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tf-meeting-reference{padding:3px 8px;border-radius:6px;background:#eff5fe;color:#7292ba;font-size:10px}
.tf-meeting-overview h2{margin:12px 0 9px;font-size:22px;font-weight:650;line-height:1.5;letter-spacing:-.025em;color:#173b63;overflow-wrap:anywhere}
.tf-meeting-detail-description{margin:0;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#7e95b3}
.tf-meeting-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0;padding:18px 0;border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8}
.tf-meeting-info{display:flex;align-items:flex-start;gap:9px;min-width:0}
.tf-meeting-info>svg{width:16px;height:16px;margin-top:1px;flex:0 0 16px;color:#7b9bc2}
.tf-meeting-info dt{font-size:10px;color:#8aa1bd;margin-bottom:5px}
.tf-meeting-info dd{margin:0;color:#3b6089;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.tf-meeting-info a{color:#3277d8;text-decoration:none;font-weight:500}
.tf-meeting-info a:hover{text-decoration:underline}
.tf-meeting-creator{display:flex;align-items:center;gap:10px;min-width:0}
.tf-meeting-creator small{display:block;font-size:10px;color:#94a8c0;margin-bottom:3px}
.tf-meeting-creator strong{display:block;color:#4b6d95;font-size:12px;font-weight:500;overflow-wrap:anywhere}
.tf-meeting-creator>time{margin-left:auto;color:#97aac1;font-size:10px;text-align:right;line-height:1.6}
.tf-meeting-section>header{display:flex;align-items:center;gap:8px;margin-bottom:15px}
.tf-meeting-section>header h3{font-size:13px;font-weight:650;color:#284b73;margin:0}
.tf-meeting-section>header>span{padding:2px 7px;background:#edf4ff;color:#6b8ebd;font-size:10px;border-radius:6px}
.tf-meeting-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:340px;overflow:auto;scrollbar-width:thin;padding:1px}
.tf-meeting-person{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid #e3ecf7;border-radius:11px;background:#fcfdff}
.tf-meeting-person>div{min-width:0;flex:1}
.tf-meeting-person strong{display:block;color:#355b82;font-size:12px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
.tf-meeting-person small{display:block;font-size:10px;line-height:1.65;color:#8a9fb8;overflow-wrap:anywhere}
.tf-meeting-creator-badge{align-self:flex-start;font-size:9px;padding:3px 6px;border-radius:6px;background:#edf4ff;color:#7096c6}
.tf-meeting-note-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow:auto;scrollbar-width:thin}
.tf-meeting-note-list article{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e4ecf7;border-radius:10px;background:#f8fbff}
.tf-meeting-note-list article>div{flex:1;min-width:0}
.tf-meeting-note-list article header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tf-meeting-note-list article strong{font-size:11px;font-weight:600;color:#31567f}
.tf-meeting-note-list article time{font-size:10px;color:#95a8c0}
.tf-meeting-note-list article p{margin:6px 0 0;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#6d88a8}
.tf-meeting-empty{padding:20px 12px;border:1px dashed #e1eaf6;border-radius:10px;background:#f8fbfe;color:#92a5bd;font-size:12px;text-align:center}
.tf-meeting-note-form{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.tf-meeting-note-form>label{font-size:11px;font-weight:500;color:#6e8db1}
.tf-meeting-note-form textarea{width:100%;min-height:80px;padding:11px 12px;border:1px solid #dfe8f4;border-radius:10px;background:#fbfdff;color:#35577e;font-family:inherit;font-size:12px;line-height:1.7;resize:vertical}
.tf-meeting-note-form>button{align-self:flex-end}
.tf-meeting-note-form textarea:focus-visible{outline:2px solid #b1caf1;outline-offset:1px}
.tf-meeting-error{color:#c44f67;font-size:12px;line-height:1.7;margin-top:10px}
.tf-meeting-detail-footer{padding-top:2px}
.tf-plan-form{gap:18px}
.tf-plan-form>.tf-meeting-form-grid{padding:20px;border:1px solid #e1eaf6;border-radius:15px;background:#fff;gap:18px}
.tf-meeting-form-intro{padding-bottom:15px;border-bottom:1px solid #edf2f8}
.tf-meeting-form-intro h3{margin:0;font-size:15px;font-weight:650;color:#284b73}
.tf-meeting-form-intro p{margin:6px 0 0;font-size:12px;color:#91a4be;line-height:1.7}
.tf-plan-form .tf-meeting-form-grid>label,.tf-plan-form .tf-meeting-form-grid>div>label{font-size:12px;color:#517198}
.tf-plan-form input:not([type=checkbox]),.tf-plan-form select,.tf-plan-form textarea{border-radius:10px;background:#fbfdff;border-color:#dfe8f4;font-size:13px;color:#35577e}
.tf-plan-form input:not([type=checkbox]),.tf-plan-form select{min-height:44px}
.tf-plan-form>div:last-child>button{min-height:40px;border-radius:10px;font-size:12px;font-weight:600}
@media(max-width:1100px){.tf-plans-panel>.tf-meetings-toolbar{align-items:stretch;gap:14px}.tf-meetings-search{flex-basis:auto;width:100%}.tf-meeting-card{padding:18px}}
@media(max-width:600px){.tf-meetings-grid{gap:12px}.tf-plans-panel>.tf-meetings-toolbar{padding:10px;border-radius:14px}.tf-plans-page [data-tf-tabs]>button{padding:0 10px;font-size:11px}.tf-meeting-overview,.tf-meeting-section{padding:15px}.tf-meeting-overview h2{font-size:19px}.tf-meeting-metadata{gap:14px}.tf-meeting-people{grid-template-columns:minmax(0,1fr)}.tf-meeting-creator{flex-wrap:wrap}.tf-meeting-creator>time{flex-basis:100%;margin-left:42px;text-align:left}.tf-plan-form>.tf-meeting-form-grid{padding:15px}.tf-meeting-card>footer{gap:9px}.tf-meeting-action{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tf-meeting-card,.tf-meeting-action{transition:none}.tf-meeting-card:hover{transform:none}}
@media(max-width:1100px){.tf-plans-panel>.tf-meetings-toolbar{flex-direction:column}.tf-meetings-toolbar>div{min-width:0;width:100%}.tf-meetings-search{flex:none}}

/* Meeting status switch: stable button sizes and a clearly painted active pill. */
.tf-plans-page .tf-meeting-tabs{display:flex;align-items:center;width:max-content;max-width:100%;min-height:50px;padding:5px;gap:5px;border:1px solid #e5edf8;border-radius:13px;background:#eff5fc;overflow-x:auto;scrollbar-width:thin}
.tf-plans-page .tf-meeting-tabs>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:#7690b2;font-size:12px;font-weight:600;line-height:1.5;transform:none;transition:color .15s,background-color .15s}
.tf-plans-page .tf-meeting-tabs>button:hover:not([aria-pressed=true]){color:#3f6b9f;background:#e8f0fb}
.tf-plans-page .tf-meeting-tabs>button>svg{flex:0 0 16px;width:16px;height:16px}
.tf-plans-page .tf-meeting-tabs>button>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:22px;height:21px;padding:0 6px;border-radius:6px;background:#e3edf9;color:#7e99bb;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}
.tf-plans-page .tf-meeting-tabs>button[aria-pressed=true]{color:#2464ff;background:#fff;border-color:#e0eaf8;box-shadow:0 2px 5px #264c7808}
.tf-plans-page .tf-meeting-tabs>button[aria-pressed=true]>span{background:#eaf2ff;color:#2464ff}
.tf-plans-page .tf-meeting-tabs>.tf-tab-indicator{background:#fff!important;border:1px solid #e0eaf8!important;border-radius:9px!important;box-shadow:0 2px 5px #264c7808!important}
.tf-meetings-toolbar>div>.tf-meetings-hint{display:flex;align-items:flex-start;gap:7px;margin:9px 2px 0;color:#8ca2bd;font-size:11px;font-weight:400;line-height:1.6;max-width:520px}
.tf-meetings-hint:before{content:'';flex:0 0 4px;width:4px;height:4px;margin-top:7px;background:#b0c4dc;border-radius:50%}
@media(max-width:600px){.tf-plans-page .tf-meeting-tabs{width:100%;gap:3px;padding:4px}.tf-plans-page .tf-meeting-tabs>button{flex:1;gap:6px;padding:0 8px;font-size:11px}.tf-meetings-toolbar>div>.tf-meetings-hint{margin:8px 2px 0;font-size:10px}}

/* All meeting fields stay in place; the schedule switch controls date requirements. */
.tf-meeting-fields{display:flex;flex-direction:column;gap:18px;min-width:0}
.tf-meeting-date-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;border:1px solid #e2ebf7;border-radius:12px;background:#f8fbff;cursor:pointer}
.tf-meeting-date-toggle strong{display:block;color:#3d6088;font-size:12px;font-weight:600}
.tf-meeting-date-toggle small{display:block;margin-top:4px;font-size:11px;line-height:1.6;color:#8b9fb9}
.tf-meeting-switch{position:relative;display:block;flex:0 0 40px;width:40px;height:24px}
.tf-meeting-switch>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.tf-meeting-switch>span{display:block;width:40px;height:24px;border-radius:20px;background:#d6e2f0;transition:background-color .18s}
.tf-meeting-switch>span:before{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #20476a18;transition:transform .18s}
.tf-meeting-switch>input:checked+span{background:#2f79ef}
.tf-meeting-switch>input:checked+span:before{transform:translateX(16px)}
.tf-meeting-switch>input:focus-visible+span{outline:2px solid #9bbcf0;outline-offset:3px}
.tf-meeting-switch>input:disabled+span{opacity:.5;cursor:default}
.tf-meeting-date-fields,.tf-meeting-location-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tf-plan-form .tf-meeting-field{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;color:#517198;font-size:12px}
.tf-plan-form .tf-meeting-field>input{display:block;width:100%;height:44px;min-height:44px;padding:9px 12px;box-sizing:border-box;font-family:inherit;font-size:13px}
.tf-plan-form .tf-meeting-field>input:disabled{background:#f3f6fa;border-color:#e8eef5;color:#a1afc2;opacity:.7;cursor:default}
@media(max-width:540px){.tf-meeting-date-fields,.tf-meeting-location-fields{grid-template-columns:minmax(0,1fr);gap:13px}.tf-meeting-date-toggle{padding:12px;gap:12px}}
@media(prefers-reduced-motion:reduce){.tf-meeting-switch>span,.tf-meeting-switch>span:before{transition:none}}
.tf-meeting-reminder-note{margin:0;padding:0 2px;color:#8b9fb9;font-size:11px;font-weight:400;line-height:1.7}

/* Join a structure: searchable pickers preserve company/office and unit context. */
.tf-settings .structure-membership-join,.structure-membership-join{border-color:#e1eaf6;border-radius:18px;box-shadow:0 3px 12px #244f7a04;overflow:visible}
.structure-membership-join-heading{display:flex;align-items:flex-start;gap:13px}
.structure-membership-join-symbol{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#edf5ff;color:#4b87d4}
.structure-membership-join-heading h2{font-size:17px;color:#24466e;line-height:1.5}
.structure-membership-join-heading .structure-membership-hint{margin:5px 0 0;font-size:12px;line-height:1.7;color:#8a9fbb}
.structure-membership-join .structure-membership-fields{gap:18px;margin-top:22px}
.structure-membership-field{min-width:0}
.structure-membership-field>span{display:block;margin-bottom:8px;color:#557397;font-size:12px;font-weight:600}
.membership-select{position:relative;min-width:0}
.membership-select.is-open{z-index:45}
.membership-select>button{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;margin:0;padding:9px 12px;border:1px solid #dce7f5;border-radius:11px;background:#fbfdff;color:#35587e;font-family:inherit;font-size:13px;text-align:left;cursor:pointer;box-shadow:none}
.membership-select>button:hover:not(:disabled),.membership-select.is-open>button{border-color:#a9c7f1;background:#fff}
.membership-select>button:disabled{background:#f5f8fc;color:#9badc5;opacity:.7;cursor:default}
.membership-select>button>svg{flex:0 0 16px;margin-left:auto;color:#7794b8;transition:transform .15s}
.membership-select-symbol{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:8px;background:#edf4ff;color:#7597c6}
.membership-select-symbol.kind-tribe{background:#f4efff;color:#9470cc}.membership-select-symbol.kind-team{background:#edf8f3;color:#58a68c}.membership-select-symbol.kind-department{background:#fff5e8;color:#c99654}
.membership-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.membership-select-value.is-placeholder{font-weight:400;color:#92a6c0}
.membership-select-popover{position:absolute;top:calc(100% + 7px);left:0;width:100%;min-width:0;max-width:100%;padding:7px;border:1px solid #dce7f5;border-radius:13px;background:#fff;box-shadow:0 12px 34px #20476a18;box-sizing:border-box;z-index:1}
.membership-select-search{padding:3px 3px 8px;border-bottom:1px solid #edf2f8;margin-bottom:4px}
.tf-settings .membership-select-search input,.membership-select-search input{display:block;width:100%;height:36px;min-height:36px;padding:7px 11px;margin:0;border:1px solid #e3ecf7;border-radius:8px;background:#f8fbff;color:#35587e;font-family:inherit;font-size:12px;box-shadow:none}
.membership-select-options{max-height:280px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5e1ef transparent}
.membership-select-group{margin:0;padding:9px 9px 5px;font-size:10px;font-weight:600;color:#95a8c1;line-height:1.6;overflow-wrap:anywhere}
.membership-select-options button{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:9px;border:1px solid transparent;border-radius:9px;background:#fff;text-align:left;font-family:inherit;cursor:pointer;box-shadow:none;color:#3e628b}
.membership-select-options button:hover:not(:disabled),.membership-select-options button[data-active=true]:not(:disabled){background:#f5f9ff}
.membership-select-options button[aria-selected=true]{border-color:#d8e7fd;background:#edf5ff}
.membership-select-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.membership-select-copy strong{font-size:12px;font-weight:500;color:#3b6089;line-height:1.5;overflow-wrap:anywhere}
.membership-select-copy small{font-size:10px;font-weight:400;color:#91a5bf;line-height:1.5;overflow-wrap:anywhere}
.membership-select-check{flex:0 0 17px;color:#387cd9}
.membership-select-options button:disabled{opacity:.5;cursor:default;background:#fff}
.membership-select-empty{margin:0;padding:20px 10px;text-align:center;color:#95a8c1;font-size:12px}
.membership-select>button:focus-visible,.membership-select-search input:focus-visible{outline:2px solid #a9c7f1;outline-offset:2px}
.structure-membership-join .structure-membership-footer{margin-top:20px;padding-top:18px;border-top:1px solid #edf2f8}
.structure-membership-join .structure-membership-footer>button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 17px;border:1px solid transparent;border-radius:11px;background:linear-gradient(110deg,#1769fa,#0ab6ca);color:#fff;font-family:inherit;font-size:12px;font-weight:600;box-shadow:0 2px 6px #2464ff0b}
.structure-membership-join .structure-membership-footer>button:disabled{opacity:.45;cursor:default}
@media(max-width:700px){.structure-membership-join .structure-membership-fields{gap:15px}.structure-membership-join-heading{gap:10px}.structure-membership-join-symbol{width:36px;height:36px;flex-basis:36px}.membership-select-options{max-height:240px}.structure-membership-join .structure-membership-footer>button{width:100%}}
@media(prefers-reduced-motion:reduce){.membership-select>button>svg{transition:none}}
/* Shared controls reviewed 2026-11-02: keep one field and action treatment. */
:root :is(.structure-task-primary,.mail-sender-save,.tf-request-primary,.tf-pr-primary,.tf-meeting-action.is-primary,.tf-sheet-confirm,.tf-auth-submit,.tf-confirm-primary,.tf-task-create,.tf-primary-button,.tf-create-task-button,.org-primary,.create-user-primary,.tf-status-footer button:last-child,.tf-mobile-task-detail-footer>button){background:var(--brand-action);color:var(--on-accent);border-color:transparent}
:root .tf-settings button[type=submit]{background:var(--brand-action);color:var(--on-accent)}
:is(.lagend-shell,.tf-modal-backdrop,.create-user-dialog,.org-modal,.users-delete-dialog) select:not([multiple]){appearance:none;-webkit-appearance:none;padding-inline-end:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238296ae' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px}
:is(.tf-person-filter-trigger,.membership-select>button,.tf-cal-filter-trigger){padding-inline-end:14px}
:is(.tf-person-filter-trigger,.membership-select>button,.tf-cal-filter-trigger)>svg:last-child{flex-shrink:0;margin-inline-start:8px}
:root :is(.tf-person-filter-trigger,.membership-select>button,.tf-all-filters input[type=date],.tf-all-mobile-date-range input[type=date]){border-radius:var(--tf-ui-control-radius,12px)}
.tf-person-filter-tools:not(:has(>span)){justify-content:flex-end}
.tf-person-filter-tools:not(:has(>span))>.tf-sort-reverse{width:100%}
.tf-all-filters input[type=date],.tf-all-mobile-date-range input[type=date]{font:inherit;border-radius:var(--tf-ui-control-radius,12px);background-color:var(--surface-primary);color:var(--text-primary)}
.tf-st-mobile-units{display:none}.tf-st-desktop-units{min-width:230px;flex:1}
.tf-st-desktop-units .tf-person-filter-label{display:none}
.create-user-close{display:grid;place-items:center;padding:0;line-height:1}
.create-user-close svg{display:block;flex-shrink:0}
.tf-company-option-mark{background:transparent;box-shadow:none}
.tf-company-menu .tf-company-logo{border-radius:8px;overflow:hidden}
.tf-cal-filter-logo[hidden],.tf-filter-company-logo[hidden]{display:none}
.tf-workload-select>select{background-image:none!important}
.tf-notice-history .tf-notice-toolbar{margin-top:0}
:root .tf-notice-history .tf-modal-surface>div:last-child{padding-top:8px}
.lagend-shell .lagend-topbar .tf-company-mark{display:grid;place-items:center;box-sizing:border-box;width:34px;height:34px;min-width:34px;padding:0;border:0;border-radius:9px;background:transparent}
.lagend-shell .lagend-topbar .tf-company-mark .tf-company-logo{display:grid;place-items:center;box-sizing:border-box;width:34px;height:34px;border-radius:9px;overflow:hidden;background:transparent}
.lagend-shell .lagend-topbar .tf-company-mark .tf-company-logo:has(img:not([hidden])){padding:2px;background:#fff}
.lagend-shell .lagend-topbar .tf-company-mark img{display:block;width:30px;height:30px;object-fit:contain;border-radius:7px}
.lagend-shell .lagend-topbar .tf-company-mark svg{width:24px;height:24px}
.lagend-shell .lagend-topbar .tf-company-mark [hidden]{display:none}
@media(min-width:768px){
 .lagend-topbar .tf-company-switch summary{padding-block:3px}
 .tf-calendar-v2 :is(.tf-cal-search,.tf-cal-filter-search){display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--border-default);border-radius:var(--tf-ui-control-radius,12px);background:var(--surface-primary);padding:0 12px}
 .tf-calendar-v2 :is(.tf-cal-search,.tf-cal-filter-search)>input{flex:1;min-width:0;min-height:42px;width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font:inherit;color:var(--text-primary)}
 .tf-calendar-v2 :is(.tf-cal-search,.tf-cal-filter-search)>svg{flex:0 0 18px;width:18px;height:18px;color:var(--text-secondary)}
 .tf-calendar-v2 .tf-cal-filter-logo{width:28px;height:28px;flex:0 0 28px;border-radius:7px;object-fit:contain;background:#fff}
 .tf-calendar-v2 .tf-cal-filter-option:has(.tf-cal-filter-logo:not([hidden]))>.tf-cal-filter-logo-fallback{display:none}
}
@media(max-width:767px){
 .tf-cal-filter-logo{display:none}
 .tf-st-desktop-units{display:none}.tf-st-mobile-units{display:block}
 .tf-person-filter-menu>input[type=search]{min-height:42px;font-size:16px;line-height:1.4}
 .tf-person-filter-menu>input[type=search]::placeholder{font-size:13px}
 .tf-dashboard :is(.tf-workload-select,.tf-workload-search,.tf-workload-tools select){min-height:40px;font-family:inherit;font-size:13px;border-radius:12px}
 .tf-dashboard .tf-workload-search input::placeholder{font-size:13px}
 .tf-dashboard .tf-workload-select>select{min-width:0;width:100%;min-height:40px;padding:7px 30px 7px 10px;font-family:inherit;font-size:13px;border-radius:12px}
 .tf-mobile-assigned-author{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:55%;color:var(--text-secondary);font-size:12px}
 .tf-mobile-assigned-author>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .tf-mobile-assigned-link>div{flex-wrap:wrap}
 .tf-mobile-assigned-link>div>.tf-mobile-assigned-author{margin-left:auto}
 :root .tf-mobile-task-cards .tf-task-list-row{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
 :root .tf-mobile-task-cards .tf-task-list-row>.tf-task-card{border-radius:16px}
 :root .tf-task-notes-card,:root .tf-task-files-card,:root .tf-task-activity-card{padding:0;border:0;background:transparent;box-shadow:none}
 :root .tf-task-notes-card>.tf-details-notes,:root .tf-task-files-card>section,:root .tf-task-activity-card>section{background:transparent}
 :root .tf-mobile-task-status-control .tf-status-badge{padding:0;border:0;background:transparent!important;box-shadow:none}
 :root .tf-requests-page .tf-request-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:4px}
 :root .tf-requests-page .tf-request-tabs>button{min-width:0;padding:8px 4px;font-size:11px;white-space:normal;line-height:1.4;flex-direction:column;justify-content:center;gap:4px}
 :root .tf-requests-page .tf-request-tabs>button>svg{display:none}
 :root .tf-st-employee-details .tf-st-employee-profile{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:10px 12px}
 :root .tf-st-employee-details .tf-st-employee-profile>:first-child{grid-row:span 2;width:52px;height:52px}
 :root .tf-st-employee-details .tf-st-employee-profile>div{min-width:0}
 :root .tf-st-employee-details .tf-st-employee-profile h3{white-space:normal;overflow-wrap:anywhere;font-size:17px;line-height:1.45}
 :root .tf-st-employee-details .tf-st-employee-profile p{white-space:normal;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
 :root .tf-st-employee-details .tf-st-employee-profile>.tf-st-account-state{grid-column:2;justify-self:start;margin-left:0}
}

/* Header actions share control geometry, including icon-only refresh. */
:root :is(.tf-st-heading-actions>.tf-st-export,.tf-user-create){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;height:44px;padding:0 18px;border:1px solid transparent;border-radius:var(--tf-ui-control-radius,12px);background:var(--brand-tab);color:var(--on-accent);font-family:inherit;font-size:14px;font-weight:600;line-height:20px;white-space:nowrap;box-sizing:border-box}
:root :is(.tf-st-heading-actions>.tf-st-export,.tf-user-create) svg{display:block;width:18px;height:18px;flex:0 0 18px}
:root .tf-st-heading-actions>.tf-st-refresh{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:0;border:1px solid transparent;border-radius:var(--tf-ui-control-radius,12px);background:var(--accent-surface);color:var(--accent-text);box-shadow:none;box-sizing:border-box;transition:background-color .15s,color .15s}
:root .tf-st-heading-actions>.tf-st-refresh svg{display:block;width:18px;height:18px;flex:none}

:root .tf-st-heading-actions>.tf-st-refresh:hover{background:var(--surface-secondary);color:var(--accent-hover)}
:root .tf-st-heading-actions>.tf-st-refresh:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}

/* Outrank legacy multi-selector button rules without changing other action families. */
:root[data-tf-color-mode=light] .tf-users .tf-user-create,
:root[data-tf-color-mode=light] .tf-statistics-v4 .tf-st-heading-actions .tf-st-export{background:var(--brand-tab);color:var(--on-accent)}
:root[data-tf-color-mode] .tf-statistics-v4 .tf-st-heading-actions>button.tf-st-refresh{background:var(--accent-surface);color:var(--accent-text);border:1px solid transparent;box-shadow:none}
:root[data-tf-color-mode] .tf-statistics-v4 .tf-st-heading-actions>button.tf-st-refresh:hover{background:var(--surface-secondary);color:var(--accent-hover)}

.org-placement-preview:not(.org-placement-insertion){border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 9%,transparent)}
.org-placement-preview>span{background:var(--action-primary);color:var(--on-accent)}

.tf-calendar-v2{--cal-border:#dce8fa;--cal-muted:#8198ba;--cal-ink:#163b66;display:grid;gap:22px;color:var(--cal-ink);min-width:0}
.tf-cal-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.tf-cal-heading h1{font-size:30px;font-weight:700;letter-spacing:-.7px;margin:0 0 6px}.tf-cal-heading p{color:var(--cal-muted);margin:0;font-size:14px}
.tf-cal-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;flex-shrink:0;padding:0 15px;border:1px solid var(--cal-border);border-radius:12px;background:#fff;color:#52749e;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.tf-cal-button:not(.is-primary):hover:not(:disabled){background:#f1f6ff;border-color:#b6d0fb}.tf-cal-button.is-icon{width:44px;padding:0}.tf-cal-button.is-primary{background:var(--brand-action);border:0;color:#fff;padding:0 20px;box-shadow:0 5px 16px #176dff15}.tf-cal-button:disabled{opacity:.5;cursor:wait}
.tf-cal-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.tf-cal-main{min-width:0}.tf-cal-panel{background:rgba(255,255,255,.94);border:1px solid var(--cal-border);border-radius:21px;box-shadow:0 8px 28px #23487804;min-width:0}
.tf-cal-toolbar{padding:18px;display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid #e9f0fa;flex-wrap:wrap}.tf-cal-date-nav{display:flex;gap:6px;align-items:center}.tf-cal-toolbar h2{font-size:20px;font-weight:650;text-transform:capitalize;margin:0}.tf-cal-views{display:flex;gap:4px}.tf-cal-views button{padding:0 14px;color:#6e89af;cursor:pointer;font-size:13px;font-weight:600}.tf-cal-views button[aria-pressed=true]{box-shadow:0 2px 8px #315b9210}
.tf-cal-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #e9f0fa}.tf-cal-search{display:flex;align-items:center;gap:10px;padding:0 13px;min-width:200px;flex:1;border:1px solid var(--cal-border);border-radius:12px;background:#f8fbff;height:44px;color:#829bc0}.tf-calendar-v2 .tf-cal-search input{border:0;background:transparent;min-height:0;height:100%;width:100%;padding:0;font-size:13px;outline:none;box-shadow:none;color:var(--cal-ink)}.tf-cal-search:focus-within{outline:2px solid #3476ff44;border-color:#8cb4ff}.tf-calendar-v2 .tf-cal-search input:focus-visible{outline:0}.tf-cal-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.tf-cal-field{min-width:0}.tf-cal-field>span{display:block;margin:0 0 7px;font-size:11px;color:var(--cal-muted);font-weight:600}.tf-calendar-v2 .membership-select>button{min-height:44px;height:44px;padding:0 11px;font-size:12px;border-radius:12px;background:#f9fbff}.tf-calendar-v2 .membership-select-popover{min-width:240px;max-width:min(440px,85vw);z-index:35}.tf-cal-field:nth-child(3) .membership-select-popover{right:0;left:auto}.tf-calendar-v2 .membership-select-options{max-height:250px}
.tf-cal-filter-footer{display:flex;flex-wrap:wrap;align-items:center;gap:14px;width:100%}.tf-cal-sources{display:flex;gap:6px;flex-wrap:wrap}.tf-cal-sources button{display:flex;align-items:center;gap:7px;font-size:12px;padding:8px 10px;border-radius:10px;border:1px solid #e2ebf9;color:#93a5bf;background:#fff;cursor:pointer}.tf-cal-sources button[aria-pressed=true]{background:#f0f6ff;border-color:#ccdefb;color:#355d91}.tf-cal-sources button[aria-pressed=false] i{opacity:.3}.tf-cal-sources i,.tf-cal-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.tf-cal-mine{display:flex;align-items:center;gap:8px;font-size:12px;color:#5979a4;cursor:pointer}.tf-cal-mine input{width:16px;height:16px;accent-color:#2375ff}.tf-cal-reset{margin-left:auto;border:0;background:transparent;color:#2474ee;font-size:12px;cursor:pointer;padding:6px}
.tf-cal-canvas{position:relative;padding:14px;min-height:380px}.tf-calendar-v2 .fc{font-family:inherit;--fc-border-color:#e5edf9;--fc-today-bg-color:#f0f6ff;--fc-neutral-bg-color:#f7faff;--fc-page-bg-color:transparent;--fc-list-event-hover-bg-color:#f1f7ff;color:var(--cal-ink);font-size:12px}.tf-calendar-v2 .fc th{font-weight:600;color:#7892b5;font-size:11px;background:#f9fbff}.tf-calendar-v2 .fc .fc-col-header-cell-cushion{padding:12px 4px}.tf-calendar-v2 .fc .fc-daygrid-day-number{padding:8px 10px;color:#587da9;font-size:12px}.tf-calendar-v2 .fc .fc-day-today .fc-daygrid-day-number{background:#2676ff;color:#fff;border-radius:9px;margin:5px;padding:3px 8px}.tf-calendar-v2 .fc .fc-daygrid-day-frame{min-height:105px}.tf-calendar-v2 .fc-event{border-radius:8px;border:0;box-shadow:none;cursor:pointer;overflow:hidden;margin:3px 4px}.tf-calendar-v2 .fc-h-event .fc-event-main,.tf-calendar-v2 .fc-v-event .fc-event-main{color:#fff}.tf-cal-event{padding:4px 6px;min-width:0;color:inherit}.tf-cal-event strong{display:block;white-space:normal;overflow-wrap:anywhere;font-size:11px;font-weight:600;line-height:1.5}.tf-cal-event small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;opacity:.8;margin-top:2px}.tf-cal-event.is-complete{opacity:.75}.tf-cal-event.is-complete strong{text-decoration:line-through}.tf-calendar-v2 .fc-daygrid-dot-event{background:#f1f6ff;color:#365f94}.tf-calendar-v2 .fc-daygrid-dot-event .tf-cal-event{color:#365f94}.tf-calendar-v2 .fc-list-event .tf-cal-event{color:var(--cal-ink)}.tf-calendar-v2 .fc-list-event td{padding:12px 10px}.tf-calendar-v2 .fc-list-day-cushion{background:#f4f8ff;color:#5f81ac}.tf-calendar-v2 .fc-list-empty{background:#f8fbff;color:#8aa0c0}.tf-calendar-v2 .fc-popover{border-radius:14px;border-color:var(--cal-border);box-shadow:0 12px 35px #183f6820;overflow:hidden}.tf-calendar-v2 .fc-more-link{color:#347cff;font-size:11px}.tf-cal-loading{position:absolute;right:22px;top:20px;padding:8px 12px;border:1px solid var(--cal-border);border-radius:11px;background:#fff;color:#5981b2;box-shadow:0 5px 15px #255fa510;pointer-events:none;font-size:12px;z-index:8}.tf-cal-caption{border-top:1px solid #e9f0fa;padding:14px 18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#839abe;font-size:10px}
.tf-cal-aside{display:grid;gap:16px}.tf-cal-aside .tf-cal-panel{padding:20px}.tf-cal-aside h3{font-size:15px;font-weight:650;margin:0}.tf-cal-aside p{font-size:12px;color:#849bbe;line-height:1.7;overflow-wrap:anywhere}.tf-cal-aside small{font-size:10px;line-height:1.7;color:#8299b9}.tf-cal-upcoming header{display:flex;align-items:center;gap:10px}.tf-cal-upcoming header p{margin:4px 0 0;font-size:10px}.tf-cal-symbol{display:grid;place-items:center;background:#edf4ff;color:#4381da;border-radius:12px;width:39px;height:39px}.tf-cal-upcoming-list{display:grid;margin-top:14px}.tf-cal-upcoming-list button{padding:13px 0;display:flex;gap:10px;text-align:left;background:transparent;border:0;border-bottom:1px solid #edf2fa;cursor:pointer}.tf-cal-upcoming-list button:last-child{border-bottom:0;padding-bottom:0}.tf-cal-upcoming-list button:hover strong{color:#176dff}.tf-cal-upcoming-list i{width:4px;align-self:stretch;min-height:34px;border-radius:4px;flex-shrink:0}.tf-cal-upcoming-list span{min-width:0}.tf-cal-upcoming-list strong{font-size:12px;font-weight:600;color:#3c618d;line-height:1.6;display:block;overflow-wrap:anywhere}.tf-cal-upcoming-list small{display:block;margin-top:3px}.tf-cal-empty{margin-bottom:0;padding:20px 0}.tf-cal-google{display:grid;gap:12px}.tf-cal-google p{margin:0}.tf-cal-connection{justify-self:start;border-radius:8px;background:#f0f4fb;color:#8a9bb6;font-size:10px;padding:5px 8px}.tf-cal-connection.is-connected{background:#e8faf2;color:#119d76}.tf-cal-google a{font-size:12px;color:#2675ee;text-align:center}.tf-cal-legend{display:grid;gap:12px}.tf-cal-legend h3{margin-bottom:3px}.tf-cal-legend>span{display:flex;align-items:center;gap:9px;color:#7c96b8;font-size:11px}.tf-cal-error{display:flex;align-items:center;gap:10px;border:1px solid #ffd4df;border-radius:14px;background:#fff2f5;padding:12px 16px;color:#cf4874;font-size:13px}.tf-cal-error>span{flex:1}
.tf-calendar-v2 .tf-cal-button:focus-visible,.tf-calendar-v2 button:focus-visible,.tf-calendar-v2 a:focus-visible{outline:2px solid #4d8aff;outline-offset:3px}
@media(min-width:1600px){.tf-cal-selects{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1200px){.tf-cal-layout{grid-template-columns:minmax(0,1fr)}.tf-cal-aside{grid-template-columns:repeat(3,minmax(0,1fr))}.tf-cal-selects{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.tf-cal-heading{align-items:start}.tf-cal-heading h1{font-size:26px}.tf-cal-heading p{font-size:12px}.tf-cal-heading .tf-cal-button{font-size:12px;padding:0 12px}.tf-cal-toolbar{padding:12px;gap:12px}.tf-cal-toolbar h2{font-size:17px}.tf-cal-views{width:100%;justify-content:space-around}.tf-cal-views button{flex:1}.tf-cal-filters{padding:12px}.tf-cal-selects{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-cal-aside{grid-template-columns:1fr}.tf-cal-canvas{padding:6px;overflow-x:auto}.tf-cal-canvas .fc{min-width:560px}.tf-cal-caption{padding:12px}.tf-cal-field:nth-child(even) .membership-select-popover{left:auto;right:0}.tf-cal-error{flex-wrap:wrap}.tf-cal-error>span{flex-basis:100%}}
.tf-cal-create>p{font-size:13px;color:#8298ba;margin:0 0 20px}.tf-cal-create>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tf-cal-create button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;border:1px solid #dce8fa;background:#f7faff;border-radius:17px;color:#4683dd;text-align:left;cursor:pointer}.tf-cal-create button:hover{border-color:#9cc2ff;background:#f0f6ff}.tf-cal-create button strong{font-size:15px;color:#244e7c}.tf-cal-create button span{font-size:12px;color:#829bbe;line-height:1.6}.tf-cal-google-details{display:grid;gap:15px}.tf-cal-google-details>span{font-size:11px;color:#22a37c}.tf-cal-google-details h2{font-size:23px;color:#244e7c;font-weight:650;margin:0}.tf-cal-google-details p{color:#718eb5;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.tf-cal-google-details small{color:#91a5c1;font-size:12px}.tf-cal-google-details a{padding:12px 16px;background:#e8faf2;border:1px solid #c8eddf;color:#14986e;border-radius:12px;justify-self:start;font-size:13px}@media(max-width:500px){.tf-cal-create>div{grid-template-columns:1fr}}
.tf-calendar-v2 .tf-cal-selects{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.tf-cal-multi{--filter-color:#3980e9;--filter-soft:#edf4ff;position:relative;min-width:0}.tf-cal-multi.tone-purple{--filter-color:#9972d5;--filter-soft:#f4effc}.tf-cal-multi.tone-cyan{--filter-color:#13a6bb;--filter-soft:#eafaFC}.tf-cal-multi.tone-green{--filter-color:#19a07b;--filter-soft:#eaf9f3}.tf-cal-multi.tone-amber{--filter-color:#cc9630;--filter-soft:#fff7e7}.tf-cal-filter-trigger{width:100%;min-height:66px;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #dfe9f7;border-radius:14px;background:#fff;color:#8ca1be;cursor:pointer;text-align:left}.tf-cal-filter-trigger:hover,.tf-cal-multi.is-open .tf-cal-filter-trigger{border-color:var(--filter-color);background:var(--filter-soft)}.tf-cal-filter-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:10px;color:var(--filter-color);background:var(--filter-soft)}.tf-cal-filter-copy{flex:1;min-width:0;display:grid;gap:4px}.tf-cal-filter-copy small{font-size:10px;color:#8da0bb}.tf-cal-filter-copy strong{font-size:12px;font-weight:500;color:#42638d;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tf-cal-multi.has-value .tf-cal-filter-copy strong{color:var(--filter-color);font-weight:600}.tf-cal-filter-trigger>b{font-size:10px;font-weight:600;border-radius:7px;padding:3px 6px;background:var(--filter-soft);color:var(--filter-color)}.tf-cal-filter-trigger>svg{flex-shrink:0}.tf-cal-multi.is-open .tf-cal-filter-trigger>svg{transform:rotate(180deg)}.tf-cal-filter-popup{position:absolute;z-index:45;top:calc(100% + 8px);left:0;min-width:310px;width:max-content;max-width:min(460px,calc(100vw - 48px));border:1px solid #dce8fa;border-radius:16px;box-shadow:0 16px 48px #204d8426;background:white;overflow:hidden}.tf-cal-multi:nth-last-child(-n+2) .tf-cal-filter-popup{left:auto;right:0}.tf-cal-filter-search{display:flex;align-items:center;gap:8px;padding:12px;color:#8ca4c5;border-bottom:1px solid #edf2fa}.tf-calendar-v2 .tf-cal-filter-search input{min-height:32px;flex:1;min-width:0;width:100%;padding:0;background:transparent;border:0;outline:0;box-shadow:none;font-size:12px}.tf-cal-filter-options{max-height:300px;overflow-y:auto;padding:6px}.tf-cal-filter-option{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:9px;color:#708bae;cursor:pointer}.tf-cal-filter-option:hover{background:#f5f8fd}.tf-cal-filter-option.is-selected{background:var(--filter-soft);color:var(--filter-color)}.tf-cal-filter-option input{width:16px;height:16px;flex-shrink:0;accent-color:var(--filter-color);cursor:pointer}.tf-cal-filter-option>svg{flex-shrink:0}.tf-cal-filter-option>i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tf-cal-filter-option>span{min-width:0;display:grid;gap:4px}.tf-cal-filter-option strong{font-size:12px;font-weight:500;color:#3b5f8b;overflow-wrap:anywhere}.tf-cal-filter-option small{font-size:10px;color:#94a6c0;line-height:1.5}.tf-cal-filter-options>p{font-size:12px;color:#94a6c0;padding:16px}.tf-cal-filter-popup footer{display:flex;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid #edf2fa;font-size:11px}.tf-cal-filter-popup footer>span{color:#8b9fbc;flex:1}.tf-cal-filter-popup footer button{background:transparent;border:0;color:#7791b4;cursor:pointer;padding:5px}.tf-cal-filter-popup footer button:last-child{background:var(--filter-soft);color:var(--filter-color);padding:6px 11px;border-radius:8px}.tf-cal-filter-popup footer button:disabled{opacity:.35;cursor:default}.tf-cal-filter-footer:empty{display:none}.tf-calendar-v2 .tf-cal-selects+.tf-cal-filter-footer{margin-top:2px}.tf-cal-date-nav button:focus:not(:focus-visible){outline:none;box-shadow:none}
@media(max-width:1250px){.tf-calendar-v2 .tf-cal-selects{grid-template-columns:repeat(3,minmax(0,1fr))}.tf-cal-multi:nth-child(3) .tf-cal-filter-popup{left:auto;right:0}.tf-cal-multi:nth-child(4) .tf-cal-filter-popup{left:0;right:auto}}@media(max-width:700px){.tf-calendar-v2 .tf-cal-selects{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-cal-multi:nth-child(odd) .tf-cal-filter-popup{left:0;right:auto}.tf-cal-multi:nth-child(even) .tf-cal-filter-popup{left:auto;right:0}.tf-cal-filter-popup{min-width:270px}.tf-cal-filter-trigger{gap:7px;padding:9px}.tf-cal-filter-icon{width:29px;height:29px}.tf-cal-filter-copy strong{font-size:11px}}@media(max-width:420px){.tf-calendar-v2 .tf-cal-selects{grid-template-columns:minmax(0,1fr)}.tf-cal-multi .tf-cal-filter-popup{left:0!important;right:auto!important;width:100%;min-width:0}}
.tf-calendar-v2 .tf-cal-selects{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.tf-cal-filter-trigger{min-height:82px;padding:15px;border-radius:16px}.tf-cal-filter-copy{gap:7px}.tf-cal-filter-copy small{font-size:11px}.tf-cal-filter-copy strong{font-size:13px}.tf-cal-filter-icon{height:40px;width:40px;border-radius:12px}.tf-cal-option-panel{min-width:0;padding:14px 12px 12px;border:1px solid #e0eafb;border-radius:16px;background:linear-gradient(135deg,var(--surface-primary),var(--background-secondary));align-self:stretch}.tf-cal-option-panel.is-status{grid-column:span 2}.tf-cal-option-panel.is-priority{border-color:#f4e6cd;background:linear-gradient(130deg,var(--surface-primary),var(--warning-surface))}.tf-cal-option-panel h3{margin:0 0 13px 4px;font-size:12px;font-weight:600;color:#426188}.tf-cal-option-rail{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;isolation:isolate}.is-priority .tf-cal-option-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tf-cal-option-rail:before{content:'';position:absolute;left:7%;right:7%;top:22px;height:7px;border-radius:7px;background:linear-gradient(90deg,var(--border-subtle),var(--accent-surface));z-index:-1}.is-priority .tf-cal-option-rail:before{background:linear-gradient(90deg,var(--success-surface),var(--warning-surface),var(--danger-surface))}.tf-cal-option{min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;background:transparent;border:0;padding:0 2px;color:#7890af;cursor:pointer}.tf-cal-option-disc{height:45px;width:45px;border-radius:50%;display:grid;place-items:center;background:white;border:1px solid color-mix(in srgb,var(--option-color) 40%,white);color:var(--option-color);box-shadow:inset 0 0 0 18px color-mix(in srgb,var(--option-color) 12%,transparent);transition:box-shadow .16s,transform .16s,background .16s}.tf-cal-option-label{font-size:10px;line-height:1.55;height:3.1em;min-height:3.1em;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:center;overflow-wrap:anywhere;color:#7e94b3;font-weight:500}.tf-cal-option>i{width:7px;height:7px;background:#dfe7f2;border-radius:50%;margin-top:auto;transition:background .16s}.tf-cal-option:hover:not(:disabled) .tf-cal-option-disc{transform:translateY(-2px);border-color:var(--option-color)}.tf-cal-option.is-selected .tf-cal-option-disc{background:var(--option-color);border-color:var(--option-color);color:white;box-shadow:0 0 0 4px color-mix(in srgb,var(--option-color) 13%,transparent),0 0 0 8px color-mix(in srgb,var(--option-color) 6%,transparent)}.tf-cal-option.is-selected .tf-cal-option-label{color:var(--option-color);font-weight:500}.tf-cal-option.is-selected>i{background:var(--option-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--option-color) 8%,transparent)}.tf-cal-option:disabled{opacity:.5;cursor:wait}.tf-calendar-v2 .tf-cal-filter-footer{margin-top:4px}.tf-cal-multi:nth-child(3) .tf-cal-filter-popup{right:0;left:auto}
@media(min-width:1750px){.tf-calendar-v2 .tf-cal-selects{grid-template-columns:minmax(180px,1fr) minmax(170px,.9fr) minmax(170px,.9fr) minmax(490px,2.6fr) minmax(240px,1.2fr);gap:12px}.tf-cal-option-panel.is-status{grid-column:auto}.tf-cal-option-panel{min-height:142px}.tf-cal-filter-trigger{min-height:98px}}
@media(max-width:800px){.tf-calendar-v2 .tf-cal-selects{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-cal-option-panel.is-status{grid-column:1/-1;grid-row:3}.tf-cal-option-panel.is-priority{grid-column:2;grid-row:2}.tf-cal-option-label{font-size:9px}.tf-cal-option-disc{height:39px;width:39px}.tf-cal-option-rail:before{top:19px}.tf-cal-multi:nth-child(3) .tf-cal-filter-popup{left:0;right:auto}}
@media(max-width:480px){.tf-calendar-v2 .tf-cal-selects{grid-template-columns:minmax(0,1fr)}.tf-cal-option-panel.is-status,.tf-cal-option-panel.is-priority{grid-column:auto;grid-row:auto}.tf-cal-option-rail{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:16px}.tf-cal-option-rail:before{display:none}.tf-cal-option-label{font-size:10px}.tf-cal-option-panel{padding:14px}.tf-cal-filter-trigger{min-height:70px}.tf-cal-multi .tf-cal-filter-popup{left:0!important;right:auto!important;min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.tf-cal-option-disc,.tf-cal-option>i{transition:none}}
/* Calendar surface: date headers, month cells, timed lanes and agenda entries. */
.tf-calendar-v2 .tf-cal-canvas{padding:20px;background:linear-gradient(180deg,var(--background-secondary),var(--surface-primary) 160px);border-radius:0 0 20px 20px}.tf-calendar-v2 .fc{--fc-border-color:#e7eef8;--fc-today-bg-color:#f1f7ff;--fc-neutral-bg-color:#f7faff;--fc-event-selected-overlay-color:rgba(45,115,230,.08);font-size:12px}.tf-calendar-v2 .fc .fc-scrollgrid{border:1px solid #e0eafa;border-radius:17px;overflow:hidden;box-shadow:0 3px 16px #24508403}.tf-calendar-v2 .fc-theme-standard td,.tf-calendar-v2 .fc-theme-standard th{border-color:#e7eef8}.tf-calendar-v2 .fc .fc-col-header-cell{padding:0;background:#f6f9fe;text-transform:none;vertical-align:middle;border-bottom-color:#dce8f9}.tf-calendar-v2 .fc .fc-col-header-cell-cushion{padding:16px 6px;display:block;text-decoration:none}.tf-cal-day-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:21px}.tf-cal-day-heading>span{font-size:11px;font-weight:600;letter-spacing:.1px;color:#7893b8;line-height:1.5}.tf-cal-day-heading.is-weekend>span{color:#a0acc1}.tf-cal-day-heading>b{display:grid;place-items:center;min-width:33px;height:33px;padding:0 5px;border-radius:11px;background:#edf3fc;color:#426a9c;font-weight:600;font-size:17px}.tf-cal-day-heading.is-today>b{color:white;background:var(--brand-tab);box-shadow:0 4px 10px #397cff20}.tf-cal-day-heading.is-today>span{color:#347df0}.tf-calendar-v2 .fc .fc-daygrid-day{background:#fff;transition:background .15s}.tf-calendar-v2 .fc .fc-daygrid-day.tf-cal-weekend{background:#fafcff}.tf-calendar-v2 .fc .fc-daygrid-day.fc-day-other{background:#fbfcfe}.tf-calendar-v2 .fc .fc-daygrid-day.fc-day-today{background:linear-gradient(145deg,var(--accent-surface),var(--surface-primary))}.tf-calendar-v2 .fc .fc-daygrid-day:not(.fc-day-other):hover{background:#f5f9ff}.tf-calendar-v2 .fc .fc-daygrid-day-frame{min-height:152px;padding:4px 3px 9px}.tf-calendar-v2 .fc .fc-daygrid-day-top{flex-direction:row;align-items:center;min-height:46px;padding:0 7px}.tf-calendar-v2 .fc .fc-daygrid-day-number,.tf-calendar-v2 .fc .fc-day-today .fc-daygrid-day-number{padding:0;margin:0;background:transparent;border-radius:0;color:inherit;float:none;text-decoration:none}.tf-cal-day-label{display:flex;align-items:center;gap:8px;min-height:35px}.tf-cal-day-label>span{display:grid;place-items:center;width:31px;height:31px;font-size:13px;font-weight:600;color:#56789f;border-radius:10px}.tf-cal-day-label>small{font-size:9px;font-weight:500;color:#8ba2c0}.tf-cal-day-label.is-today>span{background:var(--brand-tab);color:#fff;box-shadow:0 4px 10px #397cff1c}.tf-cal-day-label.is-today>small{color:#4084e7;font-weight:600}.tf-cal-day-label.is-other>span{color:#b5c3d6;font-weight:400}.tf-calendar-v2 .fc .fc-day-other .fc-daygrid-day-top{opacity:1}.tf-calendar-v2 .fc .fc-daygrid-day-events{margin-top:0;margin-bottom:2px}.tf-calendar-v2 .fc .fc-daygrid-event-harness{margin:4px 3px 0}.tf-calendar-v2 .fc .fc-event.tf-cal-entry{margin:0;padding:0;border:0;border-radius:10px;background:transparent!important;box-shadow:none;color:#315c91;overflow:hidden;transition:box-shadow .15s,transform .15s}.tf-calendar-v2 .fc .fc-event.tf-cal-entry:hover{box-shadow:0 4px 13px #23528213;transform:translateY(-1px)}.tf-calendar-v2 .fc .fc-event.tf-cal-entry .fc-event-main{color:inherit;padding:0}.tf-calendar-v2 .fc .fc-event.tf-cal-entry .fc-event-main-frame{height:100%}.tf-calendar-v2 .fc .fc-event.tf-cal-entry .fc-daygrid-event-dot,.tf-calendar-v2 .fc .fc-event.tf-cal-entry .fc-event-time{display:none}.tf-calendar-v2 .fc .tf-cal-event{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;width:100%;height:100%;padding:8px 9px 9px 11px;border:1px solid color-mix(in srgb,var(--event-accent) 13%,white);border-left:3px solid var(--event-accent);border-radius:10px;background:color-mix(in srgb,var(--event-accent) 7%,white);color:#355d8d;overflow:hidden}.tf-cal-event-caption{display:flex;align-items:center;gap:5px;color:var(--event-accent);min-width:0;flex-shrink:0}.tf-cal-event-caption>svg{flex-shrink:0}.tf-cal-event-caption>span{font-size:9px;font-weight:600;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-cal-event-caption>time{margin-left:auto;color:var(--event-accent);font-size:9px;font-weight:600;white-space:nowrap}.tf-calendar-v2 .fc .tf-cal-event>strong{font-size:11px;font-weight:600;line-height:1.6;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tf-calendar-v2 .fc .tf-cal-event>small{font-size:9px;line-height:1.6;color:#8099b8;margin:0;opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.tf-calendar-v2 .fc .tf-cal-entry.is-completed .tf-cal-event{background:#f2f9f6;border-color:#dfede6;border-left-color:#86bfa0;opacity:.85}.tf-calendar-v2 .fc .tf-cal-entry.is-completed .tf-cal-event>strong{color:#7e9a91}.tf-calendar-v2 .fc .tf-cal-entry.is-overdue .tf-cal-event{background:#fff3f4;border-color:#f9dde2;border-left-color:#e76c81}.tf-calendar-v2 .fc .fc-daygrid-more-link{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:2px 9px;margin:5px 4px 0;font-size:10px;font-weight:600;color:#5483c3;background:#eef4fd;border-radius:8px;float:none}.tf-calendar-v2 .fc .fc-daygrid-more-link:hover{background:#e5efff;text-decoration:none}.tf-calendar-v2 .fc .fc-daygrid-day-bottom{padding-top:0;margin:0}.tf-calendar-v2 .fc .fc-highlight{background:#e9f2ff;box-shadow:inset 0 0 0 2px #92b9fc}.tf-calendar-v2 .fc .fc-timegrid-slot{height:35px;border-color:#edf2fa}.tf-calendar-v2 .fc .fc-timegrid-slot-minor{border-top-style:dashed;border-color:#f0f4fa}.tf-calendar-v2 .fc .fc-timegrid-slot-label{background:#fbfdff}.tf-calendar-v2 .fc .fc-timegrid-slot-label-cushion{font-size:10px;color:#91a5c1;font-weight:500;padding:0 13px}.tf-calendar-v2 .fc .fc-timegrid-axis{background:#f8fbff}.tf-calendar-v2 .fc .fc-timegrid-axis-cushion{font-size:10px;font-weight:500;color:#89a0be;padding:8px}.tf-calendar-v2 .fc .fc-timegrid-col.fc-day-today{background:#f6faff}.tf-calendar-v2 .fc .fc-timegrid-col.tf-cal-weekend{background:#fbfcfe}.tf-calendar-v2 .fc .fc-timegrid-event-harness{margin-right:5px}.tf-calendar-v2 .fc .fc-timegrid-event.tf-cal-entry{box-shadow:0 2px 8px #274f7d08}.tf-calendar-v2 .fc .fc-timegrid-event .tf-cal-event{border-radius:9px;padding:7px 8px 7px 10px}.tf-calendar-v2 .fc .fc-timegrid-event-short .tf-cal-event{justify-content:center;gap:1px;padding:3px 6px 3px 8px}.tf-calendar-v2 .fc .fc-timegrid-event-short .tf-cal-event-caption>span,.tf-calendar-v2 .fc .fc-timegrid-event-short .tf-cal-event>small{display:none}.tf-calendar-v2 .fc .fc-timegrid-event-short .tf-cal-event>strong{-webkit-line-clamp:1;font-size:10px;line-height:1.4}.tf-calendar-v2 .fc .fc-timegrid-now-indicator-line{border-color:#f07188;border-width:1px;box-shadow:0 0 0 2px #f0718808}.tf-calendar-v2 .fc .fc-timegrid-now-indicator-arrow{border-color:#f07188;border-top-color:transparent;border-bottom-color:transparent}.tf-calendar-v2 .fc .fc-scrollgrid-section-body>td{border-bottom:0}.tf-calendar-v2 .fc .fc-list{border-radius:17px;overflow:hidden;border:1px solid #e0eafa}.tf-calendar-v2 .fc .fc-list-day-cushion{padding:14px 18px;background:#f6f9ff;font-size:12px;color:#577aa6}.tf-calendar-v2 .fc .fc-list-day-text{font-weight:600}.tf-calendar-v2 .fc .fc-list-day-side-text{font-size:11px;color:#8fa5c0;font-weight:400}.tf-calendar-v2 .fc .fc-list-event>td{padding:10px 14px;background:white;vertical-align:middle;border-color:#edf2fa}.tf-calendar-v2 .fc .fc-list-event-time{color:#8199b9;font-size:11px;font-weight:500;white-space:nowrap;width:110px}.tf-calendar-v2 .fc .fc-list-event-graphic{display:none}.tf-calendar-v2 .fc .fc-list-event-title .tf-cal-event{max-width:100%;padding:10px 14px;border-left-width:3px}.tf-calendar-v2 .fc .fc-list-event:hover>td{background:#fbfdff}.tf-calendar-v2 .fc .fc-list-empty{background:#fbfdff;color:#8da3c1;font-size:13px}.tf-calendar-v2 .fc .fc-popover{border:1px solid #dce8fa;box-shadow:0 12px 40px #244f8224;border-radius:17px;background:#fff;max-width:min(360px,90vw)}.tf-calendar-v2 .fc .fc-popover-header{padding:13px 15px;background:#f5f9ff;color:#587ea9;font-size:12px;font-weight:600}.tf-calendar-v2 .fc .fc-popover-close{color:#8ba2c1;font-size:14px}.tf-calendar-v2 .fc .fc-popover-body{padding:8px}.tf-calendar-v2 .fc .fc-popover-body .fc-daygrid-event-harness{margin:5px 0}.tf-calendar-v2 .fc .fc-event:focus-visible{outline:2px solid #5b92e8;outline-offset:2px;box-shadow:0 0 0 4px #e5efff}.tf-calendar-v2 .fc .fc-event-mirror{box-shadow:0 10px 24px #284c7e24!important;opacity:.9}
@media(max-width:900px){.tf-calendar-v2 .tf-cal-canvas{padding:12px}.tf-calendar-v2 .fc .fc-daygrid-day-frame{min-height:130px;padding:3px 1px 7px}.tf-calendar-v2 .fc .tf-cal-event{padding:6px 6px 6px 8px}.tf-cal-event-caption>span{display:none}.tf-calendar-v2 .fc .fc-daygrid-event-harness{margin:3px 2px 0}.tf-cal-day-label{gap:4px}.tf-cal-day-label>small{font-size:8px}.tf-cal-day-heading>span{font-size:10px}}
@media(max-width:700px){.tf-calendar-v2 .tf-cal-canvas{padding:8px;overflow-x:auto}.tf-calendar-v2 .tf-cal-canvas .fc{min-width:650px}.tf-calendar-v2 .fc .fc-col-header-cell-cushion{padding:12px 4px}.tf-calendar-v2 .fc .fc-daygrid-day-frame{min-height:125px}.tf-cal-day-label>span{width:28px;height:28px;font-size:12px}.tf-calendar-v2 .fc .fc-list-event-time{width:auto;min-width:80px}.tf-calendar-v2 .fc .fc-list-event>td{padding:8px}}
@media(prefers-reduced-motion:reduce){.tf-calendar-v2 .fc .fc-event.tf-cal-entry,.tf-calendar-v2 .fc .fc-daygrid-day{transition:none}}
.tf-calendar-v2 .fc .fc-timegrid .fc-daygrid-day-frame{min-height:60px;padding:5px 3px 8px}.tf-calendar-v2 .fc .fc-timegrid .fc-daygrid-day-top{min-height:0}.tf-calendar-v2 .fc .fc-timegrid .fc-daygrid-body{min-height:60px}
.tf-mcal,.tf-cal-mobile-filters{display:none}
@media(max-width:767px){
 .tf-calendar-v2{min-width:0;padding-bottom:110px;gap:18px}
 .tf-calendar-v2 .tf-cal-heading{align-items:flex-start;gap:12px;margin-bottom:0}
 .tf-calendar-v2 .tf-cal-heading h1{font-size:25px;line-height:1.25;letter-spacing:-.6px}
 .tf-calendar-v2 .tf-cal-heading p{font-size:12px;line-height:1.5;margin-top:5px}
 .tf-calendar-v2 .tf-cal-heading .tf-cal-button{flex-shrink:0;min-height:40px;padding:8px 12px;font-size:12px}
 .tf-calendar-v2 .tf-cal-layout{display:block}
 .tf-calendar-v2 .tf-cal-panel{position:relative;border:0;background:transparent;box-shadow:none;overflow:visible;padding:0}
 .tf-calendar-v2 .tf-cal-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:14px 8px;padding:0 0 14px;border:0;background:transparent}
 .tf-calendar-v2 .tf-cal-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;grid-row:1;width:100%;padding:4px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-primary)}
 .tf-calendar-v2 .tf-cal-views button[aria-pressed=true]{background:var(--brand-tab);color:var(--on-accent)}
 .tf-calendar-v2 .tf-cal-views button{min-width:0;min-height:40px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:8px;border-radius:9px}
 .tf-calendar-v2 .tf-cal-toolbar h2{grid-column:1;grid-row:2;align-self:center;justify-self:center;margin:0;font-size:14px;text-align:center;pointer-events:none}
 .tf-calendar-v2 .tf-cal-date-nav{grid-column:1;grid-row:2;display:flex;justify-content:space-between;width:100%;gap:6px}
 .tf-calendar-v2 .tf-cal-date-nav .tf-cal-button{box-sizing:border-box;flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;padding:0;display:grid;place-items:center;border-radius:12px;background:var(--surface-primary);border:1px solid var(--border-subtle)}
 .tf-calendar-v2 .tf-cal-date-nav .tf-cal-button:nth-child(2){display:none}
 .tf-calendar-v2 .tf-cal-toolbar h2{max-width:calc(100% - 80px);font-size:12px}
 .tf-calendar-v2 .tf-cal-mobile-filters{position:static;grid-column:2;grid-row:2;align-self:center;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-secondary);background:var(--surface-primary)}
 .tf-calendar-v2 .tf-cal-filters{display:none}
 .tf-calendar-v2 .tf-cal-selects{grid-template-columns:1fr;min-width:0}
 .tf-calendar-v2 .tf-cal-canvas,.tf-calendar-v2 .tf-cal-caption{display:none}
 .tf-mcal{display:block;min-width:0;color:var(--text-primary)}
 .tf-mcal-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;padding:6px 0 14px;border-bottom:1px solid var(--border-subtle)}
 .tf-mcal-weekday{text-align:center;font-size:10px;color:var(--text-secondary);padding:8px 0}
 .tf-mcal-date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;height:43px;border:0;background:transparent;font:inherit;font-size:12px;color:var(--text-primary);border-radius:10px}
 .tf-mcal-date>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%}
 .tf-mcal-date[aria-pressed=true]>span{background:var(--accent-primary);color:var(--on-accent)}
 .tf-mcal-date.is-today:not([aria-pressed=true])>span{color:var(--accent-text);background:var(--accent-surface)}
 .tf-mcal-date.is-other{color:var(--text-secondary);opacity:.55}
 .tf-mcal-date>i{display:flex;justify-content:center;gap:2px;height:4px}
 .tf-mcal-date b{width:3px;height:3px;border-radius:50%;background:var(--accent-primary)}
 .tf-mcal-date b[data-kind=plan]{background:var(--purple)}
 .tf-mcal-date b[data-kind=google]{background:var(--success)}
 .tf-calendar-v2 .tf-mcal-selected{padding-top:16px;background:transparent;box-shadow:none;border-radius:0}
 .tf-mcal-selected h2{font-size:15px;margin:0 0 12px}
 .tf-mcal-event{position:relative;display:flex;align-items:flex-start;gap:10px;width:100%;min-width:0;margin:0 0 9px;padding:12px;text-align:left;font:inherit;border:1px solid var(--border-subtle);border-left:3px solid var(--mcal-color);border-radius:12px;background:var(--surface-primary);color:var(--text-primary);box-shadow:0 2px 6px #0b112003}
 .tf-mcal-event-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--mcal-color) 10%,var(--surface-primary));color:var(--mcal-color)}
 .tf-mcal-event-icon svg{width:17px;height:17px}
 .tf-mcal-event-body{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
 .tf-mcal-event-body time{font-size:10px;color:var(--text-secondary)}
 .tf-mcal-event-body strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere;font-weight:600}
 .tf-mcal-badge{align-self:flex-start;flex-shrink:0;max-width:100px;font-size:9px;line-height:1.5;padding:3px 5px;border-radius:6px;background:color-mix(in srgb,var(--mcal-color) 12%,var(--surface-primary));color:var(--mcal-color)}
 .tf-mcal-people{display:flex;gap:3px;padding-top:2px}
 .tf-mcal-people>*,.tf-mcal-people img{width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;min-height:22px!important;border-radius:6px!important;font-size:9px!important}
 .tf-mcal-empty{margin:0;padding:16px 10px;border-radius:10px;background:var(--surface-primary);color:var(--text-secondary);font-size:12px;text-align:center}
 .tf-calendar-v2 .tf-mcal-weekday-row{border-radius:0;box-shadow:none;background:transparent}
 .tf-mcal-weekday-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid var(--border-subtle)}
 .tf-mcal-day-link{align-self:start;padding:4px 0;display:flex;flex-direction:column;gap:4px;border:0;background:transparent;color:var(--text-primary);font:inherit;text-align:left}
 .tf-mcal-day-link strong{font-size:18px}
 .tf-mcal-day-link span{font-size:9px;color:var(--text-secondary)}
 .tf-mcal-weekday-row.is-today .tf-mcal-day-link strong{color:var(--accent-text)}
 .tf-mcal-host{min-height:390px;contain:layout}
 .tf-mcal-week .tf-mcal-event{margin-bottom:7px;padding:11px;gap:7px}
 .tf-mcal-week .tf-mcal-event-icon{display:none}
 .tf-mcal-week .tf-mcal-empty{padding:12px 0;background:transparent;text-align:left;font-size:11px}
 .tf-mcal-week .tf-mcal-badge,.tf-mcal-day-view .tf-mcal-badge{position:absolute;top:10px;right:10px}
 .tf-mcal-week .tf-mcal-event-body>time,.tf-mcal-day-view .tf-mcal-event-body>time{padding-right:88px;min-height:20px}
 .tf-mcal-day-view{padding-top:8px}
 .tf-mcal-all-day{margin-bottom:22px}
 .tf-mcal-all-day h2{margin:0 0 10px;font-size:12px;color:var(--text-secondary);font-weight:500}
 .tf-mcal-all-day .tf-mcal-event-icon{display:none}
 .tf-mcal-all-day .tf-mcal-event-body>time{visibility:hidden}
 .tf-mcal-day{padding:0 0 0 20px;border-left:1px solid var(--border-subtle);margin-left:47px}
 .tf-mcal-day .tf-mcal-event{margin-bottom:18px}
 .tf-mcal-day .tf-mcal-event:before{content:'';position:absolute;left:-26px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--mcal-color)}
 .tf-calendar-v2 .tf-cal-event-filter-popup{max-width:calc(100vw - 32px)}
}

@media(max-width:767px){.tf-calendar-v2 .tf-mcal-today{pointer-events:auto;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit}.tf-mcal-day .tf-mcal-event-body>time{position:static;width:auto;text-align:left}.tf-mcal-day .tf-mcal-event-icon{display:none}}

.tf-mcal-hour{display:none}
@media(max-width:767px){
 .tf-mcal-day .tf-mcal-hour{display:block;position:absolute;left:-69px;top:13px;width:39px;text-align:right;font-size:10px;line-height:1.5;color:var(--text-secondary)}
 .tf-calendar-filter-statuses{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .tf-calendar-filter-statuses>button{grid-column:span 1!important}
 .tf-calendar-filter-body{margin-top:18px}
 .tf-calendar-filter-body>label>span{display:block;margin-bottom:7px;color:var(--text-primary);font-size:12px;font-weight:600}
 .tf-calendar-filter-body input[type=search]{box-sizing:border-box;width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--border-control);border-radius:12px;background:var(--surface-primary);color:var(--text-primary);font-family:inherit;font-size:16px}
}

.tf-calendar-v2 .tf-cal-button.is-primary{background:var(--brand-action);color:var(--on-accent)}
.tf-calendar-v2 .tf-cal-views>button[aria-pressed=true]{background:var(--brand-tab);color:var(--on-accent)}

.tf-pr-page{display:grid;gap:20px;min-width:0;color:#163b66}.tf-pr-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.tf-pr-heading h1{margin:0 0 7px;font-size:29px;font-weight:700;letter-spacing:-.7px}.tf-pr-heading p{margin:0;font-size:13px;color:#8a9cba;max-width:700px;line-height:1.7;white-space:pre-wrap}.tf-pr-breadcrumb{padding:0;margin:0 0 12px;border:0;background:transparent;color:#8ba0c0;font-size:11px;text-align:left;cursor:pointer}.tf-pr-heading-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tf-pr-avatars{display:flex;align-items:center;padding-left:5px}.tf-pr-avatar{display:grid;place-items:center;width:31px;height:31px;min-width:31px;border:2px solid white;border-radius:25%;background:#e8f1ff;color:#6590ce;font-size:10px;font-weight:650;object-fit:cover}.tf-pr-avatars>.tf-pr-avatar{margin-left:-5px}.tf-pr-avatars>span:not(.tf-pr-avatar){font-size:10px;color:#8fa4c2;margin-left:5px}.tf-pr-tabs{display:flex;gap:20px;border-bottom:1px solid #dce8f9;overflow:auto}.tf-pr-tabs button{min-height:42px;padding:7px 9px 13px;white-space:nowrap;background:transparent;border:0;border-bottom:2px solid transparent;font-size:12px;color:#8095b4;font-weight:500;cursor:pointer}.tf-pr-tabs button[aria-pressed=true]{border-color:#2376ff;color:#2376ff;font-weight:600}.tf-pr-progress{display:flex;align-items:center;gap:14px;border:1px solid #e1eafa;padding:14px 18px;border-radius:13px;background:#fff}.tf-pr-progress>strong{font-size:12px;font-weight:600;white-space:nowrap}.tf-pr-progress>small{font-size:11px;color:#8c9fbd;white-space:nowrap}.tf-pr-progress>div{height:7px;border-radius:7px;background:#eaf0f8;flex:1;min-width:40px;overflow:hidden}.tf-pr-progress i{display:block;height:100%;border-radius:7px;background:linear-gradient(100deg,#0799ff,#39cebb)}.tf-pr-progress>b{font-size:12px;font-weight:650}.tf-pr-toolbar{display:flex;gap:12px;align-items:center}.tf-pr-toolbar input{min-height:42px;width:min(360px,100%);border-radius:12px;padding:10px 15px;border:1px solid #dce8f9;background:#fff;color:#345780;font-size:12px}.tf-pr-toolbar select{height:42px;max-width:210px;border:1px solid #dce8f9;border-radius:12px;background:white;color:#7c92b2;font-size:12px;padding:0 13px}.tf-pr-toolbar>button:last-child{margin-left:auto}.tf-pr-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:16px;overflow-x:auto;align-items:stretch;padding-bottom:12px;min-height:490px}.tf-pr-phase{padding:15px 12px 12px;border-radius:18px;background:linear-gradient(155deg,color-mix(in srgb,var(--phase-color) 12%,white),color-mix(in srgb,var(--phase-color) 6%,white));border:1px solid color-mix(in srgb,var(--phase-color) 9%,white);display:flex;flex-direction:column;min-width:0}.tf-pr-phase.is-droppable{outline:1px dashed color-mix(in srgb,var(--phase-color) 50%,transparent);outline-offset:-4px}.tf-pr-phase>header{display:flex;align-items:center;gap:10px;padding:0 2px 11px}.tf-pr-phase-number{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--phase-color) 70%,white),var(--phase-color));color:white;font-weight:650;font-size:13px;box-shadow:0 4px 10px color-mix(in srgb,var(--phase-color) 15%,transparent)}.tf-pr-phase h2{font-size:13px;font-weight:650;margin:0 0 5px;color:#315473}.tf-pr-phase header small{font-size:10px;color:#879cb9}.tf-pr-phase header>b{margin-left:auto;color:var(--phase-color);font-size:11px}.tf-pr-phase-progress{height:5px;border-radius:8px;background:#dce6ee70;overflow:hidden;margin-bottom:15px}.tf-pr-phase-progress>i{display:block;height:100%;border-radius:8px;background:var(--phase-color)}.tf-pr-phase-tasks{display:grid;gap:11px;align-content:start;flex:1}.tf-pr-task{position:relative;background:white;border:1px solid #e2eaf7;border-radius:13px;box-shadow:0 3px 9px #18437203;min-width:0;transition:border-color .15s,box-shadow .15s}.tf-pr-task:hover{border-color:#a8c9fa;box-shadow:0 4px 12px #3c72b20c}.tf-pr-task[draggable=true]{cursor:grab}.tf-pr-task-open{padding:13px 12px;width:100%;text-align:left;border:0;background:transparent;display:grid;gap:10px;border-radius:13px;cursor:pointer;color:#254c7a}.tf-pr-task-open>strong{font-size:12px;font-weight:600;line-height:1.65;overflow-wrap:anywhere}.tf-pr-task-top{display:flex;align-items:center;gap:6px}.tf-pr-task-top>small{font-size:10px;color:#8b9fbd;flex:1}.tf-pr-status{font-size:9px;line-height:1.5;max-width:155px;padding:3px 7px;border-radius:8px;color:#7490b5;background:#eff3f9;overflow-wrap:anywhere}.tf-pr-status.status-Done{background:#e2f8f0;color:#159977}.tf-pr-status.status-In-Progress{background:#e7f1ff;color:#277cf0}.tf-pr-status.status-Overdue{background:#ffedf1;color:#df697f}.tf-pr-status.status-Waiting-for-Update{background:#f0e9fd;color:#9470cc}.tf-pr-status.status-On-Hold{background:#fff5dd;color:#c29b41}.tf-pr-task-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#8d9eb8;font-size:9px}.tf-pr-priority.p-Yüksək{color:#e77988}.tf-pr-priority.p-Orta{color:#d9a342}.tf-pr-priority.p-Aşağı{color:#71a891}.tf-pr-task-meta .tf-pr-avatars{margin-left:auto}.tf-pr-task-meta .tf-pr-avatar{width:23px;height:23px;min-width:23px;font-size:8px}.tf-pr-unlink{position:absolute;right:5px;bottom:3px;border:0;border-radius:7px;background:#fff;color:#a1b2cb;line-height:18px;font-size:14px;opacity:0;cursor:pointer}.tf-pr-task:hover .tf-pr-unlink,.tf-pr-unlink:focus-visible{opacity:1}.tf-pr-add-task{border:0;background:transparent;color:var(--phase-color);padding:15px 7px 4px;font-size:12px;font-weight:500;cursor:pointer}.tf-pr-empty{text-align:center;padding:28px 15px;font-size:12px;line-height:1.8;color:#93a5c0}.tf-pr-list{border:1px solid #dce8f9;border-radius:17px;overflow:hidden;background:#fff}.tf-pr-list>div{display:flex;gap:15px;align-items:center;border-bottom:1px solid #eaf0fa;padding:15px}.tf-pr-list>div:last-child{border:0}.tf-pr-list button{display:flex;gap:15px;align-items:center;flex:1;min-width:0;border:0;background:transparent;text-align:left;color:#4e729d;cursor:pointer}.tf-pr-list strong{font-weight:500;font-size:13px;flex:1;overflow-wrap:anywhere}.tf-pr-list small,.tf-pr-list span{font-size:11px;color:#91a2ba}.tf-pr-list select{max-width:180px;background:#f9fbff;border:1px solid #e1eafa;border-radius:9px;padding:8px;color:#6989b0;font-size:11px}.tf-pr-timeline{display:grid;border:1px solid #dce8f9;border-radius:17px;background:#fff;padding:20px}.tf-pr-timeline>button{display:flex;align-items:center;text-align:left;gap:18px;border:0;background:transparent;padding:17px 10px;cursor:pointer;color:#41648e}.tf-pr-timeline time{width:115px;flex-shrink:0;color:#7b94b7;font-size:12px}.tf-pr-timeline i{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 5px #f0f5fc;flex-shrink:0}.tf-pr-timeline span{display:grid;gap:7px}.tf-pr-timeline strong{font-weight:500;font-size:13px}.tf-pr-timeline small{font-size:10px;color:#91a6c3}.tf-pr-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tf-pr-files>button{display:flex;gap:12px;align-items:center;text-align:left;background:white;border:1px solid #dce8f9;padding:18px;border-radius:15px;color:#6b8dbb;cursor:pointer}.tf-pr-files>button>span{font-size:24px}.tf-pr-files>button>div{display:grid;gap:7px;min-width:0;flex:1}.tf-pr-files strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.tf-pr-files small{font-size:10px;color:#9badc6}.tf-pr-activity{background:#fff;border:1px solid #dce8f9;padding:10px 20px;border-radius:17px}.tf-pr-activity article{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid #edf2fa;align-items:start}.tf-pr-activity article:last-child{border:0}.tf-pr-activity i{width:8px;height:8px;border-radius:50%;background:#88b6ff;margin-top:5px;flex-shrink:0;box-shadow:0 0 0 5px #f1f6ff}.tf-pr-activity strong{font-size:12px;font-weight:600}.tf-pr-activity p{font-size:12px;color:#849dbd;margin:7px 0 0;line-height:1.7}.tf-pr-activity time{margin-left:auto;color:#9aabc4;font-size:10px}.tf-pr-people{display:grid;gap:20px}.tf-pr-people>header{display:flex;gap:15px;align-items:center;justify-content:space-between}.tf-pr-people h2{font-size:16px;font-weight:600;margin:0}.tf-pr-people>header>div{display:flex;gap:10px}.tf-pr-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tf-pr-member-grid article{display:flex;gap:12px;padding:16px;background:#fff;border:1px solid #dce8f9;border-radius:15px;align-items:center}.tf-pr-member-grid article>div{display:grid;gap:5px;min-width:0;flex:1}.tf-pr-member-grid strong{font-size:12px;font-weight:600}.tf-pr-member-grid small{font-size:10px;color:#91a6c3}.tf-pr-member-grid button{border:0;background:#f5f8ff;border-radius:8px;width:26px;height:26px;color:#91a6c3;cursor:pointer}.tf-pr-companies{display:grid;gap:10px}.tf-pr-companies article{display:flex;gap:15px;justify-content:space-between;padding:16px;border-radius:13px;background:#fff;border:1px solid #dce8f9}.tf-pr-companies strong{font-size:12px;font-weight:500}.tf-pr-companies span{font-size:11px;color:#8fa5c4}.tf-pr-delete{justify-self:start;background:#fff6f7;border:1px solid #ffdce4;border-radius:11px;color:#d66e86;font-size:12px;padding:11px 16px;cursor:pointer}.tf-pr-invitation{display:flex;gap:12px;align-items:center;padding:20px;border:1px solid #d9e7ff;border-radius:17px;background:linear-gradient(120deg,#f5f9ff,#effbfd)}.tf-pr-invitation>div{flex:1}.tf-pr-invitation strong{font-size:14px;font-weight:600}.tf-pr-invitation p{font-size:12px;color:#829bbf;line-height:1.7;margin:7px 0 0}.tf-pr-page button:focus-visible,.tf-pr-page input:focus-visible,.tf-pr-page select:focus-visible{outline:2px solid #78a6ff;outline-offset:3px}.tf-project-form select{border:1px solid #dce8f9;border-radius:11px;padding:12px;color:#6f8eb7;background:#fff}.tf-project-form input[type=color]{width:80px;min-height:45px;padding:5px}
@media(max-width:1100px){.tf-pr-member-grid,.tf-pr-files{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-pr-heading{align-items:start}.tf-pr-heading-actions{justify-content:end}.tf-pr-heading-actions>.tf-pr-avatars{display:none}}
@media(max-width:700px){.tf-pr-heading{flex-direction:column;gap:15px}.tf-pr-heading h1{font-size:25px}.tf-pr-progress{gap:9px;flex-wrap:wrap;padding:13px}.tf-pr-progress>strong{width:100%}.tf-pr-toolbar{flex-wrap:wrap}.tf-pr-toolbar input{width:100%}.tf-pr-toolbar>button:last-child{margin-left:0}.tf-pr-board{grid-auto-columns:285px;min-height:420px}.tf-pr-tabs{gap:6px}.tf-pr-list button{flex-wrap:wrap;gap:8px}.tf-pr-list strong{flex-basis:70%}.tf-pr-list select{max-width:115px}.tf-pr-member-grid,.tf-pr-files{grid-template-columns:1fr}.tf-pr-people>header{align-items:start;flex-wrap:wrap}.tf-pr-activity time{max-width:100px;line-height:1.6}.tf-pr-invitation{flex-wrap:wrap}.tf-pr-invitation>div{flex-basis:100%}.tf-pr-companies article{flex-wrap:wrap}.tf-pr-unlink{opacity:1}.tf-pr-heading-actions{justify-content:start}}
.tf-pr-task-meta>span{display:inline-flex;gap:4px;align-items:center}.tf-pr-task-meta svg{width:12px;height:12px;flex-shrink:0}.tf-pr-files>button>span{display:grid;place-items:center;width:39px;height:44px;border-radius:10px;background:#edf4ff}.tf-pr-files>button>span svg{width:22px;height:22px}.tf-pr-toolbar>button:last-child{display:inline-flex;gap:7px;align-items:center;justify-content:center}

.tf-pr-task-details{display:grid;gap:20px;margin-top:20px}.tf-pr-task-details>section{border:1px solid #dce8f9;border-radius:15px;padding:18px;background:white}.tf-pr-task-details h3{font-size:14px;margin:0 0 14px;color:#254c7a}.tf-pr-task-details article{padding:12px 0;border-top:1px solid #edf2fa;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.tf-pr-task-details article strong{font-size:12px;font-weight:600}.tf-pr-task-details article span{margin-left:auto;font-size:11px;color:#849dbf}.tf-pr-task-details p{font-size:12px;color:#849dbf;line-height:1.7;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.tf-pr-task-details article p{width:100%}.tf-pr-task-details form{display:grid;gap:12px;margin-top:15px}.tf-pr-task-details textarea{width:100%;min-height:80px;resize:vertical;border:1px solid #dce8f9;border-radius:11px;padding:12px;font-size:13px;color:#315473}.tf-pr-task-details form button{justify-self:end}

/* Keep company choices in the modal flow; no popover can cover its actions. */
.tf-pr-company-options{height:320px;max-height:40vh;min-height:180px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid #dce8f9;border-radius:14px;padding:6px;background:#f9fbff;display:flex;flex-direction:column;gap:5px}
.tf-pr-company-form .tf-pr-company-option{display:flex;flex-direction:row;align-items:center;flex-shrink:0;gap:12px;min-height:70px;margin:0;padding:12px 14px 12px calc(14px + var(--company-depth)*16px);border:1px solid transparent;border-radius:10px;background:white;cursor:pointer}
.tf-pr-company-option:hover:not(.is-unavailable){background:#f0f6ff;border-color:#dce8f9}.tf-pr-company-form .tf-pr-company-option.is-selected{background:#edf5ff;border-color:#8eb7fa}.tf-pr-company-option:focus-within{outline:2px solid #78a6ff;outline-offset:-2px}.tf-pr-company-option.is-unavailable{background:#f6f8fc;cursor:default}
.tf-pr-company-form .tf-pr-company-option input{width:17px;height:17px;min-width:17px;min-height:17px;flex:0 0 17px;margin:0;padding:0;box-shadow:none;accent-color:#2878ee}.tf-pr-company-form .tf-pr-company-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#edf4ff;color:#6b95d1}.tf-pr-company-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.tf-pr-company-copy strong{font-size:13px;font-weight:600;color:#345780;overflow-wrap:anywhere}.tf-pr-company-copy small{font-size:11px;line-height:1.6;color:#879dbb;overflow-wrap:anywhere}.tf-pr-company-copy .tf-pr-company-reason{color:#9b8490}.tf-pr-company-form footer{flex-wrap:wrap;border-top:1px solid #edf2fa;padding-top:16px}.tf-pr-company-selection{flex:1;min-width:160px;overflow-wrap:anywhere;line-height:1.6}.tf-pr-heading h1,.tf-pr-phase h2,.tf-pr-member-grid strong{overflow-wrap:anywhere}.tf-pr-heading>div:first-child{min-width:0}.tf-pr-heading-actions{flex-shrink:0}.tf-pr-task-top{align-items:flex-start}.tf-pr-task-meta{font-size:11px}.tf-pr-task-meta .tf-pr-avatars{padding-right:12px}.tf-pr-unlink{width:24px;height:24px;right:5px;bottom:5px;line-height:1;display:grid;place-items:center}.tf-pr-page button:disabled{cursor:default}.tf-pr-phase>header>div{min-width:0}.tf-pr-toolbar input,.tf-pr-toolbar select{min-width:0}.tf-pr-list button{overflow-wrap:anywhere}.tf-pr-member-grid article{min-width:0}.tf-pr-companies article{align-items:center}.tf-pr-companies strong{min-width:0;overflow-wrap:anywhere}.tf-pr-activity article>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.tf-pr-company-selection{flex-basis:100%;min-width:0}.tf-pr-company-form footer>button{flex:1}.tf-pr-company-form .tf-pr-company-option{padding-left:calc(10px + var(--company-depth)*10px);gap:9px}.tf-pr-heading-actions{flex-shrink:1}.tf-pr-toolbar select{flex:1;max-width:none}.tf-pr-companies span{overflow-wrap:anywhere}.tf-pr-people>header>div{flex-wrap:wrap}}

.tf-pr-action-button,.tf-pr-add-task{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.4}.tf-pr-action-button>.tf-pr-plus,.tf-pr-add-task>.tf-pr-plus{display:block;width:16px;height:16px;min-width:16px;flex:0 0 16px;margin:0;stroke:currentColor;stroke-width:2}.tf-pr-action-button>span,.tf-pr-add-task>span{min-width:0}

.tf-pr-activity>header{padding:18px 0;border-bottom:1px solid #edf2fa}.tf-pr-activity>header h2{font-size:15px;font-weight:600;margin:0;color:#315473}.tf-pr-activity>header p{margin:7px 0 0;font-size:12px}.tf-pr-activity article>div{flex:1}.tf-pr-activity article p{white-space:pre-wrap}.tf-pr-activity time{flex-shrink:0;line-height:1.6;text-align:right}@media(max-width:700px){.tf-pr-activity article{flex-wrap:wrap}.tf-pr-activity time{margin-left:23px;max-width:none;text-align:left}}

.tf-pr-activity-legacy{display:block;margin-top:9px;padding:9px 12px;border-radius:9px;background:#f6f8fc;color:#8c9db6;font-size:11px;line-height:1.7}

/* Statistics uses the dashboard cards, request toolbar/actions and shared panels. */
.tf-statistics-v4{display:grid;gap:24px;min-width:0;color:var(--tf-ink);font:inherit;line-height:1.6;--st-line:#e5edf7;--st-muted:var(--tf-muted)}
.tf-statistics-v4 :is(h1,h2,h3,p){margin:0}
.tf-statistics-v4 :is(button,input,select){font-family:inherit}
.tf-statistics-v4 button{cursor:pointer}
.tf-statistics-v4 button:disabled{cursor:default}
.tf-statistics-v4 :is(button,input,select):focus-visible{outline:2px solid var(--tf-blue);outline-offset:3px}
.tf-st-heading{margin:0;align-items:center}
.tf-st-heading h1{font-size:26px;font-weight:700;letter-spacing:-.8px;line-height:1.35;color:#0b2346}
.tf-st-heading p{color:var(--tf-muted);font-size:13px;line-height:1.7;margin-top:6px;max-width:720px}
.tf-st-heading-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.tf-st-heading-actions svg{width:18px;height:18px;flex-shrink:0}
.tf-st-refresh.tf-request-secondary{width:42px;height:42px;padding:0;flex:0 0 42px}
.tf-st-filters.tf-requests-toolbar{display:grid;gap:12px;margin:0;padding:18px 20px;position:relative;z-index:3}
.tf-st-filter-main{display:grid;grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) minmax(280px,1.4fr);align-items:center;gap:20px;min-width:0}
.tf-st-filter-context{display:flex;align-items:center;gap:12px;min-width:0;min-height:44px;padding-right:20px;border-right:1px solid #e5edf7;color:#345780;font-size:13px;font-weight:600}
.tf-st-filter-context .tf-company-logo{width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#fff;border:1px solid #e3edf8;padding:4px}
.tf-st-filter-context .tf-company-logo img{width:100%;height:100%;object-fit:contain;border-radius:0}
.tf-st-filter-context>span:last-child{overflow-wrap:anywhere}
.tf-st-period{min-width:0}
.tf-st-period label{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;color:#7184ad}
.tf-st-period select{flex:1;min-width:0}
.tf-st-filter-help{color:#8192b5;font-size:11px;line-height:1.6}
.tf-st-period select,.tf-st-people-tools select{height:42px;border:1px solid #dce7f4;border-radius:var(--tf-ui-control-radius);background-color:#fff;color:#44678f;font-size:12px;padding:0 34px 0 13px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237184ad' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}
.tf-st-period select{min-width:0}
.tf-st-filter-controls{display:flex;align-items:center;gap:12px;min-width:0}
.tf-statistics-v4 .tf-cal-multi{width:auto;flex:1;min-width:0}
.tf-statistics-v4 .tf-cal-filter-trigger{min-height:42px;height:42px;padding:7px 11px;gap:8px;background:#fff;border-radius:var(--tf-ui-control-radius)}
.tf-statistics-v4 .tf-cal-filter-icon{width:26px;height:26px;border-radius:8px}
.tf-statistics-v4 .tf-cal-filter-icon svg{width:16px;height:16px}
.tf-statistics-v4 .tf-cal-filter-copy{display:block}
.tf-statistics-v4 .tf-cal-filter-copy small{display:none}
.tf-statistics-v4 .tf-cal-filter-copy strong{font-size:12px;font-weight:500}
.tf-statistics-v4 .tf-cal-filter-search input{min-width:0;flex:1;border:0;padding:5px;background:transparent;outline:0;color:var(--tf-ink)}
.tf-statistics-v4 .tf-cal-filter-option strong{font-size:12px;font-weight:500}
.tf-statistics-v4 .tf-cal-filter-option small{font-size:11px}
.tf-statistics-v4 .tf-cal-filter-popup{z-index:35}
.tf-st-date-row{display:flex;align-items:center;gap:14px;flex-basis:100%;padding-top:16px;border-top:1px solid var(--st-line);color:var(--tf-muted);font-size:12px}
.tf-st-date-row label{display:flex;align-items:center;gap:10px}
.tf-st-date-row input{height:42px;padding:0 12px;border:1px solid #dce7f4;border-radius:var(--tf-ui-control-radius);background:#fff;color:#44678f;font-size:12px;min-width:0}
/* One overview anchor and four compact supporting metrics. */
.tf-st-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px}
.tf-st-summary{position:relative;isolation:isolate;overflow:hidden;padding:24px 26px;border:1px solid #cfe4fb;border-radius:var(--tf-ui-radius);background:linear-gradient(120deg,#eaf2ff,#f0fcff);color:#173b68}
.tf-st-summary:after{content:"";position:absolute;width:240px;height:240px;right:-100px;top:-100px;border:36px solid #9cdce71c;border-radius:50%;z-index:-1;pointer-events:none}
.tf-st-summary>header{display:flex;align-items:center;gap:12px}
.tf-st-summary-symbol{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#fff;color:#287aff;box-shadow:0 4px 14px #3a7cd009}
.tf-st-summary h2{font-size:15px;font-weight:700;letter-spacing:-.3px}
.tf-st-summary header p{font-size:11px;color:#7184ad;margin-top:3px}
.tf-st-summary-values{display:grid;grid-template-columns:1fr 1fr;margin:22px 0 20px;gap:20px}
.tf-st-summary-values>div+div{padding-left:22px;border-left:1px solid #ccdef2}
.tf-st-summary-values span{font-size:12px;color:#6a82a5}
.tf-st-summary-values strong{display:block;font-size:38px;font-weight:700;letter-spacing:-1px;line-height:1.25;margin-top:5px;font-variant-numeric:tabular-nums}
.tf-st-summary-values>div+div strong{color:#09a79a}
.tf-st-summary-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:11px;color:#6a82a5}
.tf-st-summary-progress strong{color:#247bec;font-weight:700}
.tf-st-summary-track{height:7px;border-radius:9px;background:#dce8f7;overflow:hidden}
.tf-st-summary-track i{display:block;height:100%;border-radius:9px;background:linear-gradient(100deg,#1678ff,#16c5c4)}
.tf-st-summary-footer{display:flex;align-items:center;gap:7px;margin-top:15px;font-size:10px;color:#7184ad}
.tf-st-summary-footer svg{width:14px;height:14px}
.tf-st-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tf-st-metric{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #ffffff;border-radius:var(--tf-ui-radius);background:#fffffff2;box-shadow:0 6px 24px #30658503;min-width:0}
.tf-st-metric .tf-status-icon{width:42px;height:42px;flex:0 0 42px}
.tf-st-metric .tf-status-icon svg{width:22px;height:22px}
.tf-st-metric>div{min-width:0}
.tf-st-metric p{font-size:12px;color:#7184ad}
.tf-st-metric strong{display:block;font-size:29px;font-weight:700;letter-spacing:-.7px;line-height:1.3;color:#14234a;font-variant-numeric:tabular-nums}
.tf-st-metric small{display:block;font-size:10px;color:#8192b5;margin-top:4px;line-height:1.6}
.tf-st-overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr);gap:20px;align-items:stretch}
.tf-st-panel.tf-panel{padding:0;overflow:visible}
.tf-st-panel-title.tf-panel-heading{padding:20px;min-height:84px;align-items:flex-start;gap:16px}
.tf-st-panel-title>div{min-width:0}
.tf-st-panel-title h2{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;letter-spacing:-.35px;color:#14234a;line-height:1.5}
.tf-st-panel-title h2 svg{width:18px;height:18px;flex:0 0 18px;color:#3476ff}
.tf-st-panel-title p{margin:5px 0 0 27px;font-size:11px;line-height:1.7;color:var(--tf-muted)}
.tf-st-chart-key{display:flex;gap:12px;flex-wrap:wrap;padding-top:4px;font-size:10px;color:var(--tf-muted)}
.tf-st-chart-key>span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.tf-st-chart-key i{width:7px;height:7px;border-radius:2px}
.tf-statistics-v4 .is-created{background:#3476ff}
.tf-statistics-v4 .is-completed{background:#17bca3}
.tf-st-trend-chart{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:12px;margin:4px 20px 0;min-height:190px;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#edf2f8 39px,#edf2f8 40px);background-size:100% 160px;background-repeat:no-repeat;background-position:0 0}
.tf-st-week{display:grid;gap:10px;text-align:center;min-width:0}
.tf-st-week-bars{display:flex;align-items:flex-end;justify-content:center;gap:6px;height:160px;border-bottom:1px solid #e5edf7}
.tf-st-week-bars>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;width:22px;max-width:38%}
.tf-st-week-bars small{font-size:10px;color:#8192b5;font-variant-numeric:tabular-nums}
.tf-st-week-bars i{display:block;width:100%;min-height:2px;border-radius:6px 6px 0 0}.tf-st-week-bars .is-created{background:linear-gradient(0deg,#3476ff,#7bb9ff)}.tf-st-week-bars .is-completed{background:linear-gradient(0deg,#0cb9a5,#78ded0)}
.tf-st-week>span{font-size:10px;color:var(--tf-muted);white-space:nowrap}
.tf-st-panel-note{padding:16px 20px;font-size:10px;line-height:1.7;color:#8192b5}
.tf-st-status-body{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;align-items:center;padding:8px 20px 22px}
.tf-st-donut{position:relative;width:160px;height:160px}
.tf-st-donut svg{display:block;width:100%;height:100%}
.tf-st-donut>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}
.tf-st-donut strong{font-size:28px;font-weight:700;letter-spacing:-.8px;color:var(--tf-ink);line-height:1.3}
.tf-st-donut span{font-size:10px;color:var(--tf-muted);margin-top:4px}
.tf-st-status-legend{display:grid;gap:12px;min-width:0}
.tf-st-status-legend>div{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;background:color-mix(in srgb,var(--status-color) 5%,white);font-size:11px;color:#6c80a6}
.tf-st-status-legend i{width:7px;height:7px;border-radius:50%;flex:0 0 7px}
.tf-st-status-legend small{width:28px;text-align:right;font-size:10px;color:#8192b5}.tf-st-status-legend strong{margin-left:auto;min-width:23px;text-align:center;padding:1px 6px;border-radius:6px;background:#fff;color:var(--status-color);font-size:11px;font-weight:600}
.tf-st-attention{padding:0 20px 8px}
.tf-st-attention article{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #edf2f8}
.tf-st-attention article:first-child{border:0}
.tf-st-task-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:var(--tf-ui-control-radius);background:#edf5ff;color:#3476ff}
.tf-st-task-mark.is-late{color:#ef6c83;background:#fff0f3}
.tf-st-task-mark svg{width:19px;height:19px}
.tf-st-attention article>div:nth-child(2){min-width:0;flex:1}
.tf-st-attention strong{display:block;font-size:12px;font-weight:600;line-height:1.7;overflow-wrap:anywhere;color:#254669}
.tf-st-attention small{display:block;font-size:10px;line-height:1.7;color:#8192b5;margin-top:4px;overflow-wrap:anywhere}
.tf-st-due{flex:0 0 110px;text-align:right}
.tf-st-due>span{font-size:11px;color:#44678f}
.tf-st-performance-main{display:flex;align-items:center;gap:16px;margin:0 20px 18px;padding:18px;border:1px solid #e4f1f2;border-radius:var(--tf-ui-control-radius);background:linear-gradient(110deg,#f5fbff,#f1fcf9)}
.tf-st-performance-main>strong{font-size:34px;font-weight:700;line-height:1.2;color:#11a887;letter-spacing:-.8px}
.tf-st-performance-main>div{display:grid;gap:4px}
.tf-st-performance-main span{font-size:12px;font-weight:600;color:#345780}
.tf-st-performance-main small{font-size:10px;line-height:1.6;color:var(--tf-muted)}
.tf-st-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 20px;padding-bottom:18px;border-bottom:1px solid #edf2f8}
.tf-st-quality-grid>div{display:grid;gap:5px}
.tf-st-quality-grid strong{font-size:21px;font-weight:700;color:#254669}
.tf-st-quality-grid span{font-size:10px;color:var(--tf-muted)}
.tf-st-priorities{margin:18px 20px 0}
.tf-st-priorities h3{font-size:12px;font-weight:600;margin-bottom:12px;color:#345780}
.tf-st-priorities>div{display:flex;align-items:center;gap:12px;margin-top:11px;font-size:11px;color:var(--tf-muted)}
.tf-st-priorities>div>span{width:46px}
.tf-st-priorities>div>div{height:6px;flex:1;background:#edf2f8;border-radius:6px;overflow:hidden}
.tf-st-priorities i{display:block;height:100%;border-radius:6px}
.tf-st-priorities strong{width:24px;text-align:right;color:#44678f;font-size:11px;font-weight:600}
.tf-st-context-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:16px 20px;border:1px solid #dce9f6;border-radius:var(--tf-ui-radius);background:#ffffffb8;font-size:11px;color:#7184ad}
.tf-st-context-strip>span{display:flex;align-items:center;gap:8px}
.tf-st-context-strip strong{font-size:17px;font-weight:700;color:#345780;line-height:1.2}
.tf-st-results>.tf-st-panel-title{align-items:center;border-bottom:1px solid #edf2f8}
.tf-st-results nav{flex-shrink:0}
.tf-st-people-tools{display:flex;align-items:center;gap:12px;padding:16px 20px}
.tf-st-people-tools label{display:flex;align-items:center;gap:10px;flex:1;max-width:440px;min-width:0;padding:0 12px;height:42px;border:1px solid #dce7f4;border-radius:var(--tf-ui-control-radius);background:white;color:#8099b9}
.tf-st-people-tools label svg{width:17px;height:17px;flex-shrink:0}
.tf-st-people-tools label:focus-within{border-color:#8ab4ff;box-shadow:0 0 0 2px #3476ff12}
.tf-st-people-tools input{width:100%;min-width:0;height:100%;border:0;padding:0;box-shadow:none;background:transparent;color:#345780;font-size:12px;outline:0}
.tf-statistics-v4 .tf-st-people-tools input:focus-visible{outline:0}
.tf-st-people-tools input::placeholder{color:#8b9db8}
.tf-st-people-tools select{margin-left:auto;max-width:230px;min-width:0}
.tf-st-table-scroll{overflow:auto;max-height:620px;scrollbar-gutter:stable;overscroll-behavior-x:contain;overscroll-behavior-y:auto;border-top:1px solid #edf2f8}
.tf-st-table{width:100%;min-width:850px;border-collapse:separate;border-spacing:0;text-align:center}
.tf-st-table thead{background:#f6f9fd}
.tf-st-table thead th{position:sticky;top:0;z-index:2;background:#f6f9fd;padding:15px 16px;color:#6c80a6;font-size:11px;font-weight:600;white-space:nowrap;border-bottom:1px solid #e5edf7}
.tf-st-table thead th:first-child{left:0;z-index:3;padding-left:20px;text-align:left}
.tf-st-table td{padding:18px 16px;border-bottom:1px solid #edf2f8;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:#44678f}
.tf-st-table tbody th{position:sticky;left:0;z-index:1;background:#fff;width:34%;min-width:280px;max-width:360px;padding:17px 20px;border-bottom:1px solid #edf2f8;text-align:left}.tf-st-table tbody tr:last-child :is(th,td){border-bottom:0}
/* Paint the sticky identity cell and data cells together. Mouse focus must not retain hover. */
.tf-st-employee-row{cursor:pointer;--employee-row-bg:#fff}
.tf-st-table tbody tr>:is(th,td){background:var(--employee-row-bg);transition:none}
@media(hover:hover){.tf-st-employee-row:hover{--employee-row-bg:#f1f7ff}}
.tf-st-employee-row:has(button:focus-visible){--employee-row-bg:#f1f7ff}
.tf-st-person{display:flex;align-items:center;gap:12px;width:100%;max-width:100%;padding:0;border:0;background:transparent;text-align:left;color:#254669}
.tf-st-person>img,.tf-st-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:25%;object-fit:cover}
.tf-st-avatar{display:grid;place-items:center;background:#edf4ff;color:#6590ce;font-size:11px;font-weight:600}
.tf-st-person>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.tf-st-person-arrow{flex:0 0 16px;margin-left:6px;color:#91a8c7}.tf-st-person:hover .tf-st-person-arrow{color:#3476ff}.tf-st-person small[title]{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tf-st-person strong{font-size:12px;font-weight:600;line-height:1.7;overflow-wrap:anywhere}
.tf-st-person small{font-size:10px;font-weight:400;color:#8192b5;line-height:1.6;overflow-wrap:anywhere}
.tf-st-person .tf-st-inactive{color:#bd7f68}
.tf-st-count{font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:3px 7px;border-radius:7px;background:#f0f5fc;font-size:12px}
.tf-st-count.is-active{background:#fff6df;color:#bd810b}.tf-st-count.is-waiting{background:#f3edff;color:#8841f5}.tf-st-count.is-done{background:#e8f8f2;color:#0eaa7e}
.tf-st-count.is-overdue{background:#fff0f3;color:#df617d}
.tf-st-rate{display:flex;align-items:center;gap:9px;min-width:110px}.tf-st-rate>span{min-width:30px;text-align:right}.tf-st-rate>div{flex:1;min-width:60px}
.tf-st-rate>span{font-size:10px;font-weight:500;color:#6c80a6}
.tf-st-rate>div{height:5px;background:#eaf0f8;border-radius:5px;overflow:hidden}
.tf-st-rate i{display:block;height:100%;border-radius:5px;background:linear-gradient(100deg,#0799ff,#39cebb)}
.tf-statistics-v4 .is-done{color:#0eaa7e}
.tf-statistics-v4 .is-overdue{color:#df617d}
.tf-st-results footer{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #edf2f8;color:#8192b5;font-size:11px}
.tf-st-results footer>span:first-child{margin-right:auto}
.tf-st-results footer button{min-height:34px;padding:6px 12px;font-size:11px}
.tf-st-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px}
.tf-st-scope-card{border:1px solid #dce8f9;border-radius:var(--tf-ui-radius);padding:18px;min-width:0;background:#fff}
.tf-st-scope-card .tf-st-rate{display:grid}.tf-st-scope-card .tf-st-rate>span{text-align:left}.tf-st-scope-card>header{display:flex;align-items:center;gap:12px}
.tf-st-scope-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:var(--tf-ui-control-radius);color:#3476ff;background:#edf5ff}
.tf-st-scope-card h3{font-size:13px;font-weight:600;color:#254669;overflow-wrap:anywhere}
.tf-st-scope-card p{font-size:10px;color:#8192b5;margin-top:4px;line-height:1.7;overflow-wrap:anywhere}
.tf-st-scope-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}
.tf-st-scope-numbers>span{display:grid;gap:5px}
.tf-st-scope-numbers strong{font-size:21px;font-weight:700;color:#345780}
.tf-st-scope-numbers small{font-size:10px;line-height:1.6;color:#8192b5;overflow-wrap:anywhere}
.tf-st-empty{padding:36px 20px;font-size:12px;text-align:center;line-height:1.7;color:var(--tf-muted)}
.tf-st-error{border:1px solid #ffdce6;border-radius:var(--tf-ui-control-radius);background:#fff5f7;padding:14px 18px;color:#c56680;font-size:12px}
.tf-st-footnote{color:#8192b5;font-size:10px;line-height:1.8}
@media(max-width:1600px){.tf-st-overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(350px,1fr)}.tf-st-trend .tf-st-panel-title{flex-wrap:wrap;gap:10px}.tf-st-trend .tf-st-chart-key{margin-left:27px}.tf-st-status-body{grid-template-columns:140px minmax(0,1fr);gap:14px}.tf-st-donut{width:140px;height:140px}}
@media(max-width:1150px){.tf-st-overview-grid{grid-template-columns:1fr}.tf-st-status-body{grid-template-columns:160px minmax(0,1fr);padding-top:0}.tf-st-donut{width:160px;height:160px}.tf-st-status-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.tf-st-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-st-context-strip{gap:12px}}
@media(max-width:700px){.tf-statistics-v4{gap:18px}.tf-st-heading{align-items:flex-start;flex-direction:column;gap:14px}.tf-st-heading-actions{width:100%}.tf-st-heading-actions>.tf-st-export{flex:1}.tf-st-filters{gap:14px;padding:16px}.tf-statistics-v4 .tf-cal-multi{width:auto;flex:1;min-width:0}.tf-st-panel-title.tf-panel-heading{padding:18px;flex-wrap:wrap}.tf-st-status-body{padding:0 18px 20px;grid-template-columns:140px minmax(0,1fr)}.tf-st-donut{width:140px;height:140px}.tf-st-status-legend{grid-template-columns:1fr;gap:10px}.tf-st-trend-chart{margin-inline:18px;gap:6px}.tf-st-week-bars{gap:4px}.tf-st-week-bars small,.tf-st-week>span{font-size:9px}.tf-st-chart-key{font-size:9px}.tf-st-attention{padding-inline:18px}.tf-st-attention article{flex-wrap:wrap;gap:10px}.tf-st-due{flex-basis:100%;display:flex;gap:10px;align-items:center;text-align:left;margin-left:48px}.tf-st-due small{margin:0}.tf-st-context-strip{grid-template-columns:1fr;gap:14px}.tf-st-results nav{width:100%;justify-content:center}.tf-st-results nav button{flex:1;justify-content:center}.tf-st-people-tools{padding:16px 18px;flex-wrap:wrap}.tf-st-people-tools label{max-width:none;flex-basis:100%}.tf-st-people-tools select{max-width:none;width:100%}.tf-st-scope-grid{grid-template-columns:1fr;padding:18px}.tf-st-date-row{flex-wrap:wrap}.tf-st-date-row label{flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:6px}.tf-st-date-row input{width:100%}.tf-st-results footer{padding:14px 18px;gap:8px}}
@media(max-width:400px){.tf-st-status-body{grid-template-columns:1fr;justify-items:center}.tf-st-status-legend{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.tf-st-clear.tf-request-secondary{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.tf-st-employee-row{transition:none}}

.tf-st-employee-details{display:grid;gap:22px;color:var(--tf-ink);font:inherit;font-size:13px;line-height:1.6}
.tf-st-employee-details :is(h3,h4,p,dl,dd){margin:0}
.tf-st-employee-profile{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #dce9fa;border-radius:var(--tf-ui-radius);background:linear-gradient(110deg,#f3f7ff,#f3fcfc)}
.tf-st-employee-profile>img,.tf-st-employee-avatar{width:62px;height:62px;flex:0 0 62px;object-fit:cover;border-radius:25%}
.tf-st-employee-avatar{display:grid;place-items:center;background:#e6efff;color:#4b85cc;font-size:19px;font-weight:600}
.tf-st-employee-profile>div{min-width:0;flex:1}
.tf-st-employee-profile h3{font-size:19px;font-weight:700;color:#183d69;overflow-wrap:anywhere}
.tf-st-employee-profile p{margin-top:5px;color:#7184ad;font-size:12px;overflow-wrap:anywhere}
.tf-st-account-state{padding:5px 9px;background:#e5f8f0;color:#16a477;border-radius:8px;font-size:10px;white-space:nowrap}
.tf-st-account-state.is-inactive{background:#fff1f4;color:#cc6e85}
.tf-st-employee-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tf-st-employee-metrics>div{display:grid;gap:6px;padding:16px 18px;border:1px solid #e1eafa;border-radius:var(--tf-ui-control-radius);background:#fff}
.tf-st-employee-metrics strong{font-size:27px;line-height:1.2;font-weight:700;color:#345780;font-variant-numeric:tabular-nums}
.tf-st-employee-metrics>div:nth-child(3) strong{color:#0baa86}.tf-st-employee-metrics>div:last-child strong{color:#ef6c83}
.tf-st-employee-metrics span{font-size:11px;color:#8192b5}
.tf-st-employee-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.tf-st-employee-section{border:1px solid #e1eafa;border-radius:var(--tf-ui-radius);padding:18px;min-width:0}
.tf-st-employee-section h4{font-size:13px;font-weight:600;color:#254c7a;margin-bottom:16px}
.tf-st-employee-structure{display:grid;gap:10px;margin-bottom:22px}
.tf-st-employee-structure p{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#7184ad;overflow-wrap:anywhere}
.tf-st-employee-structure svg{flex:0 0 16px;margin-top:2px;color:#6b94cb}
.tf-st-employee-completion>div:first-child{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px;font-size:12px}
.tf-st-employee-completion strong{font-weight:500;color:#52749d}
.tf-st-employee-completion span{color:#09a79a;font-weight:600}
.tf-st-employee-track{height:7px;border-radius:8px;background:#edf3fb;overflow:hidden}
.tf-st-employee-track i{display:block;height:100%;border-radius:8px;background:linear-gradient(100deg,#0799ff,#39cebb)}
.tf-st-employee-facts{display:grid;gap:11px;padding-top:18px}
.tf-st-employee-facts>div{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:11px}
.tf-st-employee-facts dt{color:#8192b5}.tf-st-employee-facts dd{font-weight:600;color:#345780}
.tf-st-employee-statuses{display:grid;gap:13px}
.tf-st-employee-statuses>div>div:first-child{display:flex;align-items:center;gap:7px;color:#7184ad;font-size:11px}
.tf-st-employee-statuses i{height:6px;width:6px;flex:0 0 6px;border-radius:50%}
.tf-st-employee-statuses strong{margin-left:auto;font-weight:600;color:var(--status-color);font-size:12px}
.tf-st-employee-statuses small{width:29px;text-align:right;font-size:10px;color:#8192b5}
.tf-st-detail-status-track{height:4px;border-radius:6px;background:#f0f4fa;overflow:hidden;margin-top:6px}
.tf-st-detail-status-track i{display:block;height:100%;border-radius:6px}
.tf-st-work-preview>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}
.tf-st-work-preview h4{margin-bottom:4px}.tf-st-work-preview header p{font-size:11px;color:#8192b5}.tf-st-work-preview header>span{font-size:11px;color:#8192b5;white-space:nowrap}
.tf-st-work-list{display:grid}.tf-st-work-list article{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #edf2f8}.tf-st-work-list article:last-child{border:0;padding-bottom:0}
.tf-st-work-list article>div{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px}.tf-st-work-list small{font-size:10px;color:#8192b5}.tf-st-work-list strong{font-size:12px;font-weight:500;color:#345780;overflow-wrap:anywhere}
.tf-st-work-date{font-size:11px;color:#8192b5;white-space:nowrap}.tf-st-work-status{padding:4px 8px;font-size:10px;border-radius:7px;white-space:nowrap}
.tf-st-employee-caption,.tf-st-employee-muted{color:#8192b5;font-size:11px;line-height:1.7}
@media(max-width:1000px){.tf-st-filter-main{grid-template-columns:1fr 1fr;gap:14px}.tf-st-filter-context{padding:0;border:0}.tf-st-filter-controls{grid-column:1/-1}}
@media(max-width:600px){.tf-st-filter-main{grid-template-columns:1fr}.tf-st-filter-controls{grid-column:auto}.tf-st-employee-columns{grid-template-columns:1fr}.tf-st-employee-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-st-employee-profile{flex-wrap:wrap}.tf-st-account-state{margin-left:78px}.tf-st-employee-profile h3{font-size:17px}.tf-st-work-list article{flex-wrap:wrap;gap:8px}.tf-st-work-list article>div{flex-basis:100%}.tf-st-work-status{margin-left:auto}}

@media(max-width:1150px){.tf-st-overview{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.tf-st-metric{padding:16px;gap:12px}.tf-st-metric .tf-status-icon{width:34px;height:34px;flex-basis:34px}.tf-st-summary{padding:22px}.tf-st-status-legend>div{padding:7px}}
@media(max-width:800px){.tf-st-overview{grid-template-columns:1fr}.tf-st-summary-values strong{font-size:34px}.tf-st-metric-grid{gap:12px}.tf-st-metric{padding:16px}.tf-st-summary{padding:22px}.tf-st-metric strong{font-size:26px}}
@media(max-width:400px){.tf-st-metric{align-items:flex-start;flex-direction:column;gap:10px}.tf-st-status-legend{grid-template-columns:1fr}}

.tf-st-flow-totals{display:flex;align-items:center;gap:24px;margin:0 20px 16px;padding:0 0 16px;border-bottom:1px solid #edf2f8}
.tf-st-flow-totals>div{display:flex;align-items:center;gap:8px}
.tf-st-flow-totals i{width:7px;height:7px;border-radius:50%;flex:0 0 7px}
.tf-st-flow-totals strong{font-size:23px;line-height:1.2;font-weight:700;letter-spacing:-.5px;color:#183d69;font-variant-numeric:tabular-nums}
.tf-st-flow-totals span{font-size:11px;color:#8192b5}
.tf-st-attention-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:250px;padding:30px 24px;text-align:center}
.tf-st-attention-empty>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e8faf3;color:#12ae80;box-shadow:0 0 0 9px #f5fcf9;margin-bottom:8px}
.tf-st-attention-empty strong{font-size:14px;font-weight:600;color:#345780}
.tf-st-attention-empty p{font-size:12px;color:#8192b5;line-height:1.7}
@media(max-width:400px){.tf-st-flow-totals{gap:16px}.tf-st-flow-totals>div{gap:5px}.tf-st-flow-totals span{font-size:10px}}

.tf-st-task-link{display:block;color:inherit;text-decoration:none;border-radius:8px}.tf-st-task-link:hover strong{color:var(--tf-blue,#2563eb);text-decoration:underline}.tf-st-task-link:focus-visible{outline:2px solid var(--tf-blue,#2563eb);outline-offset:4px}.tf-st-work-list>.tf-st-task-link:not(:last-child) article{border-bottom:1px solid var(--tf-line,#edf2f8)}.tf-st-work-list .tf-st-task-link article{padding:13px 0}.tf-st-attention .tf-st-task-link+.tf-st-task-link{border-top:1px solid var(--tf-line,#edf2f8)}

/* Larger status donut with the same proportions at every breakpoint. */
.tf-st-status-body{grid-template-columns:220px minmax(0,1fr)}.tf-st-donut{width:220px;height:220px}.tf-st-donut circle{transition:stroke-width .18s ease,stroke-opacity .18s ease}.tf-st-donut>div{padding:0 40px;text-align:center}.tf-st-donut strong{font-size:34px}.tf-st-donut small{font-size:10px;color:var(--tf-muted);margin-top:4px}.tf-st-status-legend>div:focus-visible{outline:2px solid var(--status-color);outline-offset:3px}.tf-st-status-legend>div.is-highlighted{box-shadow:inset 0 0 0 1px var(--status-color)}
.tf-st-scope-card>header>div{min-width:0;flex:1}.tf-st-scope-card h3,.tf-st-scope-card p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1600px){.tf-st-status-body{grid-template-columns:200px minmax(0,1fr)}.tf-st-donut{width:200px;height:200px}}
@media(max-width:1150px){.tf-st-status-body{grid-template-columns:220px minmax(0,1fr)}.tf-st-donut{width:220px;height:220px}}
@media(max-width:700px){.tf-st-status-body{grid-template-columns:180px minmax(0,1fr)}.tf-st-donut{width:180px;height:180px}.tf-st-donut strong{font-size:28px}.tf-st-donut>div{padding:0 34px}}
@media(max-width:480px){.tf-st-status-body{grid-template-columns:1fr;justify-items:center}.tf-st-donut{width:220px;height:220px}.tf-st-status-legend{width:100%}}

.tf-st-created-group{position:relative;outline:none}.tf-st-created-group:focus-visible{outline:2px solid var(--tf-blue);outline-offset:4px;border-radius:5px}
.tf-st-created-bar{position:relative;overflow:hidden}.tf-st-created-segments{position:absolute;inset:0;display:flex;flex-direction:column-reverse;opacity:0;transition:opacity .18s ease}.tf-st-created-segments>span{display:block;width:100%;flex-shrink:0}
.tf-st-created-group:is(:hover,:focus-within) .tf-st-created-segments{opacity:1}
.tf-st-created-tooltip{position:absolute;z-index:10;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px);width:220px;max-width:75vw;box-sizing:border-box;padding:13px 14px;border:1px solid var(--tf-line,#e2e8f0);border-radius:12px;background:var(--tf-surface,#fff);box-shadow:0 8px 28px #0b31551c;color:var(--tf-ink,#0f172a);font-style:normal;text-align:left;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s}
.tf-st-created-group:is(:hover,:focus-within) .tf-st-created-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.tf-st-created-tooltip>strong{font-size:12px;font-weight:600}.tf-st-created-tooltip p{font-size:10px;color:var(--tf-muted);margin:3px 0 9px}.tf-st-created-tooltip>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px;font-size:11px}.tf-st-created-tooltip>div>span{display:flex;align-items:center;gap:7px}.tf-st-created-tooltip b{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.tf-st-week:nth-child(-n+2) .tf-st-created-tooltip{left:-10px;transform:translateY(4px)}.tf-st-week:nth-child(-n+2) .tf-st-created-group:is(:hover,:focus-within) .tf-st-created-tooltip{transform:translateY(0)}
.tf-st-week:nth-last-child(-n+2) .tf-st-created-tooltip{left:auto;right:-25px;transform:translateY(4px)}.tf-st-week:nth-last-child(-n+2) .tf-st-created-group:is(:hover,:focus-within) .tf-st-created-tooltip{transform:translateY(0)}

.tf-st-content{display:contents}

/* EmOS reference: frontend/src/components/Layout.tsx, ui.tsx and index.css.
   The reference repository is read-only. Lagend retains its blue/green identity
   and existing workflows. Keep this theme last so individual screens agree. */
:root{
 --tf-sidebar-width:256px; /* EmOS Layout.tsx w-64 = 16rem at its 16px root. */
 --tf-sidebar-rail:0px;
 --tf-canvas:#f4f7fb;--tf-surface:#fff;--tf-ink:#0f172a;--tf-muted:#64748b;
 --tf-line:#e2e8f0;--tf-blue:#2563eb;--tf-green:#06b7cb;
 --tf-gradient:linear-gradient(110deg,#1669ff,#06b7cb);
 --tf-panel-shadow:0 1px 2px rgb(15 23 42 / 3%);
 --tf-ui-radius:16px;--tf-ui-control-radius:12px;
 --tf-ui-fast:150ms;--tf-ui-page:180ms;--tf-ui-modal:220ms;
 --tf-ui-ease:cubic-bezier(.22,.61,.36,1);
}
/* The shell owns page scrolling; the document must not reserve a second gutter. */
html{scrollbar-gutter:auto}
body{min-width:320px;color:var(--tf-ink);background:var(--tf-canvas);font-size:14px;line-height:1.5}
::selection{background:#2563eb24}
.lagend-shell,.lagend-main{background:var(--tf-canvas)}
.lagend-shell{height:100dvh;min-height:0;overflow:hidden}.lagend-shell>div{min-height:0}.lagend-main{overflow-y:auto;min-height:0;scrollbar-gutter:stable}
.lagend-main{padding:32px;min-width:0}
.lagend-main::before,.lagend-topbar::before,.lagend-sidebar::before,.lagend-sidebar::after{content:none}
.tf-page-frame{width:100%;max-width:1480px;margin-inline:auto}
/* Structure remains a working canvas; its fullscreen width is never constrained. */
.tf-page-frame:has(.org-page:fullscreen){max-width:none}
/* EmOS sidebar structure: centered branding, grouped navigation, full slide-away. */
.lagend-sidebar{position:relative;top:auto;background:#fff;color:#475569;border-right:1px solid var(--tf-line);box-shadow:none;height:100dvh;min-height:0;flex-shrink:0;transition:transform 200ms cubic-bezier(.4,0,.2,1),margin-left 200ms cubic-bezier(.4,0,.2,1),visibility 200ms}
.lagend-sidebar.w-64,.lagend-sidebar.w-16{width:256px;min-width:256px}
.lagend-sidebar.w-64{margin-left:0;transform:translateX(0);visibility:visible}
.lagend-sidebar.w-16{margin-left:-256px;transform:translateX(0);visibility:hidden;pointer-events:none}
.lagend-sidebar>div:first-child,.lagend-sidebar.w-16>div:first-child{position:relative;min-height:86.52px;height:86.52px;flex-shrink:0;padding:24px;justify-content:center;border-bottom:1px solid var(--tf-line)}
.tf-sidebar-brand{height:auto;width:100%;justify-content:center;position:relative;isolation:isolate;overflow:visible}
.tf-sidebar-brandmark{display:flex;align-items:center;justify-content:center;gap:10px;width:154px;max-width:100%}
.tf-sidebar-brandmark img{width:32px;height:32px;flex:0 0 32px}
.lagend-sidebar .lagend-wordmark{font-size:24px;letter-spacing:-.9px;color:#0f294c;font-weight:700}
.lagend-sidebar .lagend-wordmark::first-letter{color:#2563eb}
.lagend-sidebar nav,.lagend-sidebar.w-16 nav{display:flex;flex-direction:column;padding:20px 16px;gap:24px;overflow-y:auto;scrollbar-gutter:stable}
.tf-nav-group{position:relative;flex-shrink:0}
.lagend-sidebar .tf-nav-group-label{margin:0 0 8px;padding:0 12px;font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.5;text-transform:uppercase;color:#94a3b8}
.tf-nav-group-items{display:grid;gap:4px}
.lagend-sidebar nav a,.lagend-sidebar.w-16 nav a{width:auto;min-width:0;height:auto;min-height:42px;margin:0;font-size:14px;font-weight:600;line-height:1.5;color:#64748b;border-radius:12px;padding:10px 12px;gap:12px;justify-content:flex-start;transition:background-color 200ms ease-out,color 200ms ease-out,transform 200ms ease-out}
.lagend-sidebar nav a svg{width:20px;height:20px;flex:0 0 20px;color:inherit;stroke-width:1.8}
.lagend-sidebar nav a:not([aria-current=page]):hover{background:#f1f5f9;color:#0f172a;transform:translateX(2px)}
.lagend-sidebar nav a[aria-current=page]{background:var(--tf-gradient);color:#fff;box-shadow:0 3px 10px #1675df14}
.lagend-sidebar .tf-sidebar-label,.lagend-sidebar.w-16 .tf-sidebar-label{position:static;left:auto;top:auto;width:auto;flex:1;white-space:nowrap;transform:none;opacity:1;visibility:inherit;pointer-events:inherit;transition:none}
.tf-nav-indicator{background:var(--tf-gradient);box-shadow:0 3px 10px #1675df14;border-radius:12px}
.lagend-sidebar .tf-sidebar-nav[data-indicator-ready=true] a[aria-current=page]{color:white;background:transparent;box-shadow:none}
.lagend-sidebar .tf-account-footer,.lagend-sidebar.w-16 .tf-account-footer{padding:12px;border-color:var(--tf-line)}
.tf-account-trigger,.lagend-sidebar.w-16 .tf-account-trigger{color:#334155;height:56px;min-height:56px;padding:10px;gap:12px;border-radius:12px}
.tf-account-trigger:hover{background:#f1f5f9}
.tf-account-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:8px}
.tf-account-avatar>span{width:36px;height:36px;border-radius:8px;background:var(--tf-gradient);font-size:14px;font-weight:700;box-shadow:0 0 0 1px #0f172a1a}
.lagend-sidebar .tf-account-footer .tf-account-avatar img{inset:0;width:36px;height:36px;border-radius:8px;object-fit:cover}
.tf-account-copy,.lagend-sidebar.w-16 .tf-account-copy{display:flex;width:auto;flex:1;opacity:1;pointer-events:inherit;visibility:inherit}
.tf-account-copy strong{font-size:14px;color:#0f172a;font-weight:600}
.tf-account-copy small{font-size:11px;color:#64748b}
.tf-account-chevron,.lagend-sidebar.w-16 .tf-account-chevron{width:16px;flex:0 0 16px;margin:0;color:#64748b;opacity:1}
.tf-account-trigger[aria-expanded=false] .tf-account-chevron{transform:rotate(180deg)}
.tf-account-trigger[aria-expanded=true] .tf-account-chevron{transform:none}
.tf-account-menu,.lagend-sidebar.w-16 .tf-account-menu{margin-bottom:8px;padding:4px;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0}
.tf-account-menu button,.lagend-sidebar.w-16 .tf-account-menu button{width:100%;min-height:40px;padding:10px 12px;gap:8px;color:#475569;border-radius:8px;font-size:14px;font-weight:500}
.tf-account-menu button svg{width:16px;height:16px;flex:0 0 16px}
.lagend-sidebar.w-16 .tf-account-menu button span{display:inline}
.tf-account-menu button:hover{background:#e2e8f0;color:#0f172a}
.tf-account-menu button:last-child:hover{background:#e2e8f0;color:#0f172a}
/* Header context and a real shared sidebar control, as in EmOS. */
.lagend-topbar{height:64px;min-height:64px;background:#fff;border-color:#e2e8f0;padding-inline:24px;backdrop-filter:none;gap:20px}
.tf-topbar-context{display:flex;align-items:center;gap:12px;min-width:0}
.tf-topbar-menu{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;background:white;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;transition:background-color 150ms var(--tf-ui-ease),border-color 150ms var(--tf-ui-ease)}
.tf-topbar-menu:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}
.tf-topbar-menu:focus-visible{outline:0;box-shadow:0 0 0 4px #2563eb25}
.tf-topbar-title{min-width:0}
.lagend-topbar .tf-topbar-title p{font-size:14px;font-weight:700;line-height:1.4;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tf-topbar-title small{display:block;margin-top:2px;font-size:11px;color:#94a3b8;white-space:nowrap}
.tf-topbar-actions{display:flex;align-items:center;gap:20px;min-width:0;flex-shrink:0}
.tf-topbar-date{font-size:12px;font-weight:500;color:#64748b;background:#f1f5f9;border-radius:8px;padding:7px 12px;white-space:nowrap}
.lagend-topbar .tf-company-switch summary{color:#334155;border-radius:12px}
.tf-mobile-nav-backdrop{display:none}
/* Shared typography: predictable levels rather than per-tab font scales. */
:is(.tf-welcome,.tf-unified-task-heading,.tf-users,.org-page,.tf-requests-heading,.tf-projects-heading,.tf-pr-heading,.tf-cal-heading,.tf-st-heading) h1{font-size:26px;line-height:1.35;font-weight:700;letter-spacing:-.75px;color:#0f172a}
:is(.tf-welcome,.tf-unified-task-heading,.tf-requests-heading,.tf-projects-heading,.tf-pr-heading,.tf-cal-heading,.tf-st-heading)>p,
:is(.tf-welcome,.tf-requests-heading,.tf-projects-heading,.tf-pr-heading,.tf-cal-heading,.tf-st-heading)>div>p{font-size:14px;line-height:1.7;color:#64748b;margin-top:6px}
.tf-panel-heading h2,.tf-st-panel-title h2{font-size:14px;font-weight:700;letter-spacing:-.2px;color:#1e293b}
.tf-panel-title p,.tf-st-panel-title p{font-size:12px;color:#94a3b8}
/* White surfaces and subtle borders/shadows from EmOS ui.tsx. */
:is(.tf-panel,.tf-request-row,.tf-requests-list,.tf-requests-toolbar,.tf-request-filters,.tf-project-card,.tf-project-toolbar,.tf-project-empty,.tf-cal-panel,.tf-st-panel,.tf-st-metric,.tf-status-card,.tf-meeting-card,.tf-meeting-section,.tf-meeting-overview,.tf-details-overview,.tf-details-section,.tf-pr-progress,.tf-pr-list,.tf-pr-timeline,.tf-pr-activity,.settings-content,.settings-navigation,.structure-membership-join){background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:var(--tf-panel-shadow)}
.tf-status-card:hover{box-shadow:0 4px 12px #0f172a08}
.tf-status-card.is-selected{border-color:var(--stat-color)}
.tf-status-icon{background:color-mix(in srgb,var(--stat-color) 8%,white);color:var(--stat-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--stat-color) 13%,white)}
.tf-status-value p{font-size:12px;color:#64748b}
.tf-status-value strong{font-size:30px;font-weight:700;letter-spacing:-.75px;color:#0f172a}
.tf-project-card h2,.tf-pr-task-open>strong,.tf-meeting-card h3{color:#1e293b;font-weight:600}
.tf-project-card h2{font-size:16px}.tf-pr-task-open>strong{font-size:13px}.tf-meeting-card h3{font-size:15px}
.tf-request-row{border-radius:0;border-width:0 0 1px;box-shadow:none}
.tf-request-row:last-child{border:0}
.tf-requests-list{overflow:hidden}
.tf-request-row:hover{background:#f8fafc}
.tf-st-filters.tf-requests-toolbar{background:#fff;border-color:#e2e8f0}
.tf-st-filter-context,.tf-st-period label{color:#475569}
.tf-st-filter-help{color:#94a3b8;font-size:12px}
.tf-st-summary{border-color:#dbeafe;background:linear-gradient(115deg,#eff6ff,#f0fdfa)}
.tf-st-summary:after{border-color:#99f6e41c}
.tf-st-context-strip{background:#f8fafc;border-color:#e2e8f0}
/* One control size and interaction language throughout Tasks/Requests/Meetings/etc. */
:is(.tf-request-primary,.structure-task-primary,.tf-create-task-button,.tf-cal-button.is-primary,.tf-meeting-action.is-primary){background:var(--tf-gradient);color:white;border-color:transparent;min-height:42px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 2px 5px #2563eb1a;transition:box-shadow 150ms var(--tf-ui-ease),transform 150ms var(--tf-ui-ease)}
:is(.tf-request-primary,.structure-task-primary,.tf-create-task-button,.tf-cal-button.is-primary,.tf-meeting-action.is-primary):hover:not(:disabled){box-shadow:0 5px 14px #2563eb26}
:is(.tf-request-primary,.structure-task-primary,.tf-create-task-button,.tf-cal-button.is-primary,.tf-meeting-action.is-primary):active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 3px #2563eb1a}
:is(.tf-request-secondary,.tf-cal-button:not(.is-primary),.tf-meeting-action:not(.is-primary):not(.is-danger):not(.is-success)){color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:42px;font-size:14px;font-weight:600;box-shadow:var(--tf-panel-shadow);transition:background-color 150ms var(--tf-ui-ease),border-color 150ms var(--tf-ui-ease),box-shadow 150ms var(--tf-ui-ease)}
:is(.tf-request-secondary,.tf-cal-button:not(.is-primary)):hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#0f172a}
:is(.tf-request-primary,.tf-request-secondary,.structure-task-primary,.tf-cal-button,.tf-meeting-action,.tf-topbar-menu):focus-visible{outline:0;box-shadow:0 0 0 4px #2563eb25}
:is(.tf-request-primary,.tf-request-secondary,.structure-task-primary,.tf-cal-button,.tf-meeting-action):disabled{opacity:.5;cursor:not-allowed}
/* Fields, with focus-visible rings; checkboxes and canvas controls keep their own geometry. */
:is(.structure-task-form,.tf-request-form,.tf-project-form,.tf-plan-form,.settings-content,.tf-users,.org-modal) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):not([type=range]),textarea,select){background:#fff;color:#1e293b;border-color:#e2e8f0;border-radius:12px;font-size:14px;transition:border-color 150ms var(--tf-ui-ease),box-shadow 150ms var(--tf-ui-ease)}
:is(.structure-task-form,.tf-request-form,.tf-project-form,.tf-plan-form,.settings-content,.tf-users,.org-modal) :is(input,textarea,select):focus-visible{outline:0;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb19}
:is(.tf-unified-task-toolbar,.tf-task-toolbar,.tf-pr-toolbar,.tf-st-people-tools) :is(input,select){font-size:13px;color:#475569}
:is(.tf-st-people-tools,.tf-cal-search,.tf-workload-search) input::placeholder{color:#94a3b8}
:is(.tf-urgent-table,.tf-st-table,.users-management-table,.tf-all-table) thead th{font-size:12px;font-weight:600;color:#64748b;background:#f8fafc;border-color:#e2e8f0}
:is(.tf-urgent-table,.tf-st-table,.users-management-table,.tf-all-table) td{font-size:13px;border-color:#edf2f7}
.tf-st-person strong{font-size:13px;color:#1e293b}
.tf-st-person small{font-size:11px;color:#94a3b8}
.tf-st-table tbody tr>:is(th,td){transition:none}
.tf-st-employee-row{--employee-row-bg:#fff}
.tf-st-results footer{font-size:12px;color:#94a3b8}
.tf-st-results footer button{font-size:12px;min-height:36px}
:is(.tf-request-tabs,.tf-task-tabs,.tf-cal-views,.tf-st-results nav){background:#f1f5f9;border-radius:12px;border:0}
:is(.tf-request-tabs,.tf-task-tabs,.tf-st-results nav) button{font-size:13px;font-weight:600;color:#64748b}
:is(.tf-request-tabs,.tf-task-tabs,.tf-st-results nav) button[aria-pressed=true]{color:#2563eb;background:#fff;box-shadow:0 1px 3px #0f172a0a}
.tf-modal-surface{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 60px #0f172a29}
.tf-modal-surface>div:first-child{border-bottom:1px solid #f1f5f9;padding:20px 24px 16px}
.tf-modal-surface>div:last-child{padding-top:20px}
.tf-modal-surface>div:first-child h2{font-size:18px;color:#0f172a;font-weight:700}
.tf-modal-surface>div:first-child button:hover{background:#f1f5f9;color:#334155}
.tf-company-menu,.tf-notifications-popover,.membership-select-popover,.tf-cal-filter-popup{border-color:#e2e8f0;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0f172a14}
/* Motion only on navigation/entering surfaces, never data rows or every child. */
@keyframes tf-emos-popover{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes tf-emos-pulse{0%,100%{opacity:1}50%{opacity:.5}}
@media(prefers-reduced-motion:no-preference){
 .tf-page-frame{animation:tf-hr-page-in 180ms var(--tf-ui-ease)}
 .tf-modal-surface{animation:tf-hr-modal-in 220ms var(--tf-ui-ease)}
 .tf-company-menu,.membership-select-popover,.tf-cal-filter-popup{animation:tf-emos-popover 150ms var(--tf-ui-ease)}
 .tf-skeleton-block{animation:tf-emos-pulse 1.5s ease-in-out infinite}
 .tf-skeleton-block:after{display:none}
}
@media(max-width:1250px){.tf-topbar-date{display:none}.lagend-main{padding:24px}.tf-topbar-actions{gap:14px}}
@media(max-width:1023px){
 .lagend-main{padding:20px 16px}.lagend-topbar{padding-inline:16px;gap:12px}
 .tf-topbar-title small{display:none}.lagend-topbar .tf-topbar-title p{font-size:13px;max-width:150px}
 .tf-topbar-actions{gap:10px}.tf-topbar-context{gap:8px}
 .lagend-sidebar.w-64,.lagend-sidebar.w-16{margin-left:0;position:fixed;inset:0 auto 0 0;width:256px;min-width:256px;z-index:70;box-shadow:12px 0 40px #0f172a14;transition:transform 200ms var(--tf-ui-ease),visibility 200ms}
 .lagend-sidebar.w-64{transform:translateX(0);visibility:visible}
 .lagend-sidebar.w-16{transform:translateX(-100%);visibility:hidden;pointer-events:none}
 .tf-mobile-nav-backdrop{display:block;position:fixed;inset:0 0 0 256px;z-index:60;border:0;background:#0f172a66;backdrop-filter:blur(2px)}
 .tf-page-frame{max-width:none}
}
@media(max-width:500px){.tf-topbar-title{display:none}.lagend-topbar .tf-company-switch{min-width:0;width:190px;max-width:calc(100vw - 116px)}.tf-topbar-actions{flex:1;justify-content:flex-end}.lagend-topbar .tf-company-switch summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){
 .lagend-sidebar,.tf-topbar-menu,.tf-request-primary,.tf-request-secondary,.structure-task-primary,.tf-create-task-button,.tf-cal-button,.tf-meeting-action,.tf-company-menu,.membership-select-popover,.tf-cal-filter-popup,.tf-skeleton-block{animation:none!important;transition:none!important}
 .tf-skeleton-block:after{display:none}
}
@media print{.lagend-sidebar,.lagend-topbar,.tf-mobile-nav-backdrop{display:none!important}.lagend-main{padding:0;background:white}.tf-page-frame{max-width:none;animation:none}}

/* EmOS header search/shortcut, appearance switch and command surface. */
.tf-topbar-search,.tf-topbar-theme{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:8px;border:1px solid var(--tf-line);border-radius:12px;background:var(--tf-surface);color:#94a3b8;font-size:14px;cursor:pointer;transition:background-color 150ms var(--tf-ui-ease),border-color 150ms var(--tf-ui-ease),color 150ms var(--tf-ui-ease)}
.tf-topbar-search{padding:8px 8px 8px 12px}.tf-topbar-theme{width:38px;flex:0 0 38px;color:#64748b}
.tf-topbar-search svg{width:16px;height:16px;flex:0 0 16px}.tf-topbar-search kbd{font:600 10px inherit;padding:2px 5px;margin-left:8px;border:1px solid var(--tf-line);border-radius:4px;background:#f8fafc;color:#94a3b8;white-space:nowrap}
.tf-topbar-search:hover,.tf-topbar-theme:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}
.tf-topbar-search:focus-visible,.tf-topbar-theme:focus-visible{outline:0;box-shadow:0 0 0 4px #2563eb25}
.tf-command-palette{display:grid;gap:14px;color:var(--tf-ink)}
.tf-command-input{display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--tf-line);border-radius:12px;background:var(--tf-surface);color:#94a3b8}
.tf-command-input input{width:100%;height:44px;min-width:0;border:0;outline:0;background:transparent;color:var(--tf-ink);font-size:14px}
.tf-command-input:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb19}
.tf-command-caption{margin:0;color:#94a3b8;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:1.5px}
.tf-command-results{display:grid;gap:4px;max-height:340px;overflow-y:auto}
.tf-command-results button{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:42px;border:0;border-radius:8px;padding:10px 12px;text-align:left;background:transparent;color:#64748b;font-size:14px;cursor:pointer}
.tf-command-results button:hover,.tf-command-results button.is-current{background:#eff6ff;color:#2563eb}
.tf-command-results svg{width:16px;height:16px}
.tf-command-palette footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--tf-line);padding-top:12px;color:#94a3b8;font-size:11px}
.tf-command-empty{padding:25px;text-align:center;color:#94a3b8;font-size:13px}
/* Long forms and list controls use the same complete surface language. */
:is(.structure-task-form,.tf-project-form,.tf-plan-form,.tf-request-form)>footer{position:sticky;bottom:0;z-index:5;background:var(--tf-surface);border-top:1px solid var(--tf-line);padding-top:16px;padding-bottom:10px}
:is(.structure-task-form,.tf-project-form,.tf-plan-form,.tf-request-form) label>span:first-child{font-size:13px;font-weight:600;line-height:1.5}
:is(.structure-task-form,.tf-project-form,.tf-plan-form,.tf-request-form) :is(h3,h4){color:#1e293b;font-weight:700}
@media(max-width:1250px){.tf-topbar-search>span,.tf-topbar-search kbd{display:none}.tf-topbar-search{width:38px;padding:8px}.tf-topbar-actions{gap:12px}}
@media(max-width:500px){.tf-topbar-actions{gap:8px}.lagend-topbar .tf-company-switch{width:150px;max-width:calc(100vw - 206px)}}
/* EmOS dark appearance: shared tokens and explicit exceptions for existing views. */
:root[data-tf-color-mode=dark] body{background:var(--background-primary);color:var(--text-primary)}
:root[data-tf-color-mode=dark] .lagend-sidebar{background:var(--background-secondary);border-color:var(--surface-elevated);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .lagend-sidebar>div:first-child{border-color:#ffffff1a}
:root[data-tf-color-mode=dark] .lagend-wordmark{color:var(--text-primary)}
:root[data-tf-color-mode=dark] .lagend-sidebar nav a{color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .lagend-sidebar nav a[aria-current=page]{color:#fff}
:root[data-tf-color-mode=dark] .lagend-sidebar nav a:not([aria-current=page]):hover{background:#ffffff12;color:white}
:root[data-tf-color-mode=dark] :is(.lagend-topbar,.tf-modal-surface,.tf-modal-surface>div,.tf-panel,.tf-requests-list,.tf-requests-toolbar,.tf-request-row,.tf-request-filters,.tf-project-card,.tf-project-toolbar,.tf-project-empty,.tf-cal-panel,.tf-st-panel,.tf-st-metric,.tf-status-card,.tf-meeting-card,.tf-meeting-section,.tf-meeting-overview,.tf-details-overview,.tf-details-section,.tf-pr-progress,.tf-pr-list,.tf-pr-timeline,.tf-pr-activity,.tf-pr-task,.tf-pr-member-grid article,.tf-pr-companies article,.tf-st-scope-card,.settings-content,.settings-navigation,.structure-membership-join,.tf-st-employee-section,.tf-st-employee-metrics>div,.tf-company-menu,.tf-cal-filter-popup,.membership-select-popover){background:var(--surface-primary);border-color:var(--surface-elevated);color:var(--text-secondary);box-shadow:0 1px 2px #0000001a}
:root[data-tf-color-mode=dark] :is(.tf-page-frame,.tf-modal-surface) :is(h1,h2,h3,h4,label){color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(.tf-topbar-title p,.tf-account-copy strong,.tf-st-metric strong,.tf-status-value strong,.tf-st-person strong,.tf-pr-task-open>strong,.tf-st-employee-profile h3,.tf-st-summary-values strong,.tf-st-attention strong,.tf-st-scope-numbers strong){color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(.tf-topbar-title small,.tf-account-copy small,.tf-st-person small,.tf-panel-title p,.tf-page-frame p,.tf-modal-surface p){color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-account-menu,.tf-topbar-date,.tf-topbar-search kbd,.tf-st-context-strip,.tf-request-tabs,.tf-task-tabs,.tf-st-results nav,.tf-command-results button.is-current){background:var(--surface-elevated);border-color:var(--border-subtle);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-account-trigger,.tf-account-menu button){color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-account-trigger:hover,.tf-account-menu button:hover,.tf-request-row:hover,.tf-topbar-menu:hover,.tf-topbar-search:hover,.tf-topbar-theme:hover){background:#ffffff12;color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(.tf-request-secondary,.tf-topbar-menu,.tf-cal-button:not(.is-primary),.tf-st-people-tools label,.tf-cal-search,.tf-workload-search,.tf-cal-filter-trigger,.tf-st-period select,.tf-st-people-tools select,.tf-unified-task-toolbar input,.tf-unified-task-toolbar select,.tf-pr-toolbar input,.tf-pr-toolbar select){background:var(--surface-primary);border-color:var(--border-control);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.structure-task-form,.tf-project-form,.tf-request-form,.tf-plan-form,.settings-content,.org-modal,.tf-users) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):not([type=range]),textarea,select){background:color-mix(in srgb,var(--background-primary) 60%,transparent);color:var(--text-primary);border-color:var(--border-control)}
:root[data-tf-color-mode=dark] :is(.tf-st-table,.tf-urgent-table,.tf-all-table,.users-management-table) :is(th,td){border-color:var(--surface-elevated);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-st-table,.tf-urgent-table,.tf-all-table,.users-management-table) thead th{background:var(--surface-primary);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-st-employee-row{--employee-row-bg:var(--surface-primary)}
:root[data-tf-color-mode=dark] .tf-st-employee-row:hover,:root[data-tf-color-mode=dark] .tf-st-employee-row:has(button:focus-visible){--employee-row-bg:var(--surface-elevated)}
:root[data-tf-color-mode=dark] .tf-st-summary,:root[data-tf-color-mode=dark] .tf-st-employee-profile{background:linear-gradient(115deg,var(--surface-elevated),var(--teal-surface));border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-st-summary-symbol{background:var(--accent-surface);color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-st-status-legend>div{background:color-mix(in srgb,var(--status-color) 10%,var(--surface-primary));color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-st-status-legend strong{background:var(--surface-elevated)}
:root[data-tf-color-mode=dark] .tf-kanban-column{background:color-mix(in srgb,var(--tf-status-color) 10%,var(--surface-primary));border-color:var(--surface-elevated)}
:root[data-tf-color-mode=dark] .tf-pr-phase{background:color-mix(in srgb,var(--phase-color) 12%,var(--surface-primary));border-color:var(--surface-elevated)}
:root[data-tf-color-mode=dark] .tf-status-icon{background:color-mix(in srgb,var(--stat-color) 15%,var(--surface-primary))}
:root[data-tf-color-mode=dark] .tf-st-performance-main{background:linear-gradient(110deg,var(--surface-elevated),var(--teal-surface));border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-company-logo{background:#fff}
:root[data-tf-color-mode=dark] .tf-modal-surface>div:first-child{background:var(--surface-primary);border-color:var(--surface-elevated)}
@media(prefers-reduced-motion:reduce){.tf-topbar-search,.tf-topbar-theme,.lagend-sidebar nav a{transition:none!important}.lagend-sidebar nav a:not([aria-current=page]):hover{transform:none}}

.tf-plans-panel>.tf-meetings-toolbar{background:#fff;border-color:#e2e8f0;border-radius:16px;box-shadow:var(--tf-panel-shadow)}
.tf-plans-page h1{font-size:26px;font-weight:700;letter-spacing:-.75px}
.tf-meetings-search input{font-size:14px;border-color:#e2e8f0;border-radius:12px}
:root[data-tf-color-mode=dark] :is(.tf-st-filter-context,.tf-company-switch summary,.tf-company-switch strong,.tf-cal-filter-copy strong,.tf-st-flow-totals strong,.tf-st-employee-metrics strong,.tf-st-employee-section h4,.tf-st-employee-facts dd,.tf-st-work-list strong,.tf-pr-list strong,.tf-pr-timeline strong,.tf-pr-member-grid strong,.tf-pr-companies strong){color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-status-icon{box-shadow:0 0 0 1px color-mix(in srgb,var(--stat-color) 35%,transparent)}
:root[data-tf-color-mode=dark] :is(.tf-st-summary-track,.tf-st-employee-track,.tf-st-detail-status-track,.tf-st-rate>div,.tf-pr-progress>div){background:var(--border-default)}
:root[data-tf-color-mode=dark] .tf-st-filter-context{border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-company-logo,:root[data-tf-color-mode=dark] .tf-st-filter-context .tf-company-logo{background:var(--surface-elevated);border-color:var(--border-subtle);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-company-logo:has(img:not([hidden])){background:#fff}
:root[data-tf-color-mode=dark] .tf-st-attention-empty>span{background:var(--success-surface);box-shadow:0 0 0 9px color-mix(in srgb,var(--success-surface) 25%,transparent)}
:root[data-tf-color-mode=dark] :is(.tf-plans-panel>.tf-meetings-toolbar,.tf-plan-form>.tf-meeting-form-grid,.tf-meetings-search input,.tf-meetings-tabs,.tf-plans-page [data-tf-tabs]){background:var(--surface-primary);border-color:var(--border-control);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-plans-page [data-tf-tabs]>button[aria-pressed=true]{background:var(--surface-elevated);color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.lagend-main,.tf-modal-surface) :is(.bg-white,[class~="bg-white/80"],[class~="bg-white/70"],[class~="bg-white/90"],.bg-slate-50,.bg-slate-100,[class~="bg-slate-100/60"]){background:var(--surface-primary);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] :is(.lagend-main,.tf-modal-surface) :is(.text-slate-900,.text-slate-800,.text-slate-700){color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(.lagend-main,.tf-modal-surface) :is(.text-slate-600,.text-slate-500){color:var(--text-secondary)}

:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-tabs{background:var(--surface-primary);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-tabs>.tf-tab-indicator{background:var(--surface-elevated)!important;border-color:var(--border-subtle)!important;box-shadow:0 1px 3px #0002!important}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-tabs>button{color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-tabs>button[aria-pressed=true]{background:var(--surface-elevated);color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-tabs>button>span{background:var(--border-default);color:var(--text-secondary)}

/* Supplied Lagend vector lockups; preserve their aspect ratio and icon artwork. */
.tf-brand-logo{display:inline-flex;align-items:center;justify-content:center;width:154px;max-width:100%;line-height:0;flex-shrink:0}
.tf-brand-logo>img{display:block;width:100%;height:auto;max-width:100%;border-radius:0;outline:0;pointer-events:none;user-select:none}
.tf-brand-logo>.tf-brand-dark{display:none}
:root[data-tf-color-mode=dark] .tf-brand-logo>.tf-brand-light{display:none}
:root[data-tf-color-mode=dark] .tf-brand-logo>.tf-brand-dark{display:block}
.tf-sidebar-brandmark .tf-brand-logo{width:154px}
.tf-sidebar-brandmark .tf-brand-logo>img{width:154px;height:auto;flex:0 0 auto}
.tf-auth-brand>.tf-brand-logo{width:220px}
.tf-auth-brand>.tf-brand-logo>img{width:100%;height:auto;border-radius:0}
.tf-auth-mobile-brand>.tf-brand-logo{width:120px}
.tf-auth-mobile-brand>.tf-brand-logo>img{width:100%;height:auto;border-radius:0}
.tf-auth-recovery-brand{margin-bottom:24px}
.tf-auth-recovery-brand .tf-brand-logo{width:120px}
/* Logo toggles the compact rail; header menu independently hides navigation. */
.tf-brand-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:10px}
.tf-brand-toggle:focus-visible{outline:2px solid #60a5fa;outline-offset:6px}
.lagend-sidebar{transition:width 200ms,min-width 200ms,margin-left 200ms,transform 200ms,visibility 200ms}
.lagend-sidebar.w-16{width:72px;min-width:72px;margin-left:0;visibility:visible;pointer-events:auto;transform:none}
.lagend-sidebar.w-16>div:first-child{padding:16px 8px}
.lagend-sidebar.w-16 .tf-brand-rail-icon{width:44px;height:36px;object-fit:contain;flex:none}
.lagend-sidebar.w-16 nav{padding:18px 14px;scrollbar-gutter:auto;scrollbar-width:none;gap:16px}
.lagend-sidebar.w-16 .tf-nav-group-label{display:none}
.lagend-sidebar.w-16 .tf-nav-group-items{gap:6px}
.lagend-sidebar.w-16 nav a{box-sizing:border-box;width:44px;height:44px;min-height:44px;padding:0;gap:0;justify-content:center;align-items:center;border-radius:9px;transform:none}
.lagend-sidebar.w-16 nav a:not([aria-current=page]):hover{transform:none;background:var(--tf-canvas)}
.lagend-sidebar.w-16 nav a:focus-visible{outline:2px solid var(--tf-blue);outline-offset:3px}
.lagend-sidebar.w-16 .tf-nav-indicator{border-radius:9px;box-shadow:0 4px 12px #1675df20}
.lagend-sidebar.w-16 nav a[aria-current=page] svg{stroke-width:2}
.lagend-sidebar.w-16 .tf-sidebar-label{display:none}
.lagend-sidebar.w-16 .tf-account-footer{padding:12px 8px}
.lagend-sidebar.w-16 .tf-account-trigger{padding:10px;gap:0;justify-content:center}
.lagend-sidebar.w-16 :is(.tf-account-copy,.tf-account-chevron){display:none}
.lagend-sidebar.w-16 .tf-account-menu{padding:2px}
.lagend-sidebar.w-16 .tf-account-menu button{justify-content:center;padding:10px 0}
.lagend-sidebar.w-16 .tf-account-menu button span{display:none}
.lagend-sidebar[data-sidebar-hidden=true]{margin-left:-256px;visibility:hidden;pointer-events:none}
.lagend-sidebar.w-16[data-sidebar-hidden=true]{margin-left:-72px}
@media(max-width:1023px){
 .lagend-sidebar.w-16{position:fixed;inset:0 auto 0 0;transform:none}
 .lagend-sidebar[data-sidebar-hidden=true],.lagend-sidebar.w-16[data-sidebar-hidden=true]{margin-left:0;transform:translateX(-100%)}
 .lagend-shell:has(.lagend-sidebar.w-16)>.tf-mobile-nav-backdrop{left:72px}
}
@media(prefers-reduced-motion:reduce){.lagend-sidebar{transition:none}}

.tf-mobile-status-strip,.tf-mobile-list-heading,.tf-mobile-task-nav,.tf-mobile-filter-toggle{display:none}
@media(max-width:767px){
 .tf-unified-tasks .tf-task-view-switch{display:none}
 .lagend-main:has(.tf-unified-tasks){padding:16px 16px 0}
 .tf-unified-tasks{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));max-width:100%;min-width:0}
 .tf-unified-task-heading{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 18px}
 .tf-unified-task-heading h1{font-size:25px;line-height:1.25;letter-spacing:-.6px}
 .tf-unified-task-heading p{font-size:12px;line-height:1.5;margin-top:5px}
 .tf-unified-task-heading>.tf-create-task-button{display:none}
 .tf-mobile-filter-toggle{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #e1ebf8;border-radius:13px;background:#fff;color:#5679a8}
 .tf-mobile-filter-toggle[aria-expanded=true]{background:#edf5ff;border-color:#8bb7ff;color:#2378ff}
 .tf-unified-tasks .tf-task-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:3px;padding:3px;margin-bottom:16px;border-radius:15px;background:#edf3fb}
 .tf-unified-tasks .tf-task-tabs>button{display:flex;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:46px;padding:10px 6px;font-size:12px;border-radius:12px;white-space:nowrap}
 .tf-unified-tasks .tf-task-tab-count{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-variant-numeric:tabular-nums;height:23px;min-width:24px;padding:0 5px;font-size:12px;border-radius:8px}
 .tf-unified-tasks .tf-task-pending-count{min-width:18px;height:19px;font-size:10px;padding:0 4px}
 .tf-unified-tasks .tf-unified-task-toolbar,.tf-unified-tasks .tf-unified-task-toolbar.tf-with-company-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:18px}
 .tf-unified-tasks .tf-unified-search{grid-column:1/-1}
 .tf-unified-tasks .tf-unified-search input{height:48px;padding-left:40px;font-size:13px;border-radius:13px;background:#fff}
 .tf-unified-tasks .tf-unified-task-toolbar>.tf-person-filter,.tf-unified-tasks .tf-unified-task-toolbar.tf-with-company-filter>.tf-person-filter{grid-column:auto;min-width:0;max-width:none}
 .tf-unified-tasks .tf-unified-task-toolbar>.tf-person-filter,.tf-unified-tasks .tf-unified-task-toolbar>.tf-filter-brush{display:none}
 .tf-unified-tasks.tf-mobile-filters-open .tf-unified-task-toolbar>.tf-person-filter{display:grid}
 .tf-unified-tasks.tf-mobile-filters-open .tf-unified-task-toolbar>.tf-filter-brush{display:inline-flex;justify-self:end;grid-column:2}
 .tf-unified-tasks .tf-person-filter-trigger{height:46px;padding:9px 11px;border-radius:12px;font-size:12px;min-width:0}
 .tf-unified-tasks .tf-person-filter-menu{width:280px;max-width:calc(100vw - 36px)}
 .tf-unified-tasks .tf-unified-task-toolbar>.tf-person-filter:nth-child(odd) .tf-person-filter-menu{left:auto;right:0}
 .tf-unified-tasks .tf-person-filter-options>label{min-height:44px;font-size:14px}
 .tf-unified-tasks .tf-person-filter-menu>input{height:42px;font-size:16px}
 .tf-unified-tasks .tf-mobile-status-strip{display:flex;align-items:stretch;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -16px;padding:4px 16px 14px;scroll-snap-type:x proximity}
 .tf-mobile-status-strip::-webkit-scrollbar{display:none}
 .tf-mobile-status-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--tf-status-tint)}
 .tf-mobile-status-copy{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.2;white-space:nowrap}
 .tf-mobile-status-copy>b{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:24px;height:24px;border-radius:8px;padding:0 6px;background:var(--tf-status-tint);font-size:12px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}
 .tf-unified-tasks .tf-mobile-list-heading{display:flex;align-items:center;justify-content:space-between;margin:10px 0 15px}
 .tf-mobile-list-heading h2{font-size:21px;line-height:1.25;font-weight:700;color:#11264d}
 .tf-mobile-list-heading p{font-size:13px;color:#7891b4;margin-top:3px}
 .tf-unified-tasks .tf-kanban-board{overflow:visible;padding:0;border:0;border-radius:0;background:transparent}
 .tf-unified-tasks .tf-kanban-grid{display:block;grid-template-columns:1fr;min-width:0;width:100%;height:auto;min-height:0}
 .tf-unified-tasks .tf-kanban-column{width:100%;height:auto;min-height:0;padding:0;border:0;background:transparent;box-shadow:none}
 .tf-unified-tasks .tf-kanban-header,.tf-unified-tasks .tf-kanban-drop{display:none}
 .tf-unified-tasks .tf-kanban-scroll{height:auto;max-height:none;overflow:visible;padding:0;scrollbar-gutter:auto;display:flex;flex-direction:column;gap:14px}
 .tf-mobile-task-cards .tf-task-card-v2{padding:16px 16px 14px 19px;gap:10px;border-radius:15px;min-width:0}
 .tf-mobile-task-cards .tf-card-heading{min-height:22px}
 .tf-mobile-task-cards .tf-card-reference{font-size:11px}
 .tf-mobile-task-cards .tf-card-title{font-size:14px;line-height:1.5}
 .tf-mobile-task-cards .tf-card-description{font-size:12px;line-height:1.6;-webkit-line-clamp:2}
 .tf-mobile-task-cards .tf-task-card-meta{font-size:12px;flex-wrap:wrap}
 .tf-mobile-task-cards .tf-card-control{width:32px;height:32px}
 .tf-mobile-task-cards .tf-card-footer{justify-content:flex-end;padding-top:8px}
 .tf-mobile-task-cards .tf-card-avatars>span{width:31px;height:31px;flex-basis:31px}
 .tf-mobile-task-cards .tf-card-avatars>span>.tf-user-avatar{width:27px;height:27px;min-width:27px}
 :is(.tf-unified-tasks,.tf-dashboard) .tf-mobile-task-nav{position:fixed;display:grid;grid-template-columns:1fr 1fr 70px 1fr 1fr;align-items:center;left:0;right:0;bottom:0;z-index:50;min-height:72px;padding:6px 9px calc(7px + env(safe-area-inset-bottom,0px));border-top:1px solid #e6eef9;background:#ffffffed;backdrop-filter:blur(14px);box-shadow:0 -5px 24px #244b7510}
 .tf-mobile-task-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:48px;border:0;background:none;color:#718db4;font-size:10px;line-height:1.2}
 .tf-mobile-task-nav>button.is-active{color:#176cff;font-weight:600}
 .tf-mobile-task-nav>button.tf-mobile-create{width:58px;height:58px;min-height:58px;border-radius:50%;margin:-26px auto 0;background:linear-gradient(120deg,#146aff,#06bfcb);color:#fff;box-shadow:0 5px 15px #1686e238;border:3px solid #f5faff}
 .tf-mobile-create svg{width:28px;height:28px}
 :root[data-tf-color-mode=dark] .tf-mobile-list-heading h2{color:var(--surface-elevated)}
 :root[data-tf-color-mode=dark] :is(.tf-mobile-task-nav,.tf-mobile-filter-toggle){background:var(--surface-primary);border-color:var(--border-subtle)}
 :root[data-tf-color-mode=dark] .tf-unified-tasks .tf-task-tabs{background:var(--surface-elevated)}
}
@media(max-width:767px){.tf-unified-tasks .tf-mobile-task-board[data-mobile-status="To Do"] .tf-kanban-column:not([data-status="To Do"]) {display:none}}
@media(max-width:767px){.tf-unified-tasks .tf-mobile-task-board[data-mobile-status="In Progress"] .tf-kanban-column:not([data-status="In Progress"]) {display:none}}
@media(max-width:767px){.tf-unified-tasks .tf-mobile-task-board[data-mobile-status="Waiting for Update"] .tf-kanban-column:not([data-status="Waiting for Update"]) {display:none}}
@media(max-width:767px){.tf-unified-tasks .tf-mobile-task-board[data-mobile-status="On Hold"] .tf-kanban-column:not([data-status="On Hold"]) {display:none}}
@media(max-width:767px){.tf-unified-tasks .tf-mobile-task-board[data-mobile-status="Done"] .tf-kanban-column:not([data-status="Done"]) {display:none}}
@media(max-width:767px){.tf-unified-tasks .tf-mobile-task-board[data-mobile-status="Overdue"] .tf-kanban-column:not([data-status="Overdue"]) {display:none}}

@media(max-width:767px){.tf-unified-tasks .tf-task-tabs>button>span:first-child{min-width:0;white-space:normal;line-height:1.3}}

@media(max-width:767px){:is(.tf-unified-tasks,.tf-dashboard) .tf-mobile-task-nav{width:100%;max-width:100%;min-width:0;box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 64px minmax(0,1fr) minmax(0,1fr)}.tf-mobile-task-nav>button>span{max-width:100%;overflow-wrap:anywhere;text-align:center}}

@media(max-width:767px){}

.tf-mobile-dashboard-brand,.tf-mobile-personal,.tf-mobile-assigned{display:none}
@media(max-width:767px){
 .lagend-main:has(.tf-dashboard){padding:14px 14px 0}
 .tf-dashboard{min-width:0;max-width:100%;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
 .tf-dashboard .tf-welcome{margin:0 0 14px}
 .tf-dashboard .tf-welcome h1{font-size:21px;line-height:1.35;letter-spacing:-.4px;display:block}
 .tf-dashboard .tf-welcome h1>svg{display:none}
 .tf-dashboard .tf-welcome h1::after{content:' 👋';font-size:22px}
 .tf-dashboard .tf-welcome p{font-size:12px;line-height:1.6;margin-top:4px}
 .tf-dashboard .tf-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}
 .tf-dashboard .tf-status-card{position:relative;display:flex;align-items:flex-start;gap:9px;min-width:0;min-height:94px;padding:12px 11px 25px;border-radius:13px;overflow:hidden}
 .tf-dashboard .tf-status-icon{flex:0 0 36px;width:36px;height:39px;border-radius:12px}
 .tf-dashboard .tf-status-icon svg{width:21px;height:21px}
 .tf-dashboard .tf-status-value{min-width:0}
 .tf-dashboard .tf-status-value p{font-size:10px;line-height:1.35;white-space:normal;margin:0 0 4px}
 .tf-dashboard .tf-status-value strong{font-size:25px;line-height:1;font-weight:700}
 .tf-dashboard .tf-status-percent{position:absolute;right:10px;bottom:25px;font-size:10px}
 .tf-dashboard .tf-status-progress{left:11px;right:11px;bottom:10px;height:6px}
 .tf-dashboard .tf-main-grid,.tf-dashboard .tf-bottom-grid{display:flex;flex-direction:column;gap:12px;margin:0 0 12px;min-width:0}
 .tf-dashboard .tf-panel{width:100%;min-width:0;max-width:100%;height:auto;min-height:0;padding:13px;border-radius:15px;box-sizing:border-box}
 .tf-dashboard .tf-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:0;margin:0 0 12px;padding:0;flex-wrap:nowrap}
 .tf-dashboard .tf-panel-heading h2{font-size:14px;line-height:1.4;letter-spacing:-.2px}
 .tf-dashboard .tf-panel-title p{font-size:10px;line-height:1.5;margin-top:3px}
 .tf-dashboard .tf-outline-link{font-size:10px;min-height:30px;padding:5px 8px;white-space:nowrap;flex-shrink:0}
 .tf-dashboard .tf-section-caption{display:none}
 .tf-dashboard .tf-count{font-size:10px;min-width:21px;padding:3px 6px;margin-left:6px}
 .tf-dashboard .tf-urgent .tf-table-scroll{overflow:visible}
 .tf-dashboard .tf-urgent-table{display:block;width:100%;min-width:0}
 .tf-dashboard .tf-urgent-table thead{display:none}
 .tf-dashboard .tf-urgent-table tbody{display:grid;gap:9px}
 .tf-dashboard .tf-urgent-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;border:1px solid #e7effa;border-left:3px solid #ff6076;border-radius:11px;background:#fff}
 .tf-dashboard .tf-urgent-table td{border:0;padding:0;min-width:0;font-size:10px;white-space:normal}
 .tf-dashboard .tf-urgent-table td:first-child{grid-column:1;grid-row:1;font-size:12px;line-height:1.5}
 .tf-dashboard .tf-urgent-table td:nth-child(6){grid-column:2;grid-row:1;align-self:start}
 .tf-dashboard .tf-urgent-table td:nth-child(4){grid-column:1;grid-row:2;align-self:center}
 .tf-dashboard .tf-urgent-table td:nth-child(2){grid-column:2;grid-row:2;max-width:110px;justify-self:end}
 .tf-dashboard .tf-urgent-table td:nth-child(3),.tf-dashboard .tf-urgent-table td:nth-child(5){display:none}
 .tf-dashboard .tf-person{gap:5px;font-size:10px}
 .tf-dashboard .tf-person>.tf-user-avatar{width:24px;height:24px;min-width:24px;font-size:9px}
 .tf-dashboard .tf-urgent-table .tf-deadline{gap:5px;white-space:nowrap;font-size:10px}
 .tf-dashboard .tf-notice-dashboard{max-height:none;overflow:visible}
 .tf-dashboard .tf-notice-dashboard .tf-notification{padding:10px 0;gap:9px}
 .tf-dashboard .tf-workload-scope{width:122px;max-width:42%;flex:0 0 auto}
 .tf-dashboard .tf-workload-scope select{font-size:10px;padding-left:8px;padding-right:23px;height:34px}
 .tf-dashboard .tf-workload-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:10px}
 .tf-dashboard .tf-workload-search input{font-size:11px;padding-left:28px;min-width:0;height:38px}
 .tf-dashboard .tf-workload-toolbar select{height:38px;font-size:10px;padding-left:8px;padding-right:22px}
 .tf-dashboard .tf-workload-toolbar .tf-workload-select{min-width:0;width:auto}
 .tf-dashboard .tf-workload .tf-chart-legend{gap:9px;font-size:9px;flex-wrap:wrap;margin-bottom:10px}
 .tf-dashboard .tf-workload-columns{display:none}
 .tf-dashboard .tf-workload-row{grid-template-columns:minmax(104px,1fr) minmax(70px,1.2fr) 24px;column-gap:7px;min-height:43px;padding:6px 0}
 .tf-dashboard .tf-workload-person{gap:7px}
 .tf-dashboard .tf-workload-person>span{font-size:10px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
 .tf-dashboard .tf-workload-person>.tf-user-avatar{width:25px;height:25px;min-width:25px;font-size:9px}
 .tf-dashboard .tf-workload-track{height:11px}
 .tf-dashboard .tf-workload-total{font-size:11px}
 .tf-dashboard .tf-workload-rows{min-height:0}
 .tf-dashboard .tf-workload-pagination{min-height:40px;font-size:9px;padding-top:8px;margin-top:0;gap:4px}
 .tf-dashboard .tf-workload-pagination button{padding:6px 4px;gap:0;font-size:0;min-width:30px;min-height:30px;border:1px solid #e3ecf8}
 .tf-dashboard .tf-bottom-grid .tf-status-chart{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);align-items:center;gap:10px;padding:0}
 .tf-dashboard .tf-bottom-grid .tf-donut{width:100%;max-width:165px;min-width:0;height:auto;aspect-ratio:1}
 .tf-dashboard .tf-donut-center strong{font-size:26px}
 .tf-dashboard .tf-donut-center span{font-size:10px;line-height:1.3;margin-top:3px}
 .tf-dashboard .tf-bottom-grid .tf-status-legend li{grid-template-columns:8px minmax(0,1fr) 21px 29px;gap:5px;min-height:29px;font-size:9px;line-height:1.3}
 .tf-dashboard .tf-bottom-grid .tf-status-legend strong{font-size:10px}
 .tf-dashboard .tf-bottom-grid .tf-status-legend small{font-size:9px}
 .tf-dashboard .tf-status-legend i{width:8px;height:8px}
 .tf-dashboard>.tf-upcoming{margin-top:0;margin-bottom:12px}
 .tf-dashboard>.tf-upcoming .tf-upcoming-list{display:block}
 .tf-dashboard .tf-upcoming-list li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:8px;padding:9px 0;min-height:60px;border-bottom:1px solid #edf2f9}
 .tf-dashboard .tf-upcoming-title{font-size:11px;line-height:1.45;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .tf-dashboard .tf-upcoming .tf-alert{font-size:9px;white-space:normal;max-width:95px}
 .tf-dashboard .tf-date-tile{width:39px;height:43px;border-radius:10px;min-width:39px}
 .tf-dashboard .tf-date-tile strong{font-size:19px}
 .tf-dashboard .tf-date-tile small{font-size:8px}
 .tf-dashboard .tf-mobile-personal,.tf-dashboard .tf-mobile-assigned{display:block;margin-bottom:12px}
 .tf-mobile-personal select{max-width:110px;border:1px solid #e1eaf7;border-radius:9px;padding:7px 5px;font-size:10px;background:#fff;color:#5274a0}
 .tf-mobile-personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .tf-personal-metric{display:flex;align-items:center;gap:8px;padding:11px 8px;min-width:0;min-height:76px;border:1px solid #e9eff9;border-radius:12px;background:#fff}
 .tf-personal-symbol{display:grid;place-items:center;flex:0 0 31px;width:31px;height:36px;border-radius:10px;background:#eef5ff;color:#2780ff}
 .tf-personal-metric.green .tf-personal-symbol{background:#eafbf2;color:#19b777}.tf-personal-metric.red .tf-personal-symbol{background:#fff0f2;color:#f54960}.tf-personal-metric.purple .tf-personal-symbol{background:#f3efff;color:#9154e9}
 .tf-personal-metric>div{min-width:0}.tf-personal-metric small{display:block;font-size:9px;line-height:1.4;color:#7e93b0}.tf-personal-metric strong{display:block;font-size:20px;line-height:1.25;margin-top:4px;color:#16375f}
 .tf-mobile-assigned>ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}
 .tf-mobile-assigned-link{display:block;padding:10px 11px;border:1px solid #e4edf8;border-left:3px solid #31bf90;border-radius:10px;text-decoration:none}
 .tf-mobile-assigned-link>strong{display:block;font-size:12px;color:#1f3e65;margin-bottom:8px;overflow-wrap:anywhere}
 .tf-mobile-assigned-link>div{display:flex;align-items:center;gap:7px;min-width:0}.tf-mobile-assigned-link>div>span:first-child{font-size:10px;color:#8097b5;min-width:0;margin-right:auto}
 .tf-mobile-assigned-link .tf-user-avatar{width:26px;height:26px;min-width:26px;font-size:9px}
 :root[data-tf-color-mode=dark] :is(.tf-personal-metric,.tf-mobile-personal select,.tf-dashboard .tf-urgent-table tr){background:var(--surface-primary);border-color:var(--border-control);color:var(--text-primary)}
 :root[data-tf-color-mode=dark] .tf-personal-metric strong,:root[data-tf-color-mode=dark] .tf-mobile-assigned-link>strong{color:var(--text-primary)}
}

@media(max-width:767px){.tf-dashboard .tf-urgent-table tr:has(.tf-empty){display:block;border:0;padding:14px 0}.tf-dashboard .tf-urgent-table td.tf-empty{display:block}}
@media(max-width:360px){.tf-mobile-dashboard-brand img{width:100px}.tf-dashboard .tf-status-card{gap:6px;padding-left:9px;padding-right:9px}.tf-dashboard .tf-status-icon{width:30px;flex-basis:30px;height:35px}.tf-dashboard .tf-status-value p{font-size:9px}}

@media(max-width:767px){.tf-dashboard .tf-workload-search input,.tf-unified-tasks .tf-unified-search input{font-size:16px}:root[data-tf-color-mode=dark] .tf-mobile-task-nav>button.tf-mobile-create{border-color:var(--surface-primary)}}

/* Shared mobile shell, menu and company sheet across every authenticated page. */
.tf-mobile-chrome{display:contents}
.lagend-shell:has(.tf-mobile-chrome) .lagend-main .tf-mobile-task-nav{display:none}
@media(max-width:767px){
 .lagend-shell>.lagend-sidebar,.lagend-shell>.tf-mobile-nav-backdrop{display:none!important}
 .lagend-shell .lagend-main{min-width:0;max-width:100%;padding:16px 14px calc(94px + env(safe-area-inset-bottom,0px))}
 .tf-page-frame{min-width:0;max-width:100%;width:100%}
 .tf-dashboard,.tf-unified-tasks{padding-bottom:8px}
 .lagend-shell .lagend-topbar{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;height:64px;min-height:64px;padding:12px 16px;gap:12px;border-bottom:0;box-shadow:none;background:#f7fbfff2;backdrop-filter:blur(14px)}
 .lagend-shell .tf-mobile-dashboard-brand{display:flex;align-items:center;flex:0 0 128px;width:128px;height:32px;min-width:0}
 .lagend-shell .tf-mobile-dashboard-brand .tf-brand-logo{width:128px}
 .lagend-shell .tf-mobile-dashboard-brand :is(img,svg){width:128px;height:auto;max-height:32px;object-fit:contain}
 .lagend-shell .tf-topbar-context,.lagend-shell .tf-topbar-date{display:none}
 .lagend-shell .tf-topbar-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;min-width:0;margin-left:auto;gap:8px}
 .lagend-shell .lagend-topbar .tf-company-switch{position:relative;display:block;box-sizing:border-box;width:40px;min-width:40px;max-width:40px;height:40px;flex:0 0 40px;margin:0}
 .lagend-shell .lagend-topbar :is(.tf-company-switch summary,.tf-notice-bell,.tf-topbar-theme){display:grid;place-items:center;box-sizing:border-box;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;margin:0;border:0;border-radius:12px;background:#fff;color:#6682aa;box-shadow:none;line-height:1}
 .lagend-shell .lagend-topbar :is(.tf-company-switch summary,.tf-notice-bell,.tf-topbar-theme):hover{background:#edf5ff;color:#3476d1}
 .lagend-shell .lagend-topbar :is(.tf-company-switch summary,.tf-notice-bell,.tf-topbar-theme):focus-visible{outline:2px solid #6b9cf4;outline-offset:3px}
 .lagend-shell .lagend-topbar :is(.tf-notice-bell,.tf-topbar-theme)>svg{display:block;width:20px;height:20px}
 .lagend-shell .lagend-topbar .tf-company-mark{display:grid;place-items:center;box-sizing:border-box;width:34px;height:34px;min-width:34px;padding:0;margin:0;border:0;border-radius:9px;background:transparent}
 .lagend-shell .lagend-topbar .tf-company-mark .tf-company-logo{display:grid;place-items:center;box-sizing:border-box;width:34px;height:34px;border-radius:9px;overflow:hidden;background:transparent}
 .lagend-shell .lagend-topbar .tf-company-mark .tf-company-logo:has(img:not([hidden])){padding:2px;background:#fff}
 .lagend-shell .lagend-topbar .tf-company-mark img{display:block;width:30px;height:30px;object-fit:contain;border-radius:7px}
 .lagend-shell .lagend-topbar .tf-company-mark svg{display:block;width:24px;height:24px}
 .lagend-shell .lagend-topbar .tf-company-mark [hidden]{display:none}
 .lagend-shell .tf-company-current,.lagend-shell .tf-company-switch summary>svg{display:none}
 .lagend-shell .tf-company-switch .tf-company-menu{display:none!important}
 .tf-mobile-chrome>.tf-mobile-task-nav{--mobile-nav-surface:#fff;position:fixed;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 76px minmax(0,1fr) minmax(0,1fr);align-items:center;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:80;height:64px;min-height:64px;width:calc(100% - 24px);max-width:100%;min-width:0;box-sizing:border-box;padding:8px 10px;border:0;background:transparent;backdrop-filter:none;box-shadow:none}
 .tf-mobile-chrome>.tf-mobile-task-nav::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:26px;background:var(--mobile-nav-surface);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 64' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0H146C156 0 158 2 163 14C170 31 182 38 200 38C218 38 230 31 237 14C242 2 244 0 254 0H400V64H0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 64' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0H146C156 0 158 2 163 14C170 31 182 38 200 38C218 38 230 31 237 14C242 2 244 0 254 0H400V64H0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;filter:drop-shadow(0 4px 15px #183c6414)}
 .tf-mobile-chrome>.tf-mobile-task-nav::after{content:'';position:absolute;left:var(--nav-dot-x);bottom:8px;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:var(--accent-primary);pointer-events:none;transition:left 260ms var(--tf-ui-ease)}
 .tf-mobile-chrome>.tf-mobile-task-nav>button:nth-child(4){grid-column:4}.tf-mobile-chrome>.tf-mobile-task-nav>button:nth-child(5){grid-column:5}
 .tf-mobile-chrome>.tf-mobile-task-nav>button:not(.tf-mobile-create){position:relative;min-height:44px;justify-content:center}
 .tf-mobile-chrome>.tf-mobile-task-nav>button>span{display:none}
 .tf-mobile-chrome>.tf-mobile-task-nav>button.tf-mobile-create{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);margin:0}
 :root[data-tf-color-mode=dark] .tf-mobile-chrome>.tf-mobile-task-nav{--mobile-nav-surface:var(--surface-primary);background:transparent;border:0}

 .tf-mobile-menu-screen{position:fixed;inset:64px 0 0;z-index:75;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:20px 16px calc(100px + env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse at 100% 0,#e9f7ff88,transparent 60%),#f6f9fe;color:#10264f}
 .tf-mobile-tab-snapshot *,.tf-mobile-tab-cached *{animation:none!important;transition:none!important;caret-color:transparent}
 .tf-mobile-menu-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-height:40px}
 .tf-mobile-menu-heading h1{flex:1;margin:0;font-size:27px;line-height:1.25;font-weight:700;letter-spacing:-.6px;outline:none}
 .tf-mobile-menu-heading>button{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:0;border-radius:12px;background:transparent;color:#567297}
 .tf-mobile-menu-heading>button:hover{background:#e9f2ff}
 .tf-mobile-profile-card{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;min-height:78px;margin-bottom:9px;border:1px solid #e4ecf8;border-radius:16px;background:#fff;text-align:left}
 .tf-mobile-profile-card>.tf-user-avatar{width:49px;height:49px;min-width:49px;flex-shrink:0;border-radius:13px;font-size:17px}
 .tf-mobile-profile-card>span{display:grid;gap:4px;min-width:0;flex:1}
 .tf-mobile-profile-card strong{font-size:15px;font-weight:650;color:#15335a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .tf-mobile-profile-card small{font-size:11px;line-height:1.5;color:#7d94b6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .tf-mobile-profile-card>svg{width:17px;flex-shrink:0;color:#7c95b8}
 .tf-mobile-company-select{display:flex;align-items:center;gap:10px;width:100%;padding:10px 13px;min-height:49px;border:1px solid #e3edf9;border-radius:14px;background:#fff;text-align:left}
 .tf-mobile-company-select .tf-company-logo{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;overflow:hidden;flex:0 0 30px}
 .tf-mobile-company-select .tf-company-logo img{width:100%;height:100%;object-fit:contain}
 .tf-mobile-company-select .tf-company-logo-fallback{color:#0879ff}.tf-mobile-company-select .tf-company-logo svg{width:24px;height:24px}
 .tf-mobile-company-select>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#15335a}
 .tf-mobile-company-select>svg{width:16px;height:16px;transform:rotate(90deg);color:#7d98ba}
 .tf-mobile-menu-group{margin-top:18px}
 .tf-mobile-menu-group>h2{font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#8098bb;margin:0 2px 9px}
 .tf-mobile-menu-group>div{overflow:hidden;border:1px solid #e3edf9;border-radius:17px;background:#fff}
 .tf-mobile-menu-row{display:flex;align-items:center;gap:13px;width:100%;min-height:52px;padding:13px 15px;border:0;background:transparent;text-align:left;color:#14315a}
 .tf-mobile-menu-row+.tf-mobile-menu-row{border-top:1px solid #edf2fa}
 .tf-mobile-menu-row>svg:first-child{width:23px;height:23px;flex:0 0 23px;color:#0879ff}
 .tf-mobile-menu-row>span{flex:1;min-width:0;font-size:14px;line-height:1.5}
 .tf-mobile-menu-row>small{font-size:12px;color:#8199bc}
 .tf-mobile-menu-row>svg:last-child{width:16px;height:16px;flex:0 0 16px;color:#829abc}
 .tf-mobile-menu-row:hover{background:#f5f9ff}
 .tf-mobile-menu-logout{display:flex;align-items:center;gap:14px;width:100%;min-height:49px;margin-top:13px;padding:12px 16px;border:1px solid #f3e7eb;border-radius:15px;background:#fff8f9;color:#ff4058;font-size:14px}
 .tf-mobile-settings-info{padding:20px;border:1px solid #e2ecfa;border-radius:17px;background:#fff}
 .tf-mobile-settings-info h2{font-size:21px;font-weight:700;margin-bottom:9px}.tf-mobile-settings-info p{font-size:14px;line-height:1.7;color:#7890b0;margin-bottom:16px}
 .tf-company-sheet-backdrop{position:fixed;inset:0;z-index:160;display:flex;align-items:flex-end;justify-content:center;background:#17294180;backdrop-filter:blur(2px)}
 .tf-company-sheet{display:flex;flex-direction:column;gap:0;width:100%;max-width:560px;max-height:min(84dvh,760px);padding:17px 18px calc(19px + env(safe-area-inset-bottom,0px));border:1px solid #e5edf8;border-bottom:0;border-radius:27px 27px 0 0;background:linear-gradient(145deg,#fff,#f9fcff);box-shadow:0 -12px 45px #102b5c26;overflow:hidden;color:#122c54}
 .tf-sheet-handle{width:42px;height:5px;border-radius:9px;background:#9caec7;margin:-5px auto 17px;flex-shrink:0}
 .tf-company-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px;flex-shrink:0}
 .tf-company-sheet h2{font-size:21px;line-height:1.4;font-weight:700;letter-spacing:-.4px}
 .tf-company-sheet>header>button{display:grid;place-items:center;width:34px;height:34px;color:#7f98b8;border:0;background:transparent;border-radius:9px}
 .tf-company-sheet-search{display:flex;align-items:center;gap:9px;border:1px solid #e0eafa;border-radius:12px;background:#f9fcff;padding:0 12px;margin-bottom:12px;height:46px;min-height:46px}
 .tf-company-sheet-search>svg{width:19px;height:19px;flex:0 0 19px;color:#819bc0}
 .tf-company-sheet-search>input{width:100%;min-width:0;height:44px;background:transparent;border:0;outline:0;color:#244870;font-size:16px}
 .tf-company-sheet-options{min-height:0;overflow-y:auto;overscroll-behavior:contain;border:1px solid #e4ecf8;border-radius:15px;background:#fff}
 .tf-company-sheet-options>button{display:flex;align-items:center;gap:12px;width:100%;min-height:69px;padding:10px 11px;text-align:left;background:transparent;border:0;color:#17355e}
 .tf-company-sheet-options>button+button{border-top:1px solid #e9eff8}
 .tf-company-sheet-options>button[aria-checked=true]{background:#e9f2ff}
 .tf-company-sheet-options>button[aria-checked=true] strong{color:#0879ff}
 .tf-company-sheet:focus{outline:none}
 .tf-company-sheet-options>button[data-depth="0"]{min-height:70px;padding:12px;gap:12px}
 .tf-company-sheet-options>button[data-depth="1"]{position:relative;min-height:58px;padding:9px 12px 9px 48px;gap:10px;border-top:0}
 .tf-company-sheet-options>button[data-depth="1"]::before{content:'';position:absolute;left:31px;top:0;bottom:0;border-left:1px solid var(--border-default)}
 .tf-company-sheet-options>button[data-depth="1"][data-last-child=true]::before{bottom:50%}
 .tf-company-sheet-options>button[data-depth="1"]::after{content:'';position:absolute;left:31px;top:50%;width:12px;border-top:1px solid var(--border-default)}
 .tf-company-sheet-options>button[data-depth="1"] .tf-company-logo{flex:0 0 30px;width:30px;height:30px;border-radius:8px}
 .tf-company-sheet-options>button[data-depth="1"] .tf-company-logo-fallback svg{width:20px;height:20px}
 .tf-company-sheet-options>button[data-depth="1"] .tf-sheet-company-copy strong{font-size:12px;font-weight:500}
 .tf-company-sheet-options>button[data-has-children=true] .tf-sheet-company-copy strong{font-weight:700}
 .tf-company-sheet-options>button[data-last-child=true]{padding-bottom:13px}
 .tf-company-sheet-options .tf-company-logo{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;overflow:hidden;border-radius:12px;background:#f2f7ff}
 .tf-company-sheet-options .tf-company-logo img{width:100%;height:100%;object-fit:contain;background:#fff}
 .tf-company-sheet-options .tf-company-logo-fallback{display:grid;place-items:center;color:#0879ff}
 .tf-company-sheet-options .tf-company-logo-fallback svg{width:29px;height:29px}
 .tf-company-sheet-options .tf-company-logo-fallback[hidden]{display:none}
 .tf-sheet-company-copy{display:grid;gap:3px;flex:1;min-width:0}
 .tf-sheet-company-copy strong{font-size:13px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
 .tf-sheet-company-copy small{font-size:11px;line-height:1.4;color:#849abd}
 .tf-sheet-radio{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border:1px solid #c8d7ed;border-radius:50%;color:white}
 [aria-checked=true]>.tf-sheet-radio{background:#1478ff;border-color:#1478ff}
 .tf-sheet-radio svg{width:15px;height:15px;stroke-width:2.4}
 .tf-company-sheet footer{padding-top:16px;flex-shrink:0}
 .tf-sheet-confirm{height:54px;min-height:54px;width:100%;border:0;border-radius:15px;background:linear-gradient(110deg,#1766ff,#06bacc);color:white;font-size:16px;font-weight:650;box-shadow:0 4px 15px #0879ff20}
 .tf-company-sheet :disabled{opacity:.55;cursor:default}
 .tf-company-sheet .tf-error{margin-top:10px;font-size:12px}
 .tf-page-frame :is(.tf-st-heading,.tf-pr-heading,.tf-projects-heading,.tf-requests-heading,.tf-all-heading,.org-heading){flex-wrap:wrap;gap:12px}
 .tf-page-frame :is(.tf-st-heading,.tf-pr-heading,.tf-projects-heading,.tf-requests-heading,.tf-all-heading,.org-heading,.settings-page-heading) h1{font-size:23px;line-height:1.3;letter-spacing:-.4px}
 .tf-page-frame :is(.tf-st-panel,.tf-panel,.tf-all-filters,.tf-all-table-panel,.tf-pr-toolbar,.tf-requests-toolbar,.tf-meeting-card,.settings-panel){min-width:0;max-width:100%;border-radius:15px}
 .tf-page-frame :is(.overflow-x-auto,.tf-table-scroll,.tf-all-table-scroll,.tf-st-table-scroll){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 .tf-page-frame :is(.tf-all-filters,.tf-requests-toolbar,.tf-pr-toolbar){padding:13px}
 .tf-page-frame :is(.tf-filter-fields,.tf-pr-filters){grid-template-columns:repeat(2,minmax(0,1fr))}
 .tf-page-frame .tf-settings{display:flex;flex-direction:column;gap:14px}
 .tf-page-frame .settings-navigation{position:static;padding:10px;border-radius:14px}
 .tf-page-frame .settings-navigation>div:last-child{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:3px;gap:6px}
 .tf-page-frame .settings-navigation button{white-space:nowrap;min-height:40px;width:auto;flex-shrink:0}
 .tf-page-frame .settings-panel{padding:16px}
 .tf-page-frame .settings-page-heading p{font-size:12px;line-height:1.6}
 .tf-page-frame .tf-cal-toolbar{flex-wrap:wrap;gap:10px}
 .tf-page-frame .tf-cal-filter-rail{min-width:0;max-width:100%;overflow-x:auto}
 .tf-page-frame .tf-st-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tf-page-frame .tf-st-metric{min-width:0;padding:13px}
 .tf-page-frame .tf-st-panel{padding:14px}
 .tf-page-frame .tf-st-filter-controls{flex-wrap:wrap;min-width:0;gap:8px}
 .tf-page-frame .tf-st-work-list article{min-width:0}
 .tf-page-frame .tf-request-filters{width:100%;min-width:0}
 .tf-page-frame .tf-request-filters input{min-width:0;width:100%}
 .tf-page-frame input[type=search],.tf-page-frame .settings-panel input,.tf-page-frame .settings-panel textarea{font-size:16px}
 :root[data-tf-color-mode=dark] .lagend-shell .lagend-topbar{background:color-mix(in srgb,var(--surface-primary) 93%,transparent)}
 :root[data-tf-color-mode=dark] .tf-mobile-chrome>.tf-mobile-task-nav{background:color-mix(in srgb,var(--surface-primary) 93%,transparent);border-color:var(--border-subtle)}
 :root[data-tf-color-mode=dark] .tf-mobile-menu-screen{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--surface-elevated) 20%,transparent),transparent 60%),var(--surface-primary);color:var(--text-primary)}
 :root[data-tf-color-mode=dark] :is(.tf-mobile-profile-card,.tf-mobile-company-select,.tf-mobile-menu-group>div,.tf-mobile-settings-info,.tf-company-sheet,.tf-company-sheet-options){background:var(--surface-primary);border-color:var(--border-control);color:var(--text-primary)}
 :root[data-tf-color-mode=dark] .tf-company-sheet-options>button[aria-checked=true]{background:var(--accent-surface)}
 :root[data-tf-color-mode=dark] :is(.tf-mobile-profile-card strong,.tf-mobile-company-select>span:nth-child(2),.tf-mobile-menu-row,.tf-sheet-company-copy strong,.tf-company-sheet h2){color:var(--text-primary)}
 :root[data-tf-color-mode=dark] .tf-mobile-menu-row+.tf-mobile-menu-row,:root[data-tf-color-mode=dark] .tf-company-sheet-options>button+button{border-color:var(--border-subtle)}
 :root[data-tf-color-mode=dark] .tf-company-sheet-search{background:var(--surface-elevated);border-color:var(--border-subtle)}
 :root[data-tf-color-mode=dark] .tf-company-sheet-search>input{color:var(--text-primary)}
 :root[data-tf-color-mode=dark] .tf-mobile-menu-row:hover{background:var(--accent-surface)}
 :root[data-tf-color-mode=dark] .tf-mobile-menu-logout{background:var(--danger-surface);border-color:var(--danger-border)}
}
@media(max-width:360px){}

@media(max-width:767px){.tf-mobile-menu-heading h1{min-width:0}}
@media(max-width:360px){.tf-mobile-menu-heading{gap:7px}.tf-mobile-menu-heading h1{font-size:23px;overflow-wrap:anywhere}.tf-mobile-menu-heading>button{width:34px;height:38px;flex-basis:34px}}

.tf-person-filter-tools .tf-sort-reverse{display:grid;place-items:center;margin-left:auto;flex:0 0 28px;width:28px;height:28px;padding:0;border:1px solid #dce7f5;border-radius:8px;background:#fff;color:#6682a5}
.tf-person-filter-tools .tf-sort-reverse:hover,.tf-person-filter-tools .tf-sort-reverse[aria-pressed=true]{background:#edf5ff;color:#2879ff;border-color:#b7d3ff}
:root[data-tf-color-mode=dark] .tf-person-filter-tools .tf-sort-reverse{background:var(--surface-primary);border-color:var(--border-subtle);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-person-filter-tools .tf-sort-reverse[aria-pressed=true]{background:var(--accent-surface);color:var(--accent-text)}

/* Keep profile sections independent instead of nesting them in a page panel. */
.tf-settings>.settings-content.settings-profile{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.tf-settings .settings-profile-editor{padding:24px 26px;border:1px solid #e0eaf6;border-radius:20px;background:#fff;box-shadow:0 4px 18px #26497604;min-width:0}
.settings-profile-editor>div:first-child{margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid #edf2f8}
.tf-settings .settings-profile-editor h2{font-size:17px;font-weight:600;letter-spacing:-.2px;color:#244565;margin:0}
.tf-settings .settings-profile-editor>div:first-child>p{font-size:12px;color:#8295af;line-height:1.65;margin:5px 0 0}
.tf-settings .settings-profile-editor>div.grid{gap:18px 20px}
.tf-settings .settings-profile-editor label>span:first-child{font-size:12px;font-weight:500;color:#4c6787;margin-bottom:7px}
.tf-settings .settings-profile-editor input{height:44px;padding:10px 13px;font-size:13px;background:#fbfdff;border:1px solid #dfe8f4;border-radius:10px;font-weight:400}
.tf-settings .settings-profile-editor textarea{padding:12px 13px;font-size:13px;background:#fbfdff;border:1px solid #dfe8f4;border-radius:10px;min-height:110px;font-weight:400}
.tf-settings .settings-profile-editor label>span:last-child:not(:first-child){font-size:11px;line-height:1.6;color:#8a9cb3;margin-top:7px;font-weight:400}
.settings-profile-editor>div:last-child{padding-top:18px;margin-top:20px;border-top:1px solid #edf2f8}
.tf-settings .settings-profile-editor button[type=submit]{min-height:42px;padding:0 18px;border-radius:10px;font-size:12px;font-weight:600}
:root[data-tf-color-mode=dark] .tf-settings>.settings-content.settings-profile{background:transparent;border:0;box-shadow:none}
:root[data-tf-color-mode=dark] .tf-settings .settings-profile-editor{background:var(--surface-primary);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-settings .settings-profile-editor h2{color:var(--text-primary)}
:root[data-tf-color-mode=dark] .tf-settings .settings-profile-editor label>span:first-child{color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-settings .settings-profile-editor input,:root[data-tf-color-mode=dark] .tf-settings .settings-profile-editor textarea{background:var(--surface-primary);border-color:var(--border-default);color:var(--text-primary)}
:root[data-tf-color-mode=dark] .settings-profile-editor>div:first-child,:root[data-tf-color-mode=dark] .settings-profile-editor>div:last-child{border-color:var(--border-subtle)}
@media(max-width:767px){.tf-settings .settings-profile-editor{padding:20px 18px;border-radius:17px}.tf-settings .settings-profile-editor input,.tf-settings .settings-profile-editor textarea{font-size:16px}.settings-profile-editor>div:first-child{margin-bottom:18px;padding-bottom:15px}}

.settings-profile-editor label{display:block;min-width:0}.settings-profile-editor label>span{display:block}.settings-profile-editor input,.settings-profile-editor textarea{display:block;width:100%;box-sizing:border-box}

/* The remaining account sections follow the profile's card and field styling. */
.tf-settings{gap:22px 24px}
.tf-settings>.settings-navigation{padding:10px;border:0;background:transparent;box-shadow:none}
.tf-settings .settings-nav-caption{font-size:10px;letter-spacing:.8px;color:#8b9cb2;padding:8px 10px 12px}
.tf-settings .settings-navigation button{min-height:44px;padding:0 12px;border-radius:10px;font-weight:500;color:#6d829e;gap:10px}
.tf-settings .settings-navigation button[aria-current=page]{background:#eaf3ff;color:#236edb;border-color:#dce9fb;box-shadow:none}
.tf-settings .settings-navigation button svg{width:17px;height:17px}
.tf-settings>.settings-content:is(.settings-membership,.settings-integrations){padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.tf-settings .settings-content:is(.settings-security,.settings-notifications),.tf-settings .settings-integrations>section,.tf-settings .structure-membership-panel{padding:24px 26px;border:1px solid #e0eaf6;border-radius:20px;background:#fff;box-shadow:0 4px 18px #26497604}
.tf-settings .settings-section-heading{margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid #edf2f8}
.tf-settings :is(.settings-security,.settings-notifications,.settings-integrations,.settings-membership) h2{font-size:17px;line-height:1.4;font-weight:600;color:#244565;letter-spacing:-.2px}
.tf-settings .settings-section-heading p,.tf-settings .structure-membership-hint,.tf-settings .mail-sender>header p,.tf-settings .settings-integrations>section>div:first-child p{font-size:12px;line-height:1.65;color:#8295af;margin:5px 0 0}
.tf-settings .settings-security form{max-width:none}
.tf-settings .settings-security form>div.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.tf-settings .settings-security form>div.grid>label:first-child{grid-column:1/-1;max-width:calc(50% - 10px)}
.tf-settings :is(.settings-security,.settings-notifications,.settings-integrations,.settings-membership) label>span:first-child{font-size:12px;font-weight:500;color:#4c6787}
.tf-settings :is(.settings-security,.settings-notifications,.settings-integrations,.settings-membership) input:not([type=checkbox]):not([type=radio]):not([type=file]),.tf-settings :is(.settings-integrations,.settings-membership) select{height:44px;padding:10px 13px;border:1px solid #dfe8f4;border-radius:10px;background:#fbfdff;font-size:13px;font-weight:400;min-width:0}
.tf-settings .settings-security input{padding-right:44px!important}
.tf-settings .settings-password-visibility{border:0;background:transparent;color:#7b91ac;right:7px;width:30px;height:30px}
.tf-settings .settings-security form>div:last-child{padding-top:18px;margin-top:22px;border-top:1px solid #edf2f8}
.tf-settings :is(.settings-security,.settings-notifications,.settings-integrations,.settings-membership) button[type=submit],.tf-settings .mail-sender-save{min-height:42px;padding:10px 18px;font-size:12px;border-radius:10px;line-height:1.5}
.tf-settings .settings-email-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.tf-settings .settings-email-heading>span{flex-shrink:0;padding:5px 8px;border-radius:7px;font-size:10px;line-height:1.5}
.tf-settings .settings-notifications{display:flex;flex-direction:column;gap:0}
.tf-settings .settings-notifications>.settings-context-note{order:5;margin-top:22px}
.tf-settings .settings-notifications form>label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:10px;padding:14px 0;border:0;border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8;border-radius:0;background:transparent}
.tf-settings .settings-notifications input[type=checkbox]{margin-top:3px;flex-shrink:0}
.tf-settings .settings-notifications form>label:has(input[type=checkbox]) span{font-size:12px;font-weight:400;color:#587392}
.tf-settings .settings-field-note{font-size:11px;color:#8a9cb3;margin-top:10px;line-height:1.65}
.tf-settings .settings-context-note,.tf-settings .mail-sender-help{padding:14px 16px;border:0;border-left:3px solid #bfd8fb;border-radius:0 10px 10px 0;background:#f5f9ff;color:#7c91ad}
.tf-settings .settings-context-note strong,.tf-settings .mail-sender-help strong{font-size:12px;font-weight:500;color:#527297}
.tf-settings .settings-context-note p,.tf-settings .mail-sender-help p{font-size:11px;line-height:1.7}
.tf-settings .settings-context-note button{margin-top:10px}
.tf-settings .settings-integrations{gap:18px}
.tf-settings .mail-sender{margin:0}
.tf-settings .mail-sender>header{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #edf2f8;gap:12px}
.tf-settings .mail-sender-icon{width:40px;height:40px;border-radius:12px;background:#eef5ff;color:#3f83e9}
.tf-settings .mail-sender-icon svg{width:21px;height:21px}
.tf-settings .mail-sender-status{padding:12px 0;border:0;border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8;border-radius:0;background:transparent;font-size:12px;gap:6px 16px}
.tf-settings .mail-sender-status strong{font-size:11px;font-weight:500;color:#6b84a3}
.tf-settings .mail-sender-status small{font-size:11px;line-height:1.6}
.tf-settings .mail-sender-providers{gap:6px;margin-bottom:20px}
.tf-settings .mail-sender-providers button{padding:8px 12px;border-radius:9px;font-size:12px;font-weight:500}
.tf-settings .mail-sender-providers button[aria-pressed=true]{background:#edf5ff;border-color:#bfd7fa;color:#2877e4}
.tf-settings .mail-sender-fields{gap:16px 20px}
.tf-settings .mail-sender-field{font-size:12px;gap:7px}
.tf-settings .mail-sender footer{padding-top:18px;border-top:1px solid #edf2f8;margin-top:20px}
.tf-settings .mail-sender footer small{font-size:11px;line-height:1.65}
.tf-settings .structure-membership{gap:18px}
.tf-settings .structure-membership-heading{align-items:center;gap:12px;margin-bottom:16px}
.tf-settings .structure-membership-join-heading{gap:12px;padding-bottom:18px;border-bottom:1px solid #edf2f8}
.tf-settings .structure-membership-join-symbol{width:40px;height:40px;border-radius:12px;background:#eef5ff;color:#3f83e9}
.tf-settings .settings-membership .user-positions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-top:16px}
.tf-settings .settings-membership .user-position{padding:4px 0 4px 12px;border:0;border-left:3px solid #bed6fa;border-radius:0;background:transparent;min-width:0}
.tf-settings .settings-membership .user-position>span{font-size:13px;font-weight:500;color:#2e4f73}
.tf-settings .settings-membership .user-position>small{font-size:11px;line-height:1.6;color:#8295af}
.tf-settings .structure-request-row{border-radius:10px;background:#fbfdff;box-shadow:none;padding:13px 14px}
.tf-settings .structure-request-row strong{font-size:12px;font-weight:500}
.tf-settings .structure-request-row small{font-size:11px;line-height:1.6}
:root[data-tf-color-mode=dark] .tf-settings>.settings-navigation,:root[data-tf-color-mode=dark] .tf-settings>.settings-content:is(.settings-membership,.settings-integrations){background:transparent;border:0;box-shadow:none}
:root[data-tf-color-mode=dark] .tf-settings .settings-navigation button[aria-current=page]{background:var(--accent-surface);border-color:var(--border-default);color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-settings .settings-content:is(.settings-security,.settings-notifications),:root[data-tf-color-mode=dark] .tf-settings .settings-integrations>section,:root[data-tf-color-mode=dark] .tf-settings .structure-membership-panel{background:var(--surface-primary);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-settings :is(.settings-security,.settings-notifications,.settings-integrations,.settings-membership) h2{color:var(--text-primary)}
:root[data-tf-color-mode=dark] .tf-settings :is(.settings-security,.settings-notifications,.settings-integrations,.settings-membership) input:not([type=checkbox]):not([type=radio]):not([type=file]),:root[data-tf-color-mode=dark] .tf-settings :is(.settings-integrations,.settings-membership) select{background:var(--surface-primary);border-color:var(--border-default);color:var(--text-primary)}
:root[data-tf-color-mode=dark] .tf-settings .settings-context-note,:root[data-tf-color-mode=dark] .tf-settings .mail-sender-help{background:var(--surface-elevated);border-left-color:var(--border-control)}
:root[data-tf-color-mode=dark] .tf-settings .structure-request-row{background:var(--surface-elevated);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-settings .settings-membership .user-position{background:transparent;border-color:var(--border-control)}
:root[data-tf-color-mode=dark] .tf-settings .settings-membership .user-position>span{color:var(--text-primary)}
:root[data-tf-color-mode=dark] .tf-settings .settings-section-heading,:root[data-tf-color-mode=dark] .tf-settings .mail-sender>header,:root[data-tf-color-mode=dark] .tf-settings .mail-sender-status,:root[data-tf-color-mode=dark] .tf-settings .mail-sender footer,:root[data-tf-color-mode=dark] .tf-settings .settings-security form>div:last-child,:root[data-tf-color-mode=dark] .tf-settings .structure-membership-join-heading,:root[data-tf-color-mode=dark] .tf-settings .settings-notifications form>label:has(input[type=checkbox]){border-color:var(--border-control);background-color:transparent}
@media(max-width:767px){.tf-settings .settings-content:is(.settings-security,.settings-notifications),.tf-settings .settings-integrations>section,.tf-settings .structure-membership-panel{padding:20px 18px;border-radius:17px}.tf-settings .settings-security form>div.grid{grid-template-columns:minmax(0,1fr)}.tf-settings .settings-security form>div.grid>label:first-child{max-width:none}.tf-settings .settings-membership .user-positions{grid-template-columns:minmax(0,1fr)}.tf-settings .settings-navigation button{min-height:40px;padding:0 11px}.tf-settings :is(.settings-security,.settings-notifications,.settings-integrations,.settings-membership) input:not([type=checkbox]):not([type=radio]):not([type=file]),.tf-settings :is(.settings-integrations,.settings-membership) select{font-size:16px}.tf-settings .settings-email-heading{flex-wrap:wrap}}

.tf-settings>.settings-navigation{padding:12px;background:#fff;border:1px solid #e0eaf6;border-radius:20px;box-shadow:0 4px 18px #26497604}
.tf-settings .settings-nav-caption{padding:8px 12px 16px;color:#476586;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.tf-settings .settings-navigation>div{gap:5px}
.tf-settings .settings-navigation button{height:48px;min-height:48px;padding:0 10px;border:1px solid transparent;border-left:3px solid transparent;border-radius:10px;color:#6f86a4;gap:11px}
.tf-settings .settings-navigation button svg{width:30px;height:30px;padding:6px;border-radius:9px;background:#f4f7fc;color:#7b94b5}
.tf-settings .settings-navigation button:hover{background:#f6f9fd}
.tf-settings .settings-navigation button[aria-current=page]{background:#edf5ff;border-color:transparent;border-left-color:#4085ef;color:#296bbf}
.tf-settings .settings-navigation button[aria-current=page] svg{background:#dcecff;color:#2878e8}
.tf-settings .settings-verification{margin-top:22px;padding-top:20px;border-top:1px solid #edf2f8}
.settings-verification-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.settings-verification-controls>label{flex:0 1 200px;min-width:150px}
.settings-verification-controls>label>span{display:block;margin-bottom:8px}
.tf-settings .settings-verification input{width:100%;text-align:center;letter-spacing:5px;font-size:17px;font-variant-numeric:tabular-nums}
.tf-settings .settings-verification button{min-height:44px;height:44px;flex:0 0 auto;justify-content:center}
.tf-settings .settings-verification button[type=button]{padding:0 12px;border:0;background:transparent;color:#5681af;box-shadow:none;font-weight:500}
.tf-settings .settings-verification button[type=button]:hover:not(:disabled){background:#f2f7ff;color:#2777dc}
.tf-settings .settings-verification button:disabled{cursor:default;opacity:.45}
:root[data-tf-color-mode=dark] .tf-settings>.settings-navigation{background:var(--surface-primary);border:1px solid var(--border-subtle);box-shadow:none}
:root[data-tf-color-mode=dark] .tf-settings .settings-navigation button svg{background:var(--surface-elevated);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-settings .settings-navigation button[aria-current=page]{background:var(--accent-surface);border-left-color:var(--accent-primary);color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-settings .settings-navigation button[aria-current=page] svg{background:var(--accent-surface);color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-settings .settings-navigation button:hover{background:var(--surface-elevated)}
:root[data-tf-color-mode=dark] .tf-settings .settings-verification{border-color:var(--border-subtle)}
@media(max-width:1100px){.tf-settings>.settings-navigation{padding:8px;border-radius:14px}.tf-settings .settings-navigation button{height:42px;min-height:42px;border-left:1px solid transparent;padding:0 10px;gap:6px}.tf-settings .settings-navigation button[aria-current=page]{border-color:#c8ddfc}.tf-settings .settings-navigation button svg{width:26px;height:26px;padding:5px}}
@media(max-width:480px){.settings-verification-controls{gap:10px}.settings-verification-controls>label{flex:1 1 100%}.tf-settings .settings-verification button[type=submit]{flex:1}.tf-settings .settings-verification button[type=button]{flex:1;white-space:normal}}


/* Shared tree rails stay continuous across wrapped and disabled option rows. */
.membership-tree-row{position:relative;--membership-step:24px}
.membership-select-options .membership-tree-row>button[role=option]{position:relative;padding-left:calc(10px + var(--membership-depth,0)*var(--membership-step));margin:0;min-height:56px}
.membership-tree-rail,.membership-tree-down{position:absolute;z-index:1;pointer-events:none;border-left:1px solid #c6d8ef}
.membership-tree-rail{left:calc(25px + var(--rail-level,0)*var(--membership-step));top:0;bottom:0;width:12px}
.membership-tree-rail.is-elbow::after{content:'';position:absolute;left:0;top:50%;width:12px;border-top:1px solid #c6d8ef}
.membership-tree-rail.is-last{bottom:50%}
.membership-tree-rail.is-last::after{top:100%}
.membership-tree-down{left:calc(25px + var(--membership-depth,0)*var(--membership-step));top:calc(50% + 15px);bottom:0}
.membership-tree-row .membership-select-symbol{position:relative;z-index:2;flex-shrink:0}
.membership-select-options .membership-select-copy{min-width:0}
.membership-select-options .membership-select-copy strong{font-size:12px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}
.membership-select-options .membership-select-copy small{font-size:10px;line-height:1.5}
.membership-select-options .membership-select-group{padding:12px 11px 6px;margin:0;font-size:11px;color:#6683a6;font-weight:600}
:root[data-tf-color-mode=dark] .membership-tree-rail,:root[data-tf-color-mode=dark] .membership-tree-down,:root[data-tf-color-mode=dark] .membership-tree-rail.is-elbow::after{border-color:var(--border-control)}

.tf-settings .settings-repair-sender{display:inline-flex;margin-top:10px;padding:9px 14px;border:1px solid #cbdff9;border-radius:9px;background:#eef6ff;color:#2e73cd;font-size:12px}.settings-verification-feedback{margin-top:4px}

/* Keep every Settings selection identical, including its moving highlight. */
.tf-settings .settings-navigation .tf-tab-indicator{background:#edf5ff!important;border:1px solid transparent!important;border-left:3px solid #4085ef!important;border-radius:10px!important;box-shadow:none!important}
.tf-settings .settings-navigation button[aria-current=page]:hover{color:#296bbf}
.tf-settings>.settings-content{animation:tf-settings-panel-in 200ms cubic-bezier(.2,.7,.2,1) both}
@keyframes tf-settings-panel-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
:root[data-tf-color-mode=dark] .tf-settings .settings-navigation .tf-tab-indicator{background:var(--accent-surface)!important;border-left-color:var(--accent-primary)!important}
:root[data-tf-color-mode=dark] .tf-settings .settings-navigation button[aria-current=page]:hover{color:var(--accent-text)}
@media(max-width:1100px){.tf-settings .settings-navigation .tf-tab-indicator{border:1px solid #c8ddfc!important}:root[data-tf-color-mode=dark] .tf-settings .settings-navigation .tf-tab-indicator{border-color:var(--border-control)!important}}
@media(prefers-reduced-motion:reduce){.tf-settings>.settings-content{animation:none}}

/* One card layout and fixed action dimensions across all meeting statuses. */
.tf-plans-page .tf-meetings-grid{align-items:stretch}
.tf-plans-page .tf-meeting-card{padding:18px 18px 14px;min-height:226px;border:1px solid #dfe9f6;border-radius:18px;box-shadow:0 3px 12px #26497604;gap:0;container-type:inline-size;align-self:stretch;margin:0}
.tf-plans-page .tf-meeting-card>header{margin-bottom:10px;align-items:flex-start;gap:12px}
.tf-plans-page .tf-meeting-heading{display:flex;align-items:center;gap:10px;min-width:0}
.tf-plans-page .tf-meeting-symbol{width:36px;height:36px;flex:0 0 36px;border-radius:11px}
.tf-plans-page .tf-meeting-symbol svg{width:19px;height:19px}
.tf-plans-page .tf-meeting-status{flex-shrink:0;font-size:10px;padding:5px 8px;line-height:1.5;margin-top:4px}
.tf-plans-page .tf-meeting-card h3{font-size:14px;line-height:1.5;letter-spacing:-.1px;min-width:0}
.tf-plans-page .tf-meeting-description{font-size:12px;line-height:1.6;min-height:0;margin:0 0 16px;color:#7a91ae}
.tf-plans-page .tf-meeting-when{padding:0;border:0;border-radius:0;background:transparent;gap:9px;margin:0}
.tf-plans-page .tf-meeting-when small{font-size:10px;margin-bottom:2px}
.tf-plans-page .tf-meeting-when time{font-size:12px;font-weight:500;line-height:1.5;color:#496b91}
.tf-plans-page .tf-meeting-location{margin:8px 0 0;padding:0;min-height:18px;gap:9px;font-size:11px;line-height:1.6;min-width:0}
.tf-plans-page .tf-meeting-location>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tf-plans-page .tf-meeting-card>footer{margin-top:auto;padding-top:12px;gap:10px;border-top:0;align-items:center;flex-wrap:nowrap;position:relative}
.tf-plans-page .tf-meeting-card>footer::before{content:'';display:block;position:absolute;top:0;left:0;right:0;height:1px;margin:0;background:#edf2f8}
.tf-plans-page .tf-meeting-card>:nth-last-child(2){margin-bottom:16px}
.tf-plans-page .tf-meeting-attendance{display:flex;align-items:center;gap:7px;min-width:0}
.tf-plans-page .tf-meeting-attendance>span{font-size:10px;color:#8197b2;white-space:nowrap}
.tf-plans-page .tf-meeting-avatar-stack{padding-left:0;flex-shrink:0}
.tf-plans-page .tf-meeting-avatar-stack .tf-meeting-avatar{width:28px;height:28px;flex:0 0 28px;margin-left:-4px;border-radius:9px;border:2px solid #fff;object-fit:cover;font-size:9px}
.tf-plans-page .tf-meeting-avatar-stack .tf-meeting-avatar:first-child{margin-left:0}
.tf-plans-page .tf-meeting-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:nowrap}
.tf-plans-page .tf-meeting-actions>.tf-meeting-action.is-icon{box-sizing:border-box;width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;flex:0 0 36px;padding:0;display:grid;place-items:center;border:1px solid #dfe8f4;border-radius:11px;background:#f8faff;color:#58769b;box-shadow:none;line-height:1;transform:none}
.tf-plans-page .tf-meeting-actions>.tf-meeting-action.is-icon:hover:not(:disabled){background:#edf5ff;border-color:#bfd5f5;color:#246bce}
.tf-plans-page .tf-meeting-actions>.tf-meeting-action.is-success{background:#effaf5;border-color:#d6eee2;color:#159b76}
.tf-plans-page .tf-meeting-actions>.tf-meeting-action.is-success:hover:not(:disabled){background:#dff5e9;border-color:#a9dfc4;color:#087d57}
.tf-plans-page .tf-meeting-actions>.tf-meeting-action.is-danger{background:#fff6f7;border-color:#f4dce2;color:#d25470}
.tf-plans-page .tf-meeting-actions>.tf-meeting-action.is-danger:hover:not(:disabled){background:#ffeaef;border-color:#edb6c4;color:#b82f50}
.tf-plans-page .tf-meeting-action.is-icon svg{width:16px;height:16px;display:block}
.tf-plans-page .tf-meeting-card:focus-visible{outline:2px solid #679bfa;outline-offset:3px}
@container(max-width:330px){.tf-meeting-attendance>span{display:none}}
.tf-meeting-window{display:grid;gap:18px;min-width:0}
.tf-meeting-window-tabs{display:flex;padding:4px;border:1px solid #dfeaf8;border-radius:12px;background:#f4f8ff;gap:4px;margin:0}
.tf-meeting-window-tabs>button{flex:1;padding:11px 14px;min-height:42px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:500;color:#7790b1}
.tf-meeting-window-tabs>button[aria-selected=true]{background:linear-gradient(110deg,#256bff,#12b8ca);color:#fff}
.tf-meeting-window-tabs>button:disabled{cursor:default;opacity:.65}
.tf-meeting-window [role=tabpanel][hidden]{display:none}
.tf-meeting-window [role=tabpanel]:not([hidden]){animation:tf-settings-panel-in 180ms ease both}
.tf-meeting-window .tf-meeting-details{gap:16px}
.tf-meeting-window .tf-meeting-overview,.tf-meeting-window .tf-meeting-section{padding:18px;border:1px solid #e2ebf7;border-radius:14px;box-shadow:none}
.tf-meeting-window .tf-meeting-note-form{margin-bottom:0}
.tf-meeting-window .tf-meeting-detail-footer:has(.tf-meeting-actions:empty){display:none}
.tf-meeting-window .tf-plan-form{margin:0}
.tf-meeting-window .tf-meeting-form-intro{margin:0;padding:0 0 14px;border-bottom:1px solid #edf2f8}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-when{background:transparent;border:0}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-when time{color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-card>footer::before{background:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-actions>.tf-meeting-action.is-icon{background:var(--surface-elevated);border-color:var(--border-default);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-actions>.tf-meeting-action.is-icon:hover:not(:disabled){background:var(--accent-surface);border-color:var(--border-control);color:var(--text-primary)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-actions>.tf-meeting-action.is-success{background:var(--success-surface);border-color:var(--success-border);color:var(--success)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-actions>.tf-meeting-action.is-success:hover:not(:disabled){background:var(--success-surface);border-color:var(--success-border);color:var(--success)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-actions>.tf-meeting-action.is-danger{background:var(--danger-surface);border-color:var(--danger-border);color:var(--danger)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-actions>.tf-meeting-action.is-danger:hover:not(:disabled){background:var(--danger-surface);border-color:var(--danger-border);color:var(--danger)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-avatar-stack .tf-meeting-avatar{border-color:var(--surface-primary)}
:root[data-tf-color-mode=dark] .tf-meeting-window-tabs{background:var(--surface-elevated);border-color:var(--border-default)}
:root[data-tf-color-mode=dark] .tf-meeting-window .tf-meeting-overview,:root[data-tf-color-mode=dark] .tf-meeting-window .tf-meeting-section{background:var(--surface-primary);border-color:var(--border-subtle)}
@media(max-width:767px){.tf-plans-page .tf-meeting-card{padding:16px;min-height:218px}.tf-meeting-window{gap:14px}.tf-meeting-window .tf-meeting-overview,.tf-meeting-window .tf-meeting-section{padding:14px}.tf-meeting-window-tabs>button{padding:9px 11px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.tf-meeting-window [role=tabpanel]:not([hidden]){animation:none}}


/* Meeting accents do not change the card's dimensions or move its contents. */
.tf-plans-page .tf-meeting-card:is(.is-unread,.is-today,.is-completed){border-color:var(--meeting-border);background:radial-gradient(ellipse at top right,var(--meeting-tint),transparent 75%),#fff;box-shadow:inset 0 0 0 1px var(--meeting-border),0 4px 18px var(--meeting-tint)}
.tf-plans-page .tf-meeting-card.is-unread{--meeting-border:#a7caff;--meeting-tint:#438aff14}
.tf-plans-page .tf-meeting-card.is-today{--meeting-border:#f3c17f;--meeting-tint:#f4a12916}
.tf-plans-page .tf-meeting-card.is-completed{--meeting-border:#9bddc0;--meeting-tint:#17b77b14}
.tf-plans-page .tf-meeting-card:is(.is-unread,.is-today,.is-completed):hover{box-shadow:inset 0 0 0 1px var(--meeting-border),0 7px 24px var(--meeting-tint)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-card:is(.is-unread,.is-today,.is-completed){background:radial-gradient(ellipse at top right,var(--meeting-tint),transparent 80%),var(--surface-primary)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-card.is-unread{--meeting-border:var(--border-control);--meeting-tint:color-mix(in srgb,var(--accent-primary) 14%,transparent)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-card.is-today{--meeting-border:var(--warning-border);--meeting-tint:color-mix(in srgb,var(--warning) 14%,transparent)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-card.is-completed{--meeting-border:var(--success-border);--meeting-tint:color-mix(in srgb,var(--success) 14%,transparent)}

/* Keep narrow-screen controls inside their panels and all meeting tabs reachable. */
@media(max-width:1100px){.tf-settings>.settings-navigation{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.tf-settings .settings-navigation>div:last-child{max-width:100%;min-width:0}}
@media(max-width:480px){.tf-plans-page .tf-meeting-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.tf-plans-page .tf-meeting-tabs>button{min-width:0;padding:0 3px;font-size:11px;gap:0}.tf-plans-page .tf-meeting-tabs>button>svg,.tf-plans-page .tf-meeting-tabs>button>span{display:none}.tf-plans-page>div:first-child{align-items:flex-start;text-align:left}.tf-plans-page>div:first-child>button{align-self:flex-start;margin-left:0}}

/* Broad dark-theme panel rules must not erase meeting accents or field labels. */
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-card:is(.is-unread,.is-today,.is-completed){border-color:var(--meeting-border);box-shadow:inset 0 0 0 1px var(--meeting-border),0 4px 18px var(--meeting-tint)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-card .tf-meeting-when{background:transparent;border:0}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-plans-panel{background:transparent;border-color:transparent;box-shadow:none}
:root[data-tf-color-mode=dark] .tf-settings .mail-sender-field>span{color:var(--text-secondary)}

@media(max-width:767px){:root[data-tf-color-mode=dark] .lagend-shell .lagend-topbar{background:color-mix(in srgb,var(--surface-primary) 95%,transparent);box-shadow:none}:root[data-tf-color-mode=dark] .lagend-shell .lagend-topbar :is(.tf-company-switch summary,.tf-notice-bell,.tf-topbar-theme){background:var(--surface-elevated);color:var(--text-secondary)}:root[data-tf-color-mode=dark] .lagend-shell .lagend-topbar :is(.tf-company-switch summary,.tf-notice-bell,.tf-topbar-theme):hover{background:var(--accent-surface);color:var(--text-primary)}}

/* Mobile quick creation: existing workflows, with a permission-aware action fan. */
.tf-mobile-create-backdrop{display:none}
@media(max-width:767px){
 .tf-mobile-create-backdrop{position:fixed;inset:0;z-index:130;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;overscroll-behavior:contain;background:transparent}
 .tf-mobile-create-backdrop::before{content:'';position:absolute;inset:0;pointer-events:none;background:#192b4766;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity 220ms ease}
 .tf-mobile-create-backdrop.is-open::before{opacity:1}
 .tf-mobile-create-backdrop.is-closing::before{transition-delay:var(--create-fade-delay)}
 .tf-mobile-create-dialog{position:fixed;inset:0;width:100%;height:100%;box-sizing:border-box;padding:0;color:#fff;pointer-events:none;overflow:hidden}
 .tf-mobile-create-dialog:focus{outline:none}
 /* Original radial-menu mechanics: left-aligned items, a shared transform origin,
    collapsed translation to the plus center, then rotate(angle) translateX(0) under .active. */
 .tf-mobile-create-actions{position:absolute;left:calc(var(--create-x) - 140px);top:calc(var(--create-y) - 140px);width:280px;height:280px;display:flex;justify-content:center;align-items:center;margin:0;padding:0;list-style:none;pointer-events:none}
 .tf-mobile-create-item{position:absolute;left:0;top:calc(140px - var(--create-size)/2);width:var(--create-size);height:var(--create-size);list-style:none;transform-origin:140px calc(var(--create-size)/2);transform:rotate(0deg) translateX(calc(140px - var(--create-size)/2));opacity:0;transition:transform .5s,opacity .2s;transition-delay:calc(.1s * var(--i))}
 .tf-mobile-create-actions.active .tf-mobile-create-item{transform:rotate(var(--action-angle)) translateX(0px);opacity:1}
 .tf-mobile-create-backdrop.is-closing .tf-mobile-create-item{opacity:1;transition:transform .5s;transition-delay:calc(.1s * (var(--create-action-count) - 1 - var(--i)))}
 .tf-mobile-create-action{position:relative;display:flex;align-items:center;justify-content:center;width:var(--create-size);height:var(--create-size);padding:0;border:0;background:transparent;color:#fff;cursor:pointer;pointer-events:none;transform:rotate(calc(-1 * var(--action-angle)));transition:background 1s,box-shadow 1s}
 .tf-mobile-create-actions.active .tf-mobile-create-action{pointer-events:auto}

 .tf-mobile-create-orb{display:grid;place-items:center;box-sizing:border-box;flex:none;width:var(--create-size);height:var(--create-size);border:2px solid color-mix(in srgb,var(--create-color) 45%,white);border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--create-color) 65%,white),var(--create-color));box-shadow:0 0 22px 5px color-mix(in srgb,var(--create-color) 48%,transparent),inset 0 0 12px #ffffff38;transition:transform 160ms ease,box-shadow 280ms ease}
 .tf-mobile-create-backdrop.is-closing .tf-mobile-create-action .tf-mobile-create-orb{box-shadow:0 0 0 0 transparent,inset 0 0 0 transparent;transition-delay:calc(.1s * (var(--create-action-count) - 1 - var(--i)) + 180ms)}
 .tf-mobile-create-orb svg{width:30px;height:30px;stroke-width:1.8}
 .tf-mobile-create-action:active .tf-mobile-create-orb{transform:scale(.95)}
 .tf-mobile-create-action:focus-visible{outline:2px solid white;outline-offset:6px;border-radius:12px}
 .tf-mobile-create-action.is-user{--create-color:#267cff}
 .tf-mobile-create-action.is-task{--create-color:#8845ff}.tf-mobile-create-action.is-request{--create-color:#ff9b14}.tf-mobile-create-action.is-meeting{--create-color:#00baa9}.tf-mobile-create-action.is-project{--create-color:#f33883}
 .tf-mobile-create-close{position:absolute;left:var(--create-x);top:var(--create-y);transform:translate(-50%,-50%);display:grid;place-items:center;width:var(--create-size);height:var(--create-size);box-sizing:border-box;margin:0;z-index:2;pointer-events:auto;border:3px solid #f5faff;border-radius:50%;background:linear-gradient(120deg,#146aff,#06bfcb);color:#fff;box-shadow:0 5px 15px #1686e238;transition:box-shadow 220ms ease;cursor:pointer}
 .tf-mobile-create-backdrop.is-closing .tf-mobile-create-close{box-shadow:0 0 0 transparent;transition-delay:var(--create-fade-delay)}
 .tf-mobile-create-close svg{width:28px;height:28px;transform:rotate(0deg);transition:transform .5s}
 .tf-mobile-create-close.active svg{transform:rotate(315deg)}
 .tf-mobile-create-backdrop.is-closing{pointer-events:none}
 .tf-mobile-create-action:hover .tf-mobile-create-orb{box-shadow:0 0 12px var(--create-color),0 0 30px color-mix(in srgb,var(--create-color) 65%,transparent),0 0 45px color-mix(in srgb,var(--create-color) 35%,transparent)}
 :root[data-tf-color-mode=dark] .tf-mobile-create-close{border-color:var(--surface-primary)}
 .tf-mobile-create-close:focus-visible{outline:2px solid white;outline-offset:5px}
 .tf-mobile-create-sheet.tf-modal-backdrop{align-items:flex-end;padding:0;background:#192b477d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
 .tf-mobile-create-sheet .tf-modal-surface{position:relative;max-width:100%;max-height:calc(100dvh - max(12px,env(safe-area-inset-top,0px)));border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);animation:tf-create-sheet-in 220ms cubic-bezier(.2,.8,.2,1)}
 .tf-mobile-create-sheet .tf-modal-surface>div:first-child{padding:28px 20px 14px}
 .tf-mobile-create-sheet .tf-modal-surface>div:first-child::before{content:'';position:absolute;top:9px;left:calc(50% - 20px);width:40px;height:4px;border-radius:4px;background:#bac8de}
 .tf-mobile-create-sheet .tf-modal-surface>div:last-child{padding:0 20px 24px}
 .tf-mobile-create-sheet :is(input,select,textarea){font-size:16px}
}
@keyframes tf-create-sheet-in{from{transform:translateY(36px);opacity:.6}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.tf-mobile-create-backdrop,.tf-mobile-create-action,.tf-mobile-create-sheet .tf-modal-surface,.tf-mobile-create-close svg{animation:none}.tf-mobile-create-backdrop::before,.tf-mobile-create-item,.tf-mobile-create-action,.tf-mobile-create-orb,.tf-mobile-create-close svg,.tf-mobile-create-close,.tf-mobile-chrome>.tf-mobile-task-nav::after{transition:none}}

/* Hide scrollbar chrome on mobile, including portalled dialogs and pickers. */
@media(max-width:767px){
 html,body,body *{scrollbar-width:none!important;scrollbar-gutter:auto!important}
 html::-webkit-scrollbar,body::-webkit-scrollbar,body *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
}

/* One compact mobile status layout for dashboard, All Tasks and My Tasks. */
@media(max-width:767px){
 .tf-dashboard .tf-status-grid,.tf-all-task-statuses,.tf-unified-tasks .tf-mobile-status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px;padding:0;overflow:visible;scroll-snap-type:none;min-width:0}
 .tf-dashboard .tf-status-card,.tf-all-task-statuses .tf-status-card,.tf-mobile-status-strip>button.tf-status-card{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:22px 26px;align-items:center;gap:5px;box-sizing:border-box;min-width:0;min-height:86px;height:86px;margin:0;padding:9px 8px 19px;border-radius:12px;overflow:hidden;text-align:left}
 .tf-dashboard .tf-status-icon,.tf-all-task-statuses .tf-status-icon,.tf-mobile-status-strip .tf-mobile-status-icon{grid-column:1;grid-row:2;width:22px;height:22px;min-width:22px;flex-basis:22px;border-radius:7px}
 .tf-dashboard .tf-status-icon svg,.tf-all-task-statuses .tf-status-icon svg,.tf-mobile-status-strip .tf-mobile-status-icon svg{width:16px;height:16px}
 .tf-dashboard .tf-status-value,.tf-all-task-statuses .tf-status-value,.tf-mobile-status-strip .tf-mobile-status-copy{display:contents}
 .tf-dashboard .tf-status-value p,.tf-all-task-statuses .tf-status-value p,.tf-mobile-status-strip .tf-mobile-status-copy>span{grid-column:1/-1;grid-row:1;min-width:0;margin:0;font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .tf-dashboard .tf-status-value strong,.tf-all-task-statuses .tf-status-value strong,.tf-mobile-status-strip .tf-mobile-status-copy>b{display:block;grid-column:2;grid-row:2;min-width:0;height:auto;margin:0;padding:0;background:transparent;border-radius:0;font-size:23px;line-height:26px;font-weight:700;font-variant-numeric:tabular-nums}
 .tf-dashboard .tf-status-percent,.tf-all-task-statuses .tf-status-percent{right:8px;bottom:6px;font-size:9px;line-height:1.3}
 .tf-dashboard .tf-status-progress,.tf-all-task-statuses .tf-status-progress,.tf-mobile-status-strip .tf-status-progress{left:8px;right:8px;bottom:8px;height:4px}
 .tf-dashboard .tf-status-progress,.tf-all-task-statuses .tf-status-progress{right:36px;bottom:10px}
 .tf-mobile-status-strip .tf-mobile-status-copy>span{color:var(--tf-muted)}
 .tf-mobile-status-strip .tf-mobile-status-copy>b{color:var(--tf-ink)}
 :root[data-tf-color-mode=dark] .tf-mobile-status-strip .tf-mobile-status-copy>b{background:transparent;color:var(--text-primary)}
}

/* Shared mobile sheets: a real resize handle and a contained scrolling body. */
.tf-sheet-resize-handle{display:none}
@media(max-width:767px){
 :root .tf-mobile-create-sheet.tf-modal-backdrop{width:100%;min-width:0;overflow:hidden}
 :root .tf-mobile-create-sheet .tf-modal-surface{display:flex;flex-direction:column;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:var(--tf-sheet-height,auto);max-height:calc(100dvh - 12px)!important;margin:0;overflow:hidden}
 :root .tf-mobile-create-sheet .tf-modal-surface>div:first-child{position:relative;flex:0 0 auto;gap:12px;min-width:0;padding:30px 18px 14px}
 :root .tf-mobile-create-sheet .tf-modal-surface>div:first-child::before{display:none}
 :root .tf-mobile-create-sheet .tf-modal-surface>div:first-child h2{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.5}
 :root .tf-mobile-create-sheet .tf-modal-surface>div:first-child>button{flex:0 0 34px}
 :root .tf-mobile-create-sheet .tf-modal-surface>div:last-child{flex:1 1 auto;min-width:0;min-height:0;padding:0 18px 18px;overflow:auto;overscroll-behavior:contain}
 :root .tf-sheet-resize-handle{display:grid;place-items:center;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;width:88px;height:27px;min-height:27px;margin:0;padding:0;border:0;border-radius:12px;background:transparent;cursor:ns-resize;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:none}
 .tf-sheet-resize-handle::after{content:'';display:block;width:42px;height:4px;border-radius:4px;background:var(--text-secondary);opacity:.55}
 .tf-sheet-resize-handle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px}
 :root .tf-company-sheet{position:relative;box-sizing:border-box;min-width:0;height:var(--tf-sheet-height,auto);max-height:calc(100dvh - 12px);padding-top:32px}
}
@media(max-width:767px){
 :root .tf-mobile-create-sheet .tf-modal-surface,:root .tf-company-sheet{animation:none}
}

/* Mobile cards use context/detail status controls; avatar bounds must agree with their minimums. */
@media(max-width:767px){
 .tf-mobile-task-cards .tf-task-list-status{display:none}
 .tf-mobile-task-cards .tf-task-card-v2 .tf-card-avatars>span{box-sizing:border-box;width:32px;height:32px;min-width:32px;min-height:32px;flex:0 0 32px}
 .tf-mobile-task-cards .tf-task-card-v2 .tf-card-avatars>span>.tf-user-avatar,
 .tf-mobile-task-cards .tf-list-creator>.tf-user-avatar{box-sizing:border-box;width:28px!important;height:28px!important;min-width:28px;max-width:28px;min-height:28px;max-height:28px;flex:0 0 28px;object-fit:cover;font-size:10px!important;line-height:1}
}

@media(max-width:767px){
 .tf-mobile-task-cards .tf-task-card-v2 .tf-card-controls{position:absolute;grid-column:auto;grid-row:auto;top:8px;right:8px;z-index:2}
 .tf-mobile-task-cards .tf-task-list-card .tf-card-title{grid-column:2/-1;box-sizing:border-box;padding-right:36px}
}

@media(max-width:767px){
 .tf-skeleton-dashboard .tf-skeleton-heading{height:24px;width:70%;margin-bottom:18px}
 .tf-skeleton-dashboard .tf-skeleton-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
 .tf-skeleton-dashboard .tf-skeleton-card{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;min-height:86px;padding:10px;border:1px solid var(--border-subtle);background:var(--surface-primary);border-radius:15px}
 .tf-skeleton-dashboard .tf-skeleton-card>.tf-skeleton-avatar{width:20px;height:20px;margin-top:24px;border-radius:7px}
 .tf-skeleton-dashboard .tf-skeleton-card .tf-skeleton-copy{min-width:0;gap:12px}
 .tf-skeleton-dashboard .tf-skeleton-card .tf-skeleton-line{width:100%;height:9px}
 .tf-skeleton-dashboard .tf-skeleton-number{width:25px;height:23px}
 .tf-skeleton-columns{grid-template-columns:minmax(0,1fr);gap:14px}
 .tf-skeleton-columns .tf-skeleton-panel{min-height:0;padding:16px}
 .tf-skeleton-board-columns{grid-template-columns:minmax(0,1fr)}
 .tf-skeleton-board-columns .tf-skeleton-panel{min-height:0;padding:0;border:0;background:transparent}
 .tf-skeleton-board-columns .tf-skeleton-row{min-height:130px;padding:16px;margin-bottom:12px;border:1px solid var(--border-subtle);border-radius:15px;background:var(--surface-primary)}
 .tf-skeleton-board-columns .tf-skeleton-panel:not(:first-child){display:none}
}
.tf-skeleton-panel,.tf-skeleton-card{background:var(--surface-primary)}
.tf-skeleton-block{background:color-mix(in srgb,var(--text-secondary) 14%,var(--surface-primary))}
.tf-skeleton-block:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text-primary) 7%,transparent),transparent)}

@media(max-width:767px){.tf-sheet-drag-header{touch-action:none;user-select:none;-webkit-user-select:none;cursor:ns-resize}}

.structure-task-form-scroll{display:contents}
.tf-all-mobile-search,.tf-all-mobile-rows{display:none}
@media(max-width:767px){
 .tf-all-tasks{padding-bottom:8px}
 .tf-all-heading{gap:10px}
 .tf-all-heading>div:last-child{display:flex;flex-direction:row;gap:8px}
 .tf-all-heading>div:last-child>button{min-height:34px;padding:7px 10px;font-size:11px}
 .tf-all-mobile-search{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:9px;margin-bottom:14px}
 .tf-all-mobile-search input{width:100%;min-width:0;height:44px;padding:0 12px;border:1px solid var(--border-control);border-radius:12px;background:var(--surface-primary);color:var(--text-primary);font-size:14px}
 .tf-all-mobile-search>button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-primary);color:var(--accent-text)}
 .tf-all-table-panel{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}
 .tf-all-table-scroll{display:none}
 .tf-all-mobile-rows{display:grid;gap:10px}
 .tf-all-pagination{display:none}
 .tf-all-mobile-load-more{min-height:1px;text-align:center;color:var(--text-secondary);font-size:12px}
 .tf-all-mobile-load-more>button{padding:10px 14px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-primary);color:var(--accent-text)}
 .tf-all-mobile-filter-sheet .tf-modal-surface{max-height:85dvh!important}
 .tf-all-mobile-filter-sheet .tf-all-filters{padding:0;border:0;box-shadow:none;background:transparent}
 .tf-all-mobile-filter-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 .tf-all-mobile-filter-body>label,.tf-all-mobile-filter-body>.tf-person-filter{min-width:0;max-width:none;width:100%}
 .tf-all-mobile-filter-body .tf-structure-filter>span{display:block;margin-bottom:7px;color:var(--text-primary);font-size:12px;font-weight:600}
 .tf-all-mobile-filter-body .tf-structure-filter select{box-sizing:border-box;width:100%;height:42px;padding:8px 10px;border:1px solid var(--border-control);border-radius:11px;background:var(--surface-primary);color:var(--text-primary);font-size:16px}
 .tf-all-mobile-date-range input{width:100%;min-width:0;height:40px;padding:8px 6px;font-size:16px}
 .tf-all-mobile-date-range svg{display:none}
 .tf-all-mobile-author-filter>span{display:block;margin-bottom:7px;color:var(--text-primary);font-size:12px;font-weight:600}
 .tf-all-mobile-author-filter .tf-person-filter-label{display:none}
 .tf-all-mobile-author-filter .tf-person-filter{max-width:none;width:100%}
 .tf-all-mobile-date-range,.tf-all-mobile-advanced>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;min-width:0}
 .tf-all-mobile-advanced>summary{padding:10px 0;color:var(--accent-text);font-size:12px;cursor:pointer}
 .tf-all-mobile-advanced>div{padding-top:6px}
 .tf-all-mobile-filter-sheet .tf-filter-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 10px}
 .tf-all-mobile-filter-sheet :is(.tf-all-search,.tf-filter-reset,[data-tf-filter=Status]){display:none}
 .tf-all-mobile-filter-sheet .tf-filter-fields+.tf-filter-fields{margin-top:14px}
 .tf-all-mobile-filter-sheet .tf-person-filter{min-width:0;max-width:100%}
 .tf-all-mobile-filter-sheet .tf-person-filter-menu{position:relative;inset:auto;width:100%;min-width:0;margin-top:8px;box-shadow:none}
 .tf-all-mobile-filter-sheet .tf-person-filter-menu>input{font-size:16px}
 .tf-all-mobile-filter-body .tf-person-filter-trigger{width:100%;min-height:43px;font-size:13px;border-radius:11px}
 .tf-all-mobile-filter-body .tf-person-filter-label{font-size:12px;font-weight:600;color:var(--text-primary)}
 .tf-all-mobile-filter-body .tf-filter-group-heading{padding:12px 7px 6px;font-size:11px;font-weight:650;color:var(--text-secondary)}
 .tf-mobile-hierarchy-picker .tf-person-filter-options>label{position:relative}
 .tf-mobile-hierarchy-picker .tf-person-filter-options>label[data-depth]:not([data-depth="0"])::before{content:'';position:absolute;top:0;bottom:0;left:calc(7px + (var(--filter-depth) - 1)*16px);width:10px;border-left:1px solid var(--border-default);background:linear-gradient(var(--border-default),var(--border-default)) left center/10px 1px no-repeat;pointer-events:none}
 .tf-all-mobile-filter-statuses svg{width:14px;height:14px}
 .tf-all-mobile-filter-sheet .tf-person-filter:has(.tf-person-filter-menu){grid-column:1/-1}
 .tf-all-mobile-filter-statuses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:18px}
 .tf-all-mobile-filter-statuses button{display:flex;align-items:center;justify-content:flex-start;gap:5px;min-width:0;min-height:37px;padding:7px 6px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--surface-primary);color:var(--text-secondary);font-size:9px;text-align:left}
 .tf-all-mobile-filter-statuses svg{flex-shrink:0;color:var(--chip-color)}
 .tf-all-mobile-filter-statuses button[aria-pressed=true]{border-color:var(--accent-primary);background:var(--accent-surface);color:var(--accent-text)}
 .tf-all-mobile-filter-footer,.tf-mobile-task-detail-footer{position:sticky;bottom:-24px;z-index:5;display:flex;gap:9px;padding:14px 0 8px;margin-top:16px;background:var(--surface-elevated);border-top:1px solid var(--border-subtle)}
 .tf-all-mobile-filter-footer>button,.tf-mobile-task-detail-footer>button{flex:1;min-height:43px;padding:10px;border:1px solid var(--border-subtle);border-radius:11px;background:var(--surface-primary);color:var(--accent-text);font-size:12px;font-weight:600}
 .tf-all-mobile-filter-footer>button.tf-request-primary,.tf-mobile-task-detail-footer>button.tf-request-primary{background:var(--brand-action);color:var(--on-accent);border-color:transparent}
 .tf-all-mobile-actions .tf-modal-surface{max-height:65dvh}
 .tf-all-mobile-action-list{display:grid;gap:8px}
 .tf-all-mobile-action-list>button{padding:13px;border:1px solid var(--border-subtle);border-radius:11px;background:var(--surface-primary);color:var(--text-primary);text-align:left}
 .tf-all-mobile-action-list>.is-danger{color:var(--danger)}
 .tf-all-mobile-detail-sheet .tf-modal-surface{max-height:92dvh!important}
 .tf-all-mobile-detail-sheet .tf-task-window-tabs{display:none}
 .tf-mobile-task-panels>nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;border-bottom:1px solid var(--border-subtle)}
 .tf-mobile-task-panels>nav>button{min-width:0;min-height:43px;padding:8px 2px;border:0;border-bottom:2px solid transparent;background:none;color:var(--text-secondary);font-size:11px;font-weight:600}
 .tf-mobile-task-panels>nav>button[aria-selected=true]{border-bottom-color:var(--accent-primary);color:var(--accent-text)}
 .tf-mobile-task-status-field{display:grid;gap:8px;margin-top:18px;color:var(--text-primary);font-size:12px;font-weight:600}
 .tf-mobile-task-status-field>button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border:1px solid var(--border-default);border-radius:11px;background:var(--surface-primary);color:var(--text-secondary);text-align:left}
 .tf-mobile-task-status-field>button>svg{flex:0 0 18px;display:block}
 .tf-mobile-task-status-field>button:hover,.tf-mobile-task-status-field>button:focus-visible{border-color:var(--accent-primary);background:var(--accent-surface)}
 .tf-all-mobile-detail-sheet .tf-details-overview{padding:0;border:0;background:transparent;box-shadow:none}
 .tf-all-mobile-detail-sheet .tf-details-title h2{display:none}
 .tf-all-mobile-detail-sheet .tf-details-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
 .tf-all-mobile-detail-sheet .tf-details-description{padding:0 0 16px;background:none;border:0;border-bottom:1px solid var(--border-subtle);font-size:12px;line-height:1.6}
 .tf-all-mobile-detail-sheet .tf-details-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}
 .tf-all-mobile-detail-sheet .tf-details-metadata>div{min-width:0;padding:12px;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent}
 .tf-all-mobile-detail-sheet .tf-details-metadata>div:nth-child(odd){border-right:1px solid var(--border-subtle)}
 .tf-all-mobile-detail-sheet .tf-details-metadata dt{font-size:10px}
 .tf-all-mobile-detail-sheet .tf-details-metadata dd{overflow-wrap:anywhere;font-size:11px}
 .tf-all-mobile-detail-sheet :is(.tf-details-author-row,.tf-details-people-grid){margin-top:14px;padding-top:12px;border-top:1px solid var(--border-subtle)}
 .tf-all-mobile-detail-sheet .tf-details-people-grid{display:block}
 .tf-all-mobile-detail-sheet .tf-details-person{padding:9px;background:var(--surface-primary);border-color:var(--border-subtle)}
 .tf-all-mobile-detail-sheet .tf-details-assignees header>span{display:none}
 .tf-all-mobile-detail-sheet .tf-task-supporting-card{margin-top:15px;padding:12px;border-radius:12px}
 .tf-all-mobile-detail-sheet .tf-mobile-task-panels .tf-task-supporting-card{border:0;background:transparent;box-shadow:none}
 .tf-all-mobile-detail-sheet .tf-modal-surface>div:last-child{padding-left:18px;padding-right:18px}
 :root[data-tf-color-mode=dark] .tf-all-mobile-filter-sheet .tf-all-filters,:root[data-tf-color-mode=dark] .tf-all-mobile-detail-sheet .tf-details-overview{background:transparent;border:0;box-shadow:none}
 :root[data-tf-color-mode=dark] .tf-all-mobile-task-meta .tf-task-structure-cell>div>span{background:none;color:inherit}
}

@media(max-width:767px){
 :root .tf-all-mobile-detail-sheet .tf-modal-surface{height:var(--tf-sheet-height,92dvh)}
 :root .tf-all-mobile-detail-sheet .tf-modal-surface>div:last-child{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}
 .tf-all-mobile-detail-sheet .tf-task-details{display:flex;flex-direction:column;flex:1;gap:0;width:100%;min-width:0;min-height:0;overflow:hidden}
 .tf-mobile-task-panels{display:flex;flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;overflow:hidden}
 .tf-mobile-task-panels>nav{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 12px;padding:0;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent}
 .tf-mobile-task-panels>nav>button{min-height:44px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:var(--text-secondary);font-size:11px;line-height:1.4;transition:color .16s,border-color .16s}
 .tf-mobile-task-panels>nav>button[aria-selected=true]{border-bottom-color:var(--accent-primary);background:transparent;color:var(--accent-text);box-shadow:none}
 .tf-mobile-task-panels>nav>button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}
 .tf-mobile-task-panel-viewport{flex:1;min-width:0;min-height:0;overflow:hidden}
 .tf-mobile-task-panel-track{display:flex;width:100%;height:100%;transition:transform 280ms var(--tf-ui-ease,cubic-bezier(.22,.61,.36,1))}
 .tf-mobile-task-panel-track>section[role=tabpanel]{box-sizing:border-box;flex:0 0 100%;width:100%;height:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 1px 14px;overflow-wrap:anywhere}
 @media(prefers-reduced-motion:reduce){.tf-mobile-task-panel-track{transition:none}}
 :root .tf-all-mobile-detail-sheet .tf-mobile-task-detail-footer{position:static;flex:0 0 auto;z-index:auto;gap:0;margin:0;padding:12px 0 max(12px,env(safe-area-inset-bottom,0px));background:var(--surface-elevated)}
 .tf-all-mobile-detail-sheet .tf-task-details>.structure-task-form{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden;padding-bottom:0;gap:0}
 .tf-all-mobile-detail-sheet .structure-task-form>.structure-task-form-scroll{display:block;flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;padding-bottom:18px}
 :root .tf-all-mobile-detail-sheet .structure-task-form>footer{position:static;flex:0 0 auto;margin:0;padding:12px 0 max(12px,env(safe-area-inset-bottom,0px));background:var(--surface-primary)}
 .tf-all-mobile-detail-sheet .tf-task-details>.tf-task-completion-review{flex:0 1 auto;max-height:35%;overflow:auto}
}

@media(max-width:767px){
 :root .tf-mobile-create-sheet .tf-modal-surface>div:first-child{padding-top:40px}
 :root .tf-mobile-create-sheet .tf-modal-surface>div:first-child>button{flex-basis:44px;width:44px;height:44px}
 :root .tf-sheet-resize-handle{height:44px;min-height:44px}
 :root .tf-company-sheet{padding-top:44px}
 .tf-mobile-task-panels>nav>button{min-height:44px;font-size:12px}
 :root .tf-all-mobile-detail-sheet .tf-mobile-task-detail-footer>button{min-height:44px;font-size:14px}
 .tf-all-mobile-detail-sheet .tf-details-reference{font-size:12px}
 .tf-all-mobile-detail-sheet .tf-details-description{font-size:14px;color:var(--text-secondary)}
 .tf-all-mobile-detail-sheet .tf-details-metadata dt{font-size:12px;color:var(--text-secondary)}
 .tf-all-mobile-detail-sheet .tf-details-metadata dd{margin-top:5px;font-size:14px;line-height:1.55;color:var(--text-primary)}
 .tf-all-mobile-detail-sheet .tf-details-metadata small{font-size:12px;color:var(--text-secondary)}
 .tf-all-mobile-detail-sheet :is(.tf-details-author-label,.tf-details-person small,.tf-details-context small,.tf-details-empty){font-size:12px;line-height:1.6;color:var(--text-secondary)}
 .tf-all-mobile-detail-sheet :is(.tf-details-context strong,.tf-details-person strong,.tf-task-supporting-card h3){font-size:14px;color:var(--text-primary)}
 .tf-all-mobile-detail-sheet .tf-task-supporting-card :is(.text-xs,.text-sm,p):not(button):not(.tf-user-avatar){font-size:13px;color:var(--text-secondary)}
 :root .tf-all-mobile-detail-sheet :is(.tf-task-supporting-card button,.tf-add-task-employees>button){min-height:44px;font-size:13px}
 .tf-all-mobile-detail-sheet .tf-task-supporting-card button:is([class*=w-8],[class*=w-7]){min-width:44px}
 .tf-mobile-task-status-control{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;max-width:65%;min-height:44px;padding:5px 9px;border:1px solid var(--border-default);border-radius:10px;background:var(--surface-primary);color:var(--text-secondary)}
 .tf-mobile-task-status-control>svg{flex:0 0 18px}
 .tf-mobile-task-status-control .tf-status-badge{white-space:normal;font-size:12px;line-height:1.4;text-align:left}
 .tf-mobile-task-status-control:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
 .tf-mobile-task-status-control:hover{background:var(--accent-surface);border-color:var(--accent-primary)}
}
@media(max-width:767px){
 .tf-all-mobile-detail-sheet .tf-details-reference{color:var(--accent-text);background:var(--accent-surface)}
 .tf-all-mobile-detail-sheet :is(.tf-details-title .tf-status-badge,.tf-details-person .tf-assignment-state){font-size:12px}
 .tf-all-mobile-detail-sheet .tf-details-person .tf-assignment-state.state-done{color:var(--success);background:var(--success-surface)}
 .tf-all-mobile-detail-sheet .tf-details-person .tf-assignment-state.state-active{color:var(--accent-text);background:var(--accent-surface)}
 .tf-all-mobile-detail-sheet .tf-details-person .tf-assignment-state.state-pending{color:var(--warning);background:var(--warning-surface)}
 .tf-all-mobile-detail-sheet .tf-details-person :is(small,.tf-details-person-unit){font-size:12px;color:var(--text-secondary)}
}

@media(max-width:767px){.tf-mobile-create-sheet .tf-modal-surface:focus{outline:none}:root .tf-mobile-create-sheet .tf-modal-surface>div:first-child>button{border:0;background:transparent;box-shadow:none}:root .tf-mobile-create-sheet .tf-modal-surface>div:first-child>button:focus:not(:focus-visible){outline:none}}

@media(max-width:767px){
 :root .tf-all-mobile-filter-sheet .tf-modal-surface{height:var(--tf-sheet-height,85dvh);max-height:calc(100dvh - 12px)!important}
 :root .tf-all-mobile-filter-sheet .tf-modal-surface>div:last-child{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding-bottom:0}
 .tf-mobile-filter-content{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;padding-bottom:16px}
 :root .tf-all-mobile-filter-footer{position:static;flex:0 0 auto;margin:0;padding:12px 0 max(12px,env(safe-area-inset-bottom,0px));background:var(--surface-primary)}
 .tf-all-mobile-filter-statuses button{min-height:44px;font-family:inherit;font-size:13px;line-height:1.4}
 .tf-all-mobile-filter-statuses svg{width:16px;height:16px}
 :root .tf-all-mobile-filter-sheet .tf-all-mobile-date-range input[type=date]{font-family:inherit;font-size:14px;font-weight:400;line-height:1.4;color:var(--text-primary);letter-spacing:normal;min-width:0}
 .tf-all-mobile-date-range input::-webkit-datetime-edit{font:inherit;padding:0}
 .tf-unified-task-toolbar>.tf-person-filter,.tf-unified-task-toolbar>.tf-filter-brush{display:none!important}
}

@media(max-width:767px){
 .tf-mobile-task-panels>nav>.tf-tab-indicator{background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:2px solid var(--accent-primary)!important;border-radius:0!important}
}

.tf-task-press-area{display:contents}.tf-task-menu-trigger{display:none}
.tf-task-context-menu .tf-modal-surface{width:min(250px,calc(100vw - 32px));padding:4px;border-radius:12px}
.tf-task-context-menu .tf-modal-surface>div:last-child{padding:0}
.tf-task-context-actions{display:grid}
.tf-task-context-actions>button{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 10px;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:var(--surface-primary);color:var(--text-primary);font:inherit;font-size:13px;text-align:left}
.tf-task-context-actions>button:last-child{border-bottom:0}.tf-task-context-actions>button:focus-visible{background:var(--accent-surface)}
.tf-task-context-actions>button>svg{width:18px;height:18px;flex-shrink:0;color:var(--text-secondary)}
.tf-task-context-actions>button.is-danger,.tf-task-context-actions>button.is-danger svg{color:var(--danger)}
@media(max-width:767px){
 .tf-task-card,.tf-all-mobile-row{-webkit-touch-callout:none}.tf-task-card:focus,.tf-all-mobile-row:focus{outline:none}
 .tf-task-menu-trigger{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--text-secondary);font-size:22px;line-height:1}
 .tf-task-context-menu.tf-status-popover{background:#192b4733;backdrop-filter:blur(2px)}
 .tf-mobile-status-sheet .tf-task-status-picker{display:grid;gap:8px}
 .tf-mobile-status-sheet .tf-task-status-picker>button{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-primary);color:var(--text-primary);font-size:14px}
 .tf-mobile-status-sheet .tf-task-status-picker>button[aria-pressed=true]{border-color:var(--accent-primary);background:var(--accent-surface)}
 .tf-mobile-status-sheet .tf-task-status-picker>button>svg:last-child{margin-left:auto}
}

@media(max-width:767px){.tf-card-controls>.tf-card-control{display:none}}

:root .tf-modal-backdrop.tf-task-context-menu.tf-status-popover .tf-modal-surface{width:min(250px,calc(100vw - 40px));padding:4px;border-radius:12px}

@media(max-width:767px){
 .tf-all-mobile-filter-statuses{grid-template-columns:repeat(6,minmax(0,1fr))}
 .tf-all-mobile-filter-statuses>button{grid-column:span 2}
 .tf-all-mobile-filter-statuses>button[data-filter-status=All],.tf-all-mobile-filter-statuses>button[data-filter-status=Incomplete]{grid-column:span 3}
 .tf-all-mobile-filter-statuses>button>span{min-width:0;white-space:nowrap;overflow-wrap:normal}
}

/* Keep full status names readable instead of splitting words on narrow phones. */
@media(max-width:430px){
 .tf-all-mobile-filter-statuses{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tf-all-mobile-filter-statuses>button,.tf-all-mobile-filter-statuses>button[data-filter-status=All],.tf-all-mobile-filter-statuses>button[data-filter-status=Incomplete]{grid-column:span 1}
}

/* iOS must not select task/menu text while a custom long press is active. */
@media(max-width:767px){
 .tf-task-card,.tf-task-card *,.tf-task-context-menu,.tf-task-context-menu *,
 .tf-mobile-task-nav,.tf-mobile-task-nav *, .tf-dashboard .tf-urgent a,.tf-dashboard .tf-urgent a *{
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;
 }
 .tf-task-card input,.tf-task-card textarea{ -webkit-user-select:text;user-select:text }
 .tf-task-context-menu .tf-modal-surface{background:var(--surface-elevated);color:var(--text-primary);isolation:isolate}
 .tf-task-context-actions>button{-webkit-tap-highlight-color:transparent}
 :root[data-tf-color-mode=dark] .tf-modal-backdrop.tf-task-context-menu.tf-status-popover{background:#02061799}
 :root[data-tf-color-mode=dark] .tf-task-context-menu .tf-modal-surface{background:var(--surface-elevated);border-color:var(--border-default)}
}

/* Dark appearance for legacy and specialized views. Loaded last; all color owners use theme-tokens.css. */
/* Shared actions, empty states, loaders and all form fields, including portaled dialogs. */
:root[data-tf-color-mode=dark] :is(.tf-outline-link,.tf-scope-label,.tf-icon-button,.tf-modal-surface>div:first-child>button,.tf-confirm-dialog,.tf-confirm-dialog button,.tf-workload-select,.tf-workload-pagination button,.tf-all-pagination button,.tf-filter-reset button,.tf-task-action,.org-secondary,.org-icon-button,.org-expand,.org-action-menu,.tf-forward-expand,.tf-subtask-upload,.tf-pr-unlink,.tf-pr-member-grid button,.tf-pr-files>button,.tf-deadline-approval button,.tf-meeting-action:not(.is-primary):not(.is-danger):not(.is-success)){background:var(--surface-primary);color:var(--text-secondary);border-color:var(--border-default)}
:root[data-tf-color-mode=dark] :is(.tf-page-frame,.tf-modal-surface,.org-modal,.create-user-dialog,.tf-confirm-dialog,.tf-notice-popover,.tf-auth-page) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):not([type=range]),textarea,select){background-color:var(--surface-primary);color:var(--text-primary);border-color:var(--border-default);color-scheme:dark}
:root[data-tf-color-mode=dark] :is(input,textarea)::placeholder{color:var(--text-secondary);opacity:1}
:root[data-tf-color-mode=dark] :is(.tf-page-frame,.tf-modal-surface,.org-modal,.tf-notice-popover,.tf-confirm-dialog) :is(h1,h2,h3,h4,h5,strong,dt){color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(.tf-page-frame,.tf-modal-surface) :is(.text-gray-900,.text-gray-800,.text-gray-700,.text-primary-900,.text-primary-800){color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(.tf-page-frame,.tf-modal-surface) :is(.text-gray-600,.text-gray-500,.text-primary-600,.text-primary-500){color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-page-frame,.tf-modal-surface) :is(.bg-gray-50,.bg-gray-100,.bg-primary-50,.bg-primary-100){background-color:var(--surface-elevated);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] :is(.tf-skeleton-panel,.tf-skeleton-block,.tf-company-content-loading){background:var(--surface-elevated);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] :is(.tf-workload-columns,.tf-all-filters,.tf-all-table-panel,.tf-all-pagination,.tf-status-summary,.tf-status-footer,.tf-task-window-tabs,.tf-notification-history li,.tf-notification,.tf-date-tile,.tf-completion-mode,.user-position-field,.user-structure-path){background:var(--surface-primary);border-color:var(--border-subtle);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-task-tabs,.tf-request-tabs,.tf-st-results nav) button:is(.is-active,[aria-pressed=true]){background:var(--surface-elevated);color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.tf-task-card-v2,.tf-task-supporting-card,.tf-details-person,.tf-details-metadata>div,.tf-details-assignee-list .tf-details-person,.tf-details-notes,.tf-details-notes form,.tf-details-note-list article,.tf-task-activity-card article,.tf-task-notes-card .tf-details-note-list article,.tf-subtask-files li,.tf-task-supporting-card .tf-subtask-files li,.tf-task-files-card>section>p:not([class*=red]),.tf-task-notes-card .tf-details-empty){background:var(--surface-primary);border-color:var(--border-subtle);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-task-supporting-card [class*=border-dashed],.tf-meeting-empty,.org-empty,.tf-project-empty){background:var(--surface-primary);border-color:var(--border-subtle);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-task-supporting-card button,.tf-task-notes-card .tf-details-note-toggle,.tf-task-files-card>section>div:first-child>button,.tf-task-recurrence-card button,.tf-add-task-employees>button,.tf-task-supporting-card .tf-subtask-edit-button){border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] :is(.tf-task-supporting-card .tf-subtask-edit-button,.tf-task-supporting-card .tf-subtask-upload,.tf-task-files-card>section>div:first-child>button,.tf-task-notes-card .tf-details-note-toggle,.tf-add-task-employees>button){background:var(--surface-elevated);color:var(--accent-text)}
/* Assignment and request forwarding share the same dark hierarchy. */
:root[data-tf-color-mode=dark] :is(.structure-task-form .structure-task-picker,.structure-task-form .structure-task-unit,.structure-task-form .structure-task-picker-tabs,.structure-task-form .structure-task-picker-row,.structure-task-form .structure-task-unit>header,.structure-task-form .structure-task-people label,.structure-task-tree-row,.tf-forward-picker,.tf-forward-selection,.tf-forward-tree>.tf-forward-group>.tf-forward-group-heading,.tf-request-forward,.tf-forward-resize-hint,.tf-add-task-people label,.tf-subtask-assignees,.tf-subtask-assignee-options label){background:var(--surface-primary);border-color:var(--border-default);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.structure-task-tree-children .structure-task-tree-row,.tf-forward-group-heading,.tf-forward-person){color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.structure-task-tree-row:hover,.structure-task-tree-children .structure-task-tree-row:hover,.structure-task-form .structure-task-picker-row:hover:not(:disabled),.structure-task-people label:hover,.tf-forward-group-heading:hover,.tf-forward-person:hover,.membership-select-options button:hover:not(:disabled),.membership-select-options button[data-active=true]:not(:disabled)){background:var(--surface-elevated);color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(.structure-task-tree-row.is-selected,.structure-task-people label:has(input:checked),.tf-forward-person.is-selected,.tf-completion-mode[aria-pressed=true]){background:var(--accent-surface);border-color:var(--accent-primary);color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.structure-task-form .structure-task-unit>header button,.structure-task-picker-row>.structure-task-member-count,.tf-forward-group-heading small,.tf-subtask-assignees input[type=search]){background:var(--surface-elevated);color:var(--accent-text);border-color:var(--border-default)}
:root[data-tf-color-mode=dark] :is(.structure-task-tree-children>.structure-task-tree-branch:last-child::after,.tf-forward-group-content>.tf-forward-group:last-child::after){background:var(--surface-primary)}
:root[data-tf-color-mode=dark] :is(.structure-task-tree-children,.structure-task-tree-branch,.tf-forward-group-content){border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] :is(.structure-task-form button,.tf-pr-company-form button) strong{color:inherit}
/* Requests, notification inbox, invitation/deadline panels. */
:root[data-tf-color-mode=dark] :is(.tf-request-filters label,.tf-request-companies button,.tf-request-file-chip,.tf-request-file,.tf-request-party,.tf-request-route-connector,.tf-request-deadline,.tf-request-task-context,.tf-request-detail button.tf-request-linked-task,.tf-pr-invitation,.tf-pr-company-options,.tf-pr-company-form .tf-pr-company-option){background:var(--surface-primary);border-color:var(--border-subtle);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-request-route{background:linear-gradient(110deg,var(--surface-elevated),var(--teal-surface));border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] :is(.tf-notice-popover,.tf-notice-footer,.tf-notice-tabs button[aria-selected=true]){background:var(--surface-primary);color:var(--text-secondary);border-color:var(--border-default)}
:root[data-tf-color-mode=dark] :is(.tf-notice-tabs,.tf-notice-popover>header>button,.tf-notice-row.is-unread,.tf-notification-history li.is-unread,.tf-request-row.is-unread-completed,.structure-request-row.is-highlighted){background:var(--surface-elevated);color:var(--accent-text);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] :is(.tf-notice-row:hover,.tf-notice-footer:hover,.tf-outline-link:hover,.tf-workload-row:hover,.tf-pr-company-option:hover:not(.is-unavailable)){background:var(--surface-elevated);color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(.tf-notice-copy strong,.tf-notice-empty strong,.tf-notice-popover h2){color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(.tf-notice-message,.tf-notice-meta,.tf-notice-copy time,.tf-notice-empty,.tf-notice-popover>header span){color:var(--text-secondary)}
/* Users and all Settings panels, not just their outer wrappers. */
:root[data-tf-color-mode=dark] :is(.structure-membership-panel,.structure-request-row,.users-summary-card,.users-requests,.tf-users>section:last-of-type,.create-user-dialog,.create-user-result dl,.settings-profile-summary,.tf-settings .settings-panel,.tf-settings .settings-integrations>section,.tf-settings .settings-notifications form>label:has(input[type=checkbox]),.tf-settings .settings-password-visibility,.membership-select>button,.membership-select-options button,.users-role-select select,.users-actions>button,.users-statistics-toggle,.users-delete-dialog footer button){background:var(--surface-primary);border-color:var(--border-default);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.membership-select>button:hover:not(:disabled),.membership-select.is-open>button,.tf-settings .settings-navigation button:hover,.users-statistics-toggle:hover,.users-management-table tbody tr:hover){background:var(--surface-elevated);color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(.users-summary-card strong,.users-management-table strong,.membership-select-copy strong,.settings-profile-summary strong){color:var(--text-primary)}
/* Meetings detail/edit and project subviews. */
:root[data-tf-color-mode=dark] :is(.tf-meeting-when,.tf-meeting-person,.tf-meeting-note-list article,.tf-meeting-date-toggle,.tf-plan-details>div:first-child,.tf-plan-details>div:nth-child(2)>div,.tf-plan-form>div:first-child,.tf-pr-task-details>section,.tf-pr-list select,.tf-pr-activity-legacy){background:var(--surface-primary);border-color:var(--border-default);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-meeting-action.is-danger,.tf-pr-delete,.tf-pr-unlink:hover,.users-delete-button,.tf-task-supporting-card .tf-subtask-delete-button,.tf-task-supporting-card .tf-subtask-files .tf-subtask-file-delete){background:var(--danger-surface);color:var(--danger);border-color:var(--danger-border)}
:root[data-tf-color-mode=dark] .tf-meeting-action.is-success{background:var(--success-surface);color:var(--success);border-color:var(--success-border)}
/* Calendar month/week/day/agenda cells, popovers and filter rails. */
:root[data-tf-color-mode=dark] .tf-calendar-v2 .fc{--fc-border-color:var(--border-subtle);--fc-today-bg-color:var(--accent-surface);--fc-neutral-bg-color:var(--surface-primary);--fc-list-event-hover-bg-color:var(--surface-elevated);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-calendar-v2 .tf-cal-canvas,.tf-calendar-v2 .fc .fc-daygrid-day,.tf-calendar-v2 .fc .fc-list-event>td,.tf-calendar-v2 .fc .fc-popover,.tf-cal-create button,.tf-cal-option-panel,.tf-cal-option-panel.is-priority,.tf-cal-loading){background:var(--surface-primary);border-color:var(--border-subtle);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-calendar-v2 .fc .fc-col-header-cell,.tf-calendar-v2 .fc .fc-timegrid-slot-label,.tf-calendar-v2 .fc .fc-timegrid-axis,.tf-calendar-v2 .fc .fc-list-day-cushion,.tf-calendar-v2 .fc .fc-list-empty,.tf-calendar-v2 .fc .fc-popover-header,.tf-calendar-v2 .fc .fc-daygrid-day.tf-cal-weekend,.tf-calendar-v2 .fc .fc-daygrid-day.fc-day-other,.tf-calendar-v2 .fc .fc-timegrid-col.tf-cal-weekend){background:var(--surface-primary);border-color:var(--border-subtle);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-calendar-v2 .fc .fc-daygrid-day.fc-day-today,.tf-calendar-v2 .fc .fc-timegrid-col.fc-day-today){background:var(--accent-surface)}
:root[data-tf-color-mode=dark] :is(.tf-calendar-v2 .fc .fc-daygrid-day:not(.fc-day-other):hover,.tf-calendar-v2 .fc .fc-list-event:hover>td,.tf-cal-create button:hover,.tf-cal-filter-option:hover){background:var(--surface-elevated)}
:root[data-tf-color-mode=dark] .tf-calendar-v2 .fc .tf-cal-event{background:var(--surface-elevated);border-color:var(--border-subtle);color:var(--text-primary);box-shadow:0 1px 3px #0003}
:root[data-tf-color-mode=dark] .tf-calendar-v2 .fc .tf-cal-entry.is-completed .tf-cal-event{background:var(--success-surface);color:var(--success)}
:root[data-tf-color-mode=dark] .tf-calendar-v2 .fc .tf-cal-entry.is-overdue .tf-cal-event{background:var(--danger-surface);color:var(--danger)}
:root[data-tf-color-mode=dark] :is(.tf-cal-event-title,.tf-cal-option-name,.tf-cal-option-panel h3,.tf-cal-day-label>span,.tf-calendar-v2 .fc .fc-col-header-cell-cushion){color:var(--text-secondary)}

/* Structure canvas/list, fullscreen, editing drawer and node dialogs. */
:root[data-tf-color-mode=dark] :is(.org-level-guide,.org-view-toggle,.org-zoom-controls,.org-search input,.org-chart-viewport,.org-fullscreen>.org-toolbar,.tf-organization.org-fullscreen,.org-modal,.org-node,.org-lead-card,.org-position-person,.org-view-cards .org-unit-employees .org-employee,.org-palette,.org-palette-card,.org-palette>input,.org-drag-preview){background:var(--surface-primary);border-color:var(--border-default);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.org-unit-container,.org-view-cards .org-position-container,.org-founder,.org-company,.org-unit-container.org-unit-branch,.org-unit-head_office){background:var(--surface-primary);border-color:var(--border-subtle);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.org-unit-tribe,.org-unit-department,.org-unit-external_contacts,.org-unit-manager,.org-unit-deputy,.org-unit-group,.org-unit-sector){background:var(--surface-elevated);border-color:var(--border-default)}
:root[data-tf-color-mode=dark] :is(.org-palette-tabs,.org-palette-tabs button[aria-pressed=true],.org-view-cards .org-position-container.org-company,.org-view-cards .org-position-container.org-founder,.org-view-cards .org-position-container.org-manager,.org-node-symbol,.org-count,.org-add-employee,.org-empty-lead){background:var(--surface-elevated);color:var(--accent-text);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] :is(.org-node-title,.org-node strong,.org-position-person strong,.org-unit-heading strong,.org-palette-card strong){color:var(--text-primary)}
:root[data-tf-color-mode=dark] .org-connections path{stroke:var(--border-default)}
/* Errors, warnings and confirmations retain their meaning without white panels. */
:root[data-tf-color-mode=dark] :is(.tf-error,.tf-request-error,.tf-st-error,.tf-cal-error,.org-error,.create-user-error,.users-delete-error,.tf-notice-error,.tf-notice-toast,.tf-task-view-error,.tf-auth-error){background:var(--danger-surface);border-color:var(--danger-border);color:var(--danger)}
:root[data-tf-color-mode=dark] :is(.structure-task-warning,.tf-deadline-warning,.tf-deadline-badge,.tf-pr-invitation,.users-delete-note,.create-user-note,.tf-cal-connection){background:var(--warning-surface);border-color:var(--warning-border);color:var(--warning)}
/* Account entry pages follow the saved appearance as well. Logos/photos keep their pixels. */
:root[data-tf-color-mode=dark] .tf-auth-page{background:var(--background-primary);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-auth-back,.tf-auth-company,.tf-auth-success dl){background:var(--surface-primary);border-color:var(--border-subtle);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-auth-page h1,.tf-auth-page h2,.tf-auth-field label,.tf-auth-company strong){color:var(--text-primary)}
/* Audit follow-ups: nested table paint, neutral form buttons and status utilities. */
:root[data-tf-color-mode=dark] :is(.tf-all-heading button:last-child,.structure-task-form>footer>button:not(.structure-task-primary),.structure-task-subtasks>header>button,.structure-task-subtask>button){background:var(--surface-elevated);color:var(--text-secondary);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] :is(.structure-task-subtask,.tf-edit-subtask-assignees,.settings-context-note,.tf-st-table thead,.tf-all-table thead,.tf-all-table thead tr,.tf-cal-views,.tf-calendar-v2 .fc .fc-scrollgrid-section-header>td){background:var(--surface-primary);border-color:var(--border-subtle);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-all-table tbody tr{--tf-row-bg:var(--surface-primary)}
:root[data-tf-color-mode=dark] .tf-all-table tbody tr:hover{--tf-row-bg:var(--surface-elevated)}
:root[data-tf-color-mode=dark] .tf-all-table tbody tr[class*=bg-red-50]{--tf-row-bg:var(--danger-surface)}
:root[data-tf-color-mode=dark] .tf-all-table tbody tr.tf-task-due-soon{--tf-row-bg:var(--warning-surface)}
:root[data-tf-color-mode=dark] :is(.tf-modal-surface,.tf-page-frame) :is(header,footer,section){border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] :is(.tf-modal-surface,.tf-page-frame) :is(.bg-amber-50,.bg-yellow-50,.bg-orange-50){background:var(--warning-surface);color:var(--warning);border-color:var(--warning-border)}
:root[data-tf-color-mode=dark] :is(.tf-modal-surface,.tf-page-frame) :is(.bg-red-50,.bg-rose-50){background:var(--danger-surface);color:var(--danger);border-color:var(--danger-border)}
:root[data-tf-color-mode=dark] :is(.tf-modal-surface,.tf-page-frame) :is(.bg-green-50,.bg-emerald-50){background:var(--success-surface);color:var(--success);border-color:var(--success-border)}
:root[data-tf-color-mode=dark] :is(.tf-modal-surface,.tf-page-frame) :is(.text-amber-700,.text-amber-800,.text-yellow-700,.text-orange-700){color:var(--warning)}
:root[data-tf-color-mode=dark] :is(.tf-modal-surface,.tf-page-frame) :is(.text-red-600,.text-red-700,.text-rose-700){color:var(--danger)}
:root[data-tf-color-mode=dark] :is(.tf-modal-surface,.tf-page-frame) :is(.text-green-700,.text-emerald-700){color:var(--success)}
:root[data-tf-color-mode=dark] .tf-auth-story{background:linear-gradient(140deg,var(--surface-elevated),var(--teal-surface))}
:root[data-tf-color-mode=dark] :is(.tf-auth-welcome,.tf-auth-success-icon){background:var(--surface-elevated);border-color:var(--border-subtle);color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.tf-auth-story-footer,.tf-auth-form-heading p,.tf-auth-field>span,.tf-auth-footer){color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-status-badge{background:color-mix(in srgb,var(--tf-badge-color) 16%,var(--surface-primary))!important;color:color-mix(in srgb,var(--tf-badge-color) 48%,#fff)!important}
:root[data-tf-color-mode=dark] :is(.tf-details-reference,.tf-details-assignees>header>span,.tf-assignment-state,.tf-detail-avatar,.tf-pr-avatar,.tf-meeting-avatar,.tf-st-avatar){background:var(--accent-surface);color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.tf-details-metadata dd,.tf-details-deadline,.structure-task-people label>span,.tf-subtask-assignees>header,.tf-pr-company-form button strong){color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-details-author-row,.tf-details-assignee-units,.tf-pr-tabs,.tf-pr-progress,.tf-pr-list>div,.tf-pr-activity article,.tf-meeting-form-grid>header){border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] :is(.tf-pr-phase-progress,.tf-pr-progress-track){background:var(--border-default)}
:root[data-tf-color-mode=dark] .tf-project-form input[type=color]{background:var(--surface-primary);border-color:var(--border-default)}
:root[data-tf-color-mode=dark] .tf-assignment-state.state-done{background:var(--success-surface);color:var(--success)}
:root[data-tf-color-mode=dark] .tf-assignment-state.state-active{background:var(--accent-surface);color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.tf-card-title,.tf-workload-row .tf-workload-name,.tf-workload-row>div>span,.tf-st-performance-main span){color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-kanban-count,.tf-kanban-progress-row>span){background:color-mix(in srgb,var(--tf-status-color) 16%,var(--surface-primary));color:color-mix(in srgb,var(--tf-status-color) 45%,white)}
:root[data-tf-color-mode=dark] .tf-kanban-progress{background:var(--border-default)}
:root[data-tf-color-mode=dark] .tf-st-table .tf-st-count{background:var(--surface-elevated);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-st-table .tf-st-count.is-done{background:var(--success-surface);color:var(--success)}
:root[data-tf-color-mode=dark] .tf-st-table .tf-st-count.is-active{background:var(--warning-surface);color:var(--warning)}
:root[data-tf-color-mode=dark] .tf-st-table .tf-st-count.is-waiting{background:var(--purple-surface);color:var(--purple)}
:root[data-tf-color-mode=dark] .tf-st-table .tf-st-count.is-overdue,:root[data-tf-color-mode=dark] .tf-count-red{background:var(--danger-surface);color:var(--danger)}
:root[data-tf-color-mode=dark] .tf-request-tabs button>span{background:var(--accent-surface);color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.tf-request-status-Pending,.tf-pr-status.status-On-Hold){background:var(--warning-surface);color:var(--warning)}
:root[data-tf-color-mode=dark] :is(.tf-request-status-Rejected,.tf-pr-status.status-Overdue){background:var(--danger-surface);color:var(--danger)}
:root[data-tf-color-mode=dark] :is(.tf-request-status-Completed,.tf-pr-status.status-Done){background:var(--success-surface);color:var(--success)}
:root[data-tf-color-mode=dark] .tf-pr-status.status-Waiting-for-Update{background:var(--purple-surface);color:var(--purple)}
:root[data-tf-color-mode=dark] .tf-pr-status.status-In-Progress{background:var(--accent-surface);color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-calendar-v2 .fc .fc-scrollgrid-section-header>th{background:var(--surface-primary);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-workload-person>span{color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-request-deadline time{color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-meeting-when time,.tf-meeting-overview dd,.tf-meeting-overview dd a,.tf-meeting-section dd){color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-meeting-reference,.tf-meeting-creator-badge,.tf-meeting-status.is-Scheduled){background:var(--accent-surface);color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-meeting-status.is-Completed{background:var(--success-surface);color:var(--success)}
:root[data-tf-color-mode=dark] .tf-meeting-status.is-Cancelled{background:var(--danger-surface);color:var(--danger)}
:root[data-tf-color-mode=dark] :is(.tf-status-option,.tf-status-summary.is-compact,.tf-add-task-employees>form,.tf-add-task-employees form,.tf-details-notes form,.tf-deadline-approval textarea,.structure-task-unit>.structure-task-fallback,.structure-task-unit>.structure-task-warning){background:var(--surface-primary);border-color:var(--border-default);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-status-option:hover,.tf-status-option[aria-selected=true]){background:var(--surface-elevated);color:var(--text-primary)}
:root[data-tf-color-mode=dark] .tf-auth-company[aria-pressed=true]{background:var(--accent-surface);border-color:var(--accent-text);color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-auth-company:hover{background:var(--surface-elevated)}
:root[data-tf-color-mode=dark] .tf-st-account-state{background:var(--success-surface);color:var(--success)}
:root[data-tf-color-mode=dark] .tf-st-account-state.is-inactive{background:var(--danger-surface);color:var(--danger)}
/* Recovery is outside the authenticated shell and the login/register frame. */
:root[data-tf-color-mode=dark] .tf-auth-recovery{background:var(--background-primary);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-auth-recovery>.bg-white{background:var(--surface-primary);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-auth-recovery h1{color:var(--text-primary)}
:root[data-tf-color-mode=dark] .tf-auth-recovery :is(.text-slate-500,.text-slate-600){color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-auth-recovery :is(input,button.bg-white){background:var(--background-secondary);border-color:var(--border-default);color:var(--text-primary)}
:root[data-tf-color-mode=dark] .tf-auth-recovery :is(a,.text-primary-600){color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-auth-recovery .bg-red-50{background:var(--danger-surface);color:var(--danger)}
:root[data-tf-color-mode=dark] .tf-auth-recovery .bg-emerald-50{background:var(--success-surface);color:var(--success)}
:root[data-tf-color-mode=dark] .tf-command-results button{color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-command-results button:hover,:root[data-tf-color-mode=dark] .tf-command-results button.is-current{background:var(--surface-elevated);color:var(--accent-text)}

/* Shared gaps found in the rendered desktop/mobile audit. */
:root[data-tf-color-mode=dark] :is(.tf-company-menu,.tf-person-filter-menu,.membership-select-popover,.tf-notice-popover,.tf-account-menu,.org-action-menu,.tf-cal-filter-popup,.tf-cal-create-menu){background:var(--surface-elevated);color:var(--text-primary);border-color:var(--border-default)}
:root[data-tf-color-mode=dark] :is(.tf-company-menu button:hover,.tf-company-menu button[aria-selected=true],.tf-company-option.is-active){background:var(--accent-surface);color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.tf-notice-icon,.tf-meeting-symbol,.tf-cal-filter-icon,.users-summary-icon,.structure-membership-join-symbol,.mail-sender-icon){background:var(--accent-surface);color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.tf-workload-track,.tf-kanban-progress,.tf-status-progress){background:var(--surface-elevated)}
:root[data-tf-color-mode=dark] :is(.tf-task-tab-count,.tf-mobile-status-copy>b){background:var(--accent-surface);color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.tf-kanban-status-icon,.tf-mobile-status-icon){background:color-mix(in srgb,var(--tf-status-color) 18%,var(--surface-primary));color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(.tf-request-row-icon,.tf-request-row-icon.is-received){background:var(--teal-surface);color:var(--accent-teal)}
:root[data-tf-color-mode=dark] :is(.structure-request-status.status-Approved,.tf-approval-success,.tf-auth-success){background:var(--success-surface);color:var(--success);border-color:var(--success-border)}
:root[data-tf-color-mode=dark] :is(.structure-request-status.status-Pending){background:var(--warning-surface);color:var(--warning);border-color:var(--warning-border)}
:root[data-tf-color-mode=dark] :is(.structure-request-status.status-Rejected){background:var(--danger-surface);color:var(--danger);border-color:var(--danger-border)}
:root[data-tf-color-mode=dark] :is(.tf-cal-option-disc,.org-employee small,.org-lead-card small){background:var(--surface-elevated);color:var(--text-secondary);border-color:var(--border-default)}
:root[data-tf-color-mode=dark] :is(.tf-deadline,.tf-alert,.tf-urgent-table td,.tf-urgent-table .tf-person,.tf-workload-person>span,.org-zoom-reset,.org-kind,.org-lead-label,.settings-account-status,.tf-person-filter-label,.tf-person-filter-tools>span,.tf-person-filter-options>p,.tf-person-filter-search,.tf-task-card-meta,.tf-mobile-personal select){color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.org-kind,.org-lead-label,.tf-task-card-meta a){color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.tf-page-frame,.tf-modal-surface,.tf-auth-page,.tf-auth-recovery,.tf-company-sheet,.tf-notice-popover) a:not([class*=primary]):not([class*=avatar]){color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.tf-mobile-personal select,.tf-personal-metric,.tf-mobile-assigned li){background:var(--surface-primary);border-color:var(--border-default)}
:root[data-tf-color-mode=dark] :is(.tf-personal-metric strong,.tf-mobile-personal h2,.tf-mobile-assigned h2){color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(.tf-personal-metric small,.tf-personal-metric span,.tf-mobile-assigned small){color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-personal-symbol{background:var(--accent-surface);color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-personal-metric.green .tf-personal-symbol{background:var(--success-surface);color:var(--success)}
:root[data-tf-color-mode=dark] .tf-personal-metric.red .tf-personal-symbol{background:var(--danger-surface);color:var(--danger)}
:root[data-tf-color-mode=dark] .tf-personal-metric.purple .tf-personal-symbol{background:var(--purple-surface);color:var(--purple)}
/* Essential field boundaries and focus remain visible on every raised surface. */
:root[data-tf-color-mode=dark] .tf-status-percent>span{background:var(--surface-elevated);color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(.tf-task-tabs,.tf-request-tabs,.org-view-toggle,.tf-cal-views)>button{color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.tf-task-tabs,.tf-request-tabs,.org-view-toggle,.tf-cal-views)>button:is([aria-pressed=true],[aria-selected=true],.is-active){color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.tf-structure-filter>span,.structure-membership-field>span,.user-position>span,.org-position-person small){color:var(--text-secondary)}
:root[data-tf-color-mode=dark] :is(.org-employee-add-row small,.tf-card-more){background:var(--surface-elevated);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-company-menu>button{background:var(--surface-elevated);color:var(--text-primary)}
:root[data-tf-color-mode=dark] .tf-company-menu>button[aria-checked=true]{background:var(--accent-surface);color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-company-option-text strong{color:var(--text-primary)}
:root[data-tf-color-mode=dark] .tf-cal-event.is-complete strong{color:var(--success)}
:root[data-tf-color-mode=dark] .tf-meeting-tabs>button>span{background:var(--surface-elevated);color:var(--text-primary)}
:root[data-tf-color-mode=dark] .mail-sender-providers button[aria-pressed=true]{background:var(--accent-surface);color:var(--accent-text);border-color:var(--accent-primary)}
:root[data-tf-color-mode=dark] .tf-alert{color:color-mix(in srgb,var(--alert-color,var(--text-secondary)) 55%,white)!important}
:root[data-tf-color-mode=dark] .tf-mobile-status-copy>span{color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(.tf-status-legend li span,.tf-status-legend li small,.tf-st-rate>span){color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-tabs>button>span{background:var(--surface-elevated);color:var(--text-primary)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-tabs>button[aria-pressed=true]>span{background:var(--accent-surface);color:var(--text-primary)}
:root[data-tf-color-mode=dark] .tf-calendar-v2 .fc .tf-cal-event.is-complete strong{color:var(--success)}
:root[data-tf-color-mode=dark] .tf-calendar-v2 .fc .tf-cal-event-caption{color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-calendar-v2 .fc .tf-cal-entry.is-overdue .tf-cal-event-caption{color:var(--danger)}
:root[data-tf-color-mode=dark] .tf-calendar-v2 .fc .tf-cal-event.is-complete .tf-cal-event-caption{color:var(--success)}
:root[data-tf-color-mode=dark] .tf-calendar-v2 .fc .tf-cal-day-label.is-today small{color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.structure-task-picker-tabs button,.structure-task-form summary,.structure-task-people small,.tf-request-company-recipients b,.tf-request-file-input>span,.create-user-eyebrow,.create-user-close){color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .structure-task-picker-tabs button[aria-pressed=true]{color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-request-party-avatar.is-company{background:var(--accent-surface);color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-card-avatars>.tf-card-more{background:var(--surface-elevated);color:var(--text-primary)}
:root[data-tf-color-mode=dark] .tf-meeting-switch>span{background:var(--border-default)}
:root[data-tf-color-mode=dark] .tf-meeting-switch[aria-checked=true]>span{background:var(--action-primary)}
:root[data-tf-color-mode=dark] .org-connections path{stroke:var(--border-default)}
:root[data-tf-color-mode=dark] .tf-modal-backdrop :is(.tf-modal-surface,.tf-modal-surface>div){background:var(--surface-elevated)}
:root[data-tf-color-mode=dark] .tf-company-sheet{background:var(--surface-elevated)}
:root[data-tf-color-mode=dark] .tf-calendar-v2 .fc .tf-cal-event-caption>time{color:inherit}
:root[data-tf-color-mode=dark] .tf-calendar-v2 .fc .tf-cal-entry.is-completed .tf-cal-event>strong{color:var(--success)}
:root[data-tf-color-mode=dark] .tf-calendar-v2 .fc .tf-cal-event.is-complete{opacity:1}
:root[data-tf-color-mode=dark] .tf-task-structure-cell>div>span{background:var(--surface-elevated);color:var(--text-secondary);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-card-avatars>span{background:var(--surface-elevated);border-color:var(--surface-primary)}
:root[data-tf-color-mode=dark] .tf-st-priorities>div>div{background:var(--surface-elevated)}
:root[data-tf-color-mode=dark] :is(.tf-person-filter-tools>button,.tf-modal-surface .text-primary-600,.tf-modal-surface .tf-details-notes .tf-details-note-toggle,.tf-notice-tabs button,.tf-notice-refresh){color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-task-notes-card .tf-details-notes h3 span{background:var(--surface-elevated);color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-task-recurrence-card button{background:var(--surface-elevated)}
:root[data-tf-color-mode=dark] .tf-st-work-status{color:color-mix(in srgb,var(--work-status-color) 45%,white)!important;background:var(--surface-primary)!important}
:root[data-tf-color-mode=dark] .lagend-topbar .tf-company-switch:is([open],:hover) summary{background:var(--surface-elevated);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-notice-bell:is(:hover,[aria-expanded=true]){background:var(--surface-elevated);color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-sheet-company-copy small{color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-auth-progress span{color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-auth-progress b{background:var(--surface-elevated);border-color:var(--border-default)}
:root[data-tf-color-mode=dark] .tf-auth-progress>span[data-active=true] b{background:var(--accent-surface);border-color:var(--accent-primary)}
:root[data-tf-color-mode=dark] .tf-auth-progress i{background:var(--border-default)}
:root[data-tf-color-mode=dark] .tf-st-employee-avatar{background:var(--surface-elevated)}
:root[data-tf-color-mode=dark] :is(.tf-person-filter-trigger,.tf-filter-brush,.tf-person-filter-tools .tf-sort-reverse,.tf-cal-button:not(.is-primary),.tf-st-export,.tf-request-secondary,.tf-person-filter-tools>button):hover:not(:disabled){background:var(--surface-elevated);color:var(--accent-text);border-color:var(--border-default)}
:root[data-tf-color-mode=dark] :is(.tf-unified-search,.tf-workload-search,.tf-st-people-tools label,.tf-company-sheet-search,.tf-cal-search){border-color:var(--border-default)}
/* Match the legacy exclusion selector so secondary task actions cannot retain light text colors. */
:root[data-tf-color-mode=dark] .tf-task-supporting-card button:not([class*="red"]):not([class~="bg-primary-600"]):not(.tf-details-note-save):not(.tf-subtask-file-delete):not(.tf-subtask-file-name):not(.tf-task-subtasks-card>section>div:first-child>button){border-color:var(--border-default);color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.tf-task-supporting-card button[class~="bg-primary-600"],.tf-task-supporting-card .tf-details-note-save,.tf-task-subtasks-card>section>div:first-child>button){background:var(--brand-action);color:var(--on-accent)}
:root[data-tf-color-mode=dark] input[type=file]::file-selector-button{background:var(--surface-elevated);border-color:var(--border-default);color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),textarea,select,.tf-person-filter-trigger,.membership-select>button){border-color:var(--border-default);color:var(--text-primary);caret-color:var(--text-primary)}
:root[data-tf-color-mode=dark] :is(input,textarea,select)::placeholder{color:var(--text-secondary);opacity:1}
:root[data-tf-color-mode=dark] :is(input[type=checkbox],input[type=radio]){accent-color:var(--accent-primary);color-scheme:dark}
:root[data-tf-color-mode=dark] :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
:root[data-tf-color-mode=dark] :is(button,input,select,textarea):disabled{cursor:default}
/* Keep brand accents, with darker action fills for white-label contrast. */
:root[data-tf-color-mode=dark] :is(.structure-task-primary,.mail-sender-save,.tf-request-primary,.tf-pr-primary,.tf-meeting-action.is-primary,.tf-sheet-confirm,.tf-auth-submit,.tf-confirm-primary,.tf-task-create,.tf-primary-button){background:var(--brand-action);color:var(--on-accent);border-color:transparent}
:root[data-tf-color-mode=dark] .tf-settings button[type=submit]{background:var(--brand-action);color:var(--on-accent)}
:root[data-tf-color-mode=dark] :is(.tf-users>div:first-child>button,.tf-all-heading button:first-child,.tf-all-pagination button[aria-current=page],.org-primary,.create-user-footer .create-user-primary,.tf-cal-button.is-primary,.tf-calendar-page>div:first-child>button,.tf-plans-page>div:first-child>button,.tf-plan-form .tf-primary-action,.structure-membership-join .structure-membership-footer>button,.tf-status-footer button:last-child,.tf-task-window-tabs button[aria-pressed=true],.tf-meeting-window-tabs>button[aria-selected=true],.tf-create-task-button,.tf-task-completion-review .tf-deadline-approval button:first-child){background:var(--brand-action);color:var(--on-accent)}
:root[data-tf-color-mode=dark] :is(.tf-task-tabs button.is-active,.tf-mobile-status-strip>button.is-active){background:var(--brand-action);color:var(--on-accent)}
:root[data-tf-color-mode=dark] .tf-task-tabs button.is-active .tf-task-tab-count{background:var(--action-primary);color:var(--on-accent)}
:root[data-tf-color-mode=dark] .tf-mobile-status-strip>button.is-active :is(.tf-mobile-status-copy,.tf-mobile-status-copy>b){color:var(--on-accent)}
:root[data-tf-color-mode=dark] .tf-user-avatar:not(:has(img)){background:var(--action-primary)!important;color:var(--on-accent)!important}
:root[data-tf-color-mode=dark] .tf-calendar-v2 .fc{--fc-page-bg-color:var(--surface-primary);--fc-neutral-text-color:var(--text-secondary);--fc-event-text-color:var(--text-primary)}
@media(max-width:767px){
 :root[data-tf-color-mode=dark] .tf-mobile-task-status-control .tf-status-badge{background:transparent!important;border:0;box-shadow:none}
 :root[data-tf-color-mode=dark] .tf-mobile-chrome>.tf-mobile-task-nav{--mobile-nav-surface:var(--surface-primary);background:transparent}
 :root[data-tf-color-mode=dark] .tf-mobile-menu-screen{background:var(--background-primary);color:var(--text-primary)}
 :root[data-tf-color-mode=dark] .tf-mobile-menu-row{color:var(--text-primary)}
 :root[data-tf-color-mode=dark] .tf-mobile-menu-heading>button{color:var(--text-secondary)}
 :root[data-tf-color-mode=dark] .tf-mobile-create-sheet.tf-modal-backdrop{background:color-mix(in srgb,var(--background-primary) 65%,transparent)}
 :root[data-tf-color-mode=dark] :is(.tf-mobile-chrome>.tf-mobile-task-nav>button.tf-mobile-create,.tf-mobile-create-close){background:var(--brand-action);color:var(--on-accent)}
 :root[data-tf-color-mode=dark] .tf-mobile-create-orb{color:var(--background-primary)}
}

/* Keep the loading layout on the same dark surfaces as the loaded cards. */
:root[data-tf-color-mode=dark] :is(.tf-skeleton-panel,.tf-skeleton-card){background:var(--surface-primary);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-skeleton-block{background:color-mix(in srgb,var(--text-secondary) 14%,var(--surface-primary))}
:root[data-tf-color-mode=dark] .tf-task-context-actions>button{background:var(--surface-elevated);color:var(--text-primary);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-task-context-actions>button.is-danger{color:var(--danger)}

/* User review 2026-11-02: quiet idle edges, one pane surface, visible selection. */
:root[data-tf-color-mode=dark] :is(.tf-modal-surface,.org-modal,.create-user-dialog,.users-delete-dialog){--dialog-surface:var(--surface-elevated);background:var(--dialog-surface);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-modal-surface>div{background:transparent}
:root[data-tf-color-mode=dark] :is(.tf-modal-surface,.org-modal,.create-user-dialog,.users-delete-dialog) :is(footer,.tf-status-footer,.tf-all-mobile-filter-footer,.tf-mobile-task-detail-footer,.structure-task-form>footer,.tf-project-form>footer,.tf-request-form>footer){background:var(--dialog-surface);border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] :is(.tf-modal-surface,.org-modal,.create-user-dialog,.users-delete-dialog) :is([class*=border-slate-],[class*=border-gray-]){border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] :is(.tf-task-tabs,.tf-request-tabs,.tf-notice-tabs,.tf-st-results nav,.tf-meeting-tabs,.tf-task-window-tabs,.structure-task-picker-tabs,.settings-navigation>div:last-child)>button:is([aria-selected=true],[aria-pressed=true],.is-active){background:var(--accent-surface);color:var(--accent-text);border-color:transparent;box-shadow:none}
:root[data-tf-color-mode=dark] .tf-task-tabs>button.is-active{background:var(--brand-action);color:var(--on-accent)}
:root[data-tf-color-mode=dark] .tf-unified-tasks .tf-task-tabs>button.is-active{background:var(--brand-action);color:var(--on-accent)}
:root[data-tf-color-mode=dark] :is(.tf-task-tabs,.tf-request-tabs,.tf-notice-tabs,.tf-st-results nav,.tf-meeting-tabs,.tf-task-window-tabs,.structure-task-picker-tabs,.settings-navigation>div:last-child)>.tf-tab-indicator{border:0!important;box-shadow:none!important}
:root[data-tf-color-mode=dark] :is(.tf-task-window-tabs,.settings-navigation button){border-color:transparent;box-shadow:none}
:root[data-tf-color-mode=dark] :is(.tf-person-filter-trigger,.membership-select>button,.tf-cal-filter-trigger,.tf-all-mobile-date-range input,.tf-meeting-field input,.tf-meeting-field textarea){border-color:var(--border-default)}
:root[data-tf-color-mode=dark] :is(.structure-task-unit-icon,.structure-task-tree-icon,.structure-task-avatar,.structure-task-picker-row .structure-task-add-mark,.structure-task-form .structure-task-unit-select .structure-task-add-mark,.membership-select-symbol,.tf-request-party-avatar.is-company,.tf-request-row-icon,.tf-st-scope-icon,.tf-st-metric-icon){background:var(--accent-surface);color:var(--accent-text);border-color:var(--border-subtle);box-shadow:none}
:root[data-tf-color-mode=dark] .structure-task-form .structure-task-add-mark.is-selected{background:var(--success-surface);color:var(--success);box-shadow:none}
:root[data-tf-color-mode=dark] :is(.tf-meeting-symbol,.tf-meeting-location svg,.tf-meeting-when>svg,.tf-meeting-info>svg,.tf-request-detail svg,.tf-st-employee-section>h4 svg){color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.org-action-menu button,.org-action-menu button svg){color:var(--text-primary)}
:root[data-tf-color-mode=dark] .org-action-menu button:is(:hover,:focus-visible){background:var(--accent-surface)}
:root[data-tf-color-mode=dark] .org-action-menu button.org-danger,:root[data-tf-color-mode=dark] .org-action-menu button.org-danger svg{color:var(--danger)}
:root[data-tf-color-mode=dark] :is(.org-position-person,.org-position-person strong,.org-position-person small,.org-node-title,.org-employee>div,.org-employee small,.org-lead-card small){background:transparent}
:root[data-tf-color-mode=dark] :is(.org-logo-editor,.org-logo-preview,.org-logo-upload,.org-modal .org-logo-field){background:transparent;border-color:var(--border-subtle);color:var(--accent-text)}
:root[data-tf-color-mode=dark] :is(.tf-company-option-mark,.tf-company-menu .tf-company-logo){background:transparent;border:0;box-shadow:none}
:root[data-tf-color-mode=dark] .tf-company-menu .tf-company-logo:has(img:not([hidden])){background:white;border-radius:8px;overflow:hidden}
:root[data-tf-color-mode=dark] .tf-resume-deadline small{color:var(--text-secondary)}
:root[data-tf-color-mode=dark] .tf-mobile-assigned li{border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-request-filters{background:transparent;border:0;box-shadow:none}
:root[data-tf-color-mode=dark] .tf-request-filters label{background:transparent}
:root[data-tf-color-mode=dark] .tf-st-scope-card{border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] :is(.tf-page-frame,.tf-settings,.tf-users,.tf-statistics-v4) :is([class*=border-slate-],[class*=border-gray-],hr){border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-settings :is(.settings-account-details,.settings-section-heading,.settings-security form>div:last-child,.mail-sender>header,.mail-sender-status,.mail-sender footer,.structure-membership-join-heading){border-color:var(--border-subtle)}
:root[data-tf-color-mode=dark] .tf-settings .settings-navigation>div:last-child>button{border-color:transparent!important;box-shadow:none!important}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-tabs>button{border-color:transparent!important;box-shadow:none!important}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-tabs>button[aria-pressed=true]{background:var(--accent-surface);color:var(--accent-text)}
:root[data-tf-color-mode=dark] .tf-plans-page .tf-meeting-tabs>.tf-tab-indicator{background:var(--accent-surface)!important;border:0!important;box-shadow:none!important}
:root[data-tf-color-mode=dark] .users-delete-symbol{background:var(--danger-surface);color:var(--danger)}
:root[data-tf-color-mode=dark] .tf-requests-page .tf-request-filters,:root[data-tf-color-mode=dark] .tf-requests-page .tf-request-filters label{background:transparent;border-color:var(--border-subtle);box-shadow:none}
:root[data-tf-color-mode=dark] :is(.tf-all-filters input[type=date],.tf-all-mobile-date-range input[type=date]){background:var(--surface-primary);border-color:var(--border-default);border-radius:var(--tf-ui-control-radius,12px);font-size:14px;font-weight:400}
@media(max-width:767px){
 :root[data-tf-color-mode=dark] :is(.tf-task-notes-card,.tf-task-files-card,.tf-task-activity-card){background:transparent;border:0;box-shadow:none}
 :root[data-tf-color-mode=dark] :is(.tf-task-notes-card .tf-details-notes,.tf-task-files-card>section,.tf-task-activity-card>section){background:transparent}
 :root[data-tf-color-mode=dark] .tf-modal-surface :is(.tf-task-notes-card,.tf-task-files-card,.tf-task-activity-card){background:transparent;border:0;box-shadow:none}
 :root[data-tf-color-mode=dark] .tf-all-mobile-detail-sheet .tf-modal-surface :is(.tf-task-notes-card,.tf-task-files-card,.tf-task-activity-card){background:transparent;border:0;box-shadow:none}
 :root[data-tf-color-mode=dark] .tf-modal-surface :is(.tf-task-notes-card .tf-details-notes,.tf-task-files-card>section,.tf-task-activity-card>section){background:transparent}
 :root[data-tf-color-mode=dark] .tf-mobile-task-cards .tf-task-list-row{background:transparent;border:0;box-shadow:none}
 :root[data-tf-color-mode=dark] :is(.tf-mobile-menu-group>div,.tf-mobile-menu-row,.tf-mobile-company-select,.tf-mobile-profile-card,.tf-mobile-menu-logout,.tf-mobile-settings-info){border-color:var(--border-subtle)}
}

:root[data-tf-color-mode=dark] .tf-status-card.is-selected{border-color:var(--stat-color)}

@media(max-width:767px){
 :root[data-tf-color-mode=dark] .tf-calendar-v2 :is(.tf-cal-panel,.tf-mcal-selected,.tf-mcal-weekday-row,.tf-mcal-day){background:transparent;box-shadow:none;border-radius:0}
 :root[data-tf-color-mode=dark] .tf-calendar-v2 .tf-cal-views>button[aria-pressed=true]{background:var(--brand-action);color:var(--on-accent)}
}

:root[data-tf-color-mode=dark] :is(.tf-cal-day-heading.is-today>b,.tf-cal-day-label.is-today>span){background:var(--brand-tab);color:var(--on-accent)}

.tf-access-launch{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid var(--border-default);border-radius:var(--tf-ui-control-radius,12px);background:var(--surface-primary);color:var(--text-primary);font:inherit;cursor:pointer}.tf-access-launch.tf-icon-button{width:40px;height:40px;padding:0}.tf-access-launch svg{display:block;flex-shrink:0}.tf-access-dialog .tf-modal-surface{width:min(1120px,calc(100vw - 32px));height:min(860px,92dvh);max-height:92dvh;display:flex!important;flex-direction:column;color:var(--text-primary);background:var(--surface-primary)}.tf-access-dialog .tf-modal-surface>div:last-child{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:0!important}.tf-access-layout{flex:1;display:flex;flex-direction:column;min-height:0;width:100%}.tf-access-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px}.tf-access-heading p{color:var(--text-secondary);font-size:13px}.tf-access-heading .tf-person-filter{min-width:240px}.tf-access-tabs{display:flex;padding:0 24px;gap:24px;border-bottom:1px solid var(--border-subtle)}.tf-access-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);padding:12px 0;font:inherit;font-size:13px;white-space:nowrap}.tf-access-tabs button[aria-current]{border-bottom-color:var(--accent-primary);color:var(--accent-text,var(--accent-primary))}.tf-access-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:20px 24px}.tf-access-columns{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px}.tf-access-subjects{border-right:1px solid var(--border-subtle);padding-right:16px}.tf-access-subjects label{display:grid;gap:8px;font-size:13px;font-weight:600}.tf-access-subjects input{width:100%;height:42px;padding:10px 12px;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-primary);color:var(--text-primary);font:inherit}.tf-access-subjects>div{display:grid;gap:4px;margin-top:12px}.tf-access-subjects button{display:flex;align-items:center;gap:8px;padding:10px 12px;text-align:left;border:0;border-radius:12px;background:transparent;color:var(--text-primary);font:inherit;font-size:13px;min-width:0}.tf-access-subjects button[aria-pressed=true]{background:var(--accent-surface);color:var(--accent-text,var(--accent-primary))}.tf-access-subjects img{border-radius:8px;object-fit:cover;flex-shrink:0}.tf-access-subjects button span{overflow:hidden;text-overflow:ellipsis}.tf-access-editor{min-width:0}.tf-access-editor h3{font-size:18px;margin:0 0 12px}.tf-access-inheritance{padding-bottom:16px;border-bottom:1px solid var(--border-subtle);margin-bottom:12px}.tf-access-inheritance p{display:flex;align-items:center;gap:8px;font-size:13px;margin:6px 0}.tf-access-editor small{display:block;color:var(--text-secondary);font-size:12px;line-height:1.6}.tf-access-group{border-bottom:1px solid var(--border-subtle)}.tf-access-group summary,.tf-access-protected summary{padding:16px 0;cursor:pointer;font-weight:600;font-size:14px}.tf-access-rule{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:10px;padding:12px 0;border-top:1px solid var(--border-subtle);align-items:center}.tf-access-rule strong{font-size:13px;font-weight:500}.tf-access-choices{display:flex;border:0;padding:0;margin:0;gap:3px}.tf-access-choices label{display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 8px;border:1px solid var(--border-default);border-radius:9px;font-size:11px;white-space:nowrap;min-height:36px;cursor:pointer}.tf-access-choices input{accent-color:var(--accent-primary);margin:0;width:12px;height:12px}.tf-access-choices .is-selected{background:var(--accent-surface);color:var(--accent-text,var(--accent-primary));border-color:var(--accent-primary)}.tf-access-choices .is-selected.deny{color:var(--danger);background:var(--danger-surface);border-color:var(--danger-border)}.tf-access-scope{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-secondary);font-size:12px}.tf-access-scope select{font:inherit;color:var(--text-primary);background:var(--surface-primary);border:1px solid var(--border-default);border-radius:9px;padding:7px 10px;min-width:210px}.tf-access-rule :disabled{opacity:.6;cursor:not-allowed}.tf-access-routing{display:grid;gap:14px;font-size:13px}.tf-access-routing fieldset{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.tf-access-routing label{display:flex;gap:8px;align-items:center}.tf-access-routing input{accent-color:var(--accent-primary)}.tf-access-routing legend{padding:0 0 12px;font-weight:600}.tf-access-protected p{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.tf-access-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0;padding:16px 24px;border-top:1px solid var(--border-subtle);background:var(--surface-primary)}.tf-access-footer span{margin-right:auto;color:var(--text-secondary);font-size:12px}.tf-access-footer button{font:inherit;padding:11px 18px;min-height:44px;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-primary);color:var(--text-primary)}.tf-access-footer .tf-access-save{background:var(--brand-action);color:var(--on-accent,#fff);border-color:transparent}.tf-access-footer button:disabled{opacity:.55}.tf-access-error{padding:12px;border:1px solid var(--danger-border);background:var(--danger-surface);color:var(--danger);border-radius:12px;font-size:13px;margin-bottom:12px}.tf-access-error button{margin-left:10px;text-decoration:underline}.tf-access-notice{color:var(--success);font-size:13px;margin:0 0 12px}.tf-access-dialog button:focus-visible,.tf-access-dialog input:focus-visible,.tf-access-dialog select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
@media(max-width:767px){.tf-access-dialog .tf-modal-surface{width:100%!important;height:var(--tf-sheet-height,90dvh)!important;max-height:calc(100dvh - 12px)!important}.tf-access-heading{display:block;padding:8px 16px}.tf-access-tabs{gap:16px;padding:0 16px;overflow:auto;flex-shrink:0}.tf-access-tabs button{font-size:12px}.tf-access-scroll{padding:16px}.tf-access-columns{grid-template-columns:minmax(0,1fr);gap:18px}.tf-access-subjects{border:0;padding:0}.tf-access-subjects>div{display:flex;overflow:auto;max-height:140px;flex-wrap:wrap}.tf-access-subjects button{padding:8px 10px;font-size:12px;max-width:100%}.tf-access-rule{grid-template-columns:minmax(0,1fr);gap:10px}.tf-access-choices{width:100%}.tf-access-choices label{flex:1;font-size:12px;padding:9px 5px}.tf-access-scope select{min-width:0;max-width:65%}.tf-access-footer{padding:12px 16px max(12px,env(safe-area-inset-bottom));gap:8px}.tf-access-footer span{display:none}.tf-access-footer button{flex:1;padding:12px 8px}.tf-access-routing fieldset{grid-template-columns:1fr}.tf-access-heading .tf-person-filter{width:100%;min-width:0}}

.tf-access-subjects>.tf-access-mobile-subject{display:none}@media(max-width:767px){.tf-access-subjects>label,.tf-access-subjects>div:not(.tf-access-mobile-subject){display:none}.tf-access-subjects>.tf-access-mobile-subject{display:block}.tf-access-subjects .tf-person-filter-options{max-height:240px}.tf-access-subjects .tf-access-mobile-subject>button{width:100%;min-height:44px}}

.tf-task-recurrence-fields{border:0;padding:0;margin:0;min-width:0}.tf-task-recurrence-fields:disabled{opacity:.7}.tf-task-supporting[data-files-allowed=false] .tf-subtask-upload,.tf-task-supporting[data-files-allowed=false] .tf-subtask-file-delete{display:none}

.tf-access-subjects button>span:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-access-person-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tf-access-person-heading h3{margin:0;min-width:0;overflow-wrap:anywhere}.tf-access-inheritance p{overflow-wrap:anywhere}

.tf-mobile-create:disabled{opacity:.45;cursor:not-allowed}

/* Compact fixed chrome; each work column owns its scroll position. */
.tf-access-dialog .tf-modal-surface>div:first-child{margin-bottom:0;flex-shrink:0;padding-block:16px}
.tf-access-dialog .tf-access-heading{padding:8px 24px;gap:12px;flex-shrink:0}
.tf-access-heading p{margin:0;line-height:1.5}
.tf-access-heading .tf-person-filter{margin:0}
.tf-access-tabs{flex-shrink:0}
.tf-access-scroll{display:flex;flex-direction:column;overflow:hidden;padding:16px 24px;gap:12px}
.tf-access-scroll>.tf-access-error,.tf-access-scroll>.tf-access-notice{flex-shrink:0;margin:0}
.tf-access-columns{flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}
.tf-access-subjects{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.tf-access-subjects>label{flex-shrink:0}
.tf-access-subjects>.tf-access-subject-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:start;padding-right:4px}
.tf-access-subject-list>button{flex-shrink:0}
.tf-access-editor{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:8px}
@media(max-width:767px){
 .tf-access-dialog .tf-access-heading{padding:8px 16px}
 .tf-access-heading>p{display:none}
 .tf-access-scroll{padding:12px 16px}
 .tf-access-columns{grid-template-rows:auto minmax(0,1fr);gap:12px}
 .tf-access-subjects{overflow:visible}
 .tf-access-subjects>.tf-access-subject-list{display:none}
 .tf-access-subjects>.tf-access-mobile-subject{margin:0;flex-shrink:0}
 .tf-access-editor{padding-right:0}
}

.tf-access-heading .tf-person-filter-label{display:none}
.tf-access-heading .tf-person-filter-trigger{margin:0}

/* A new row action must fit the existing table action geometry. */
.tf-users .users-management-table :is(th,td):nth-child(4){width:76px;padding-inline:8px;text-align:center}
.tf-users .users-management-table :is(th,td):last-child{width:224px;padding-inline:16px}
.tf-users .users-actions{min-width:0;gap:6px;align-items:center;white-space:nowrap}
.tf-users .users-actions .tf-access-launch.tf-icon-button{width:33px;height:33px;min-height:33px;flex:0 0 33px;padding:0;border-radius:9px;color:var(--text-secondary);background:var(--surface-primary);border-color:var(--border-default)}
.tf-users .users-actions .tf-access-launch svg{width:17px;height:17px;display:block;flex:0 0 17px}
.tf-users .users-actions .tf-access-launch:hover{background:var(--accent-surface);color:var(--accent-text)}

.users-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}
.tf-users .users-header-actions>.tf-access-launch{height:44px;min-height:44px;padding:0 16px;border-radius:var(--tf-ui-control-radius,12px);font-size:14px;font-weight:600;line-height:20px;background:var(--surface-primary);color:var(--accent-text);border-color:var(--border-default);white-space:nowrap;transition:background-color .15s,border-color .15s}
.tf-users .users-header-actions>.tf-access-launch svg{width:18px;height:18px;flex:0 0 18px}
.tf-users .users-header-actions>.tf-access-launch:hover{background:var(--accent-surface);border-color:var(--accent-primary)}
@media(max-width:767px){.users-header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.tf-users .users-header-actions>button{flex:1;min-width:max-content}}

:root[data-tf-color-mode] .tf-users .users-actions>button[aria-label="Aktiv et"]:hover:not(:disabled){color:var(--success);background:var(--success-surface);border-color:var(--success-border)}
:root[data-tf-color-mode] .tf-users .users-actions>button[aria-label="Aktiv et"]:focus-visible{outline-color:var(--success)}

/* Compact account controls with space reserved for complete labels. */
.tf-users .users-management-table :is(th,td):nth-child(3){width:168px;padding-inline:12px}
.tf-users .users-management-table :is(th,td):nth-child(4){width:108px;padding-inline:16px;text-align:left}
.tf-users .users-role-select{width:100%;position:relative}
:root .tf-users .users-role-select select{appearance:none;width:100%;height:36px;padding:0 32px 0 12px;font-family:inherit;font-size:13px;font-weight:500;line-height:20px;color:var(--text-primary);background:var(--surface-primary);border:1px solid var(--border-default);border-radius:10px;box-shadow:none;cursor:pointer}
.tf-users .users-role-select select:disabled{color:var(--text-secondary);background:var(--surface-secondary);cursor:not-allowed}
.tf-users .users-role-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary)}
.tf-users .users-role-select:has(.animate-spin) .users-role-chevron{visibility:hidden}
.tf-users .users-role-select select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
:root .users-account-status{display:inline-flex;align-items:center;gap:7px;padding:0;min-height:28px;font-family:inherit;font-size:12px;font-weight:500;line-height:20px;color:var(--text-secondary);white-space:nowrap;background:transparent}
.users-account-status::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--text-muted);flex:none}
:root .users-account-status[data-active=true]{color:var(--success)}
.users-account-status[data-active=true]::before{background:var(--success)}
.tf-users .users-positions-summary{grid-template-columns:minmax(0,1fr) 44px;gap:10px}
:root .tf-users .users-positions-toggle{width:40px;min-width:40px;height:30px;padding:0;border:1px solid transparent;border-radius:9px;background:var(--surface-secondary);color:var(--text-secondary);box-shadow:none;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;line-height:20px}
:root .tf-users .users-positions-toggle:hover,:root .tf-users .users-positions-toggle[aria-expanded=true]{color:var(--accent-text);background:var(--accent-surface);border-color:var(--border-default)}

:root[data-tf-color-mode=dark] .tf-users .users-management-table tbody tr:hover{background:var(--surface-secondary)}

/* Shared picker replaces the operating system's role menu. */
.users-app-role>.tf-person-filter-label,.users-app-role .tf-person-filter-tools{display:none}
:root[data-tf-color-mode] .tf-users .users-app-role>.tf-person-filter-trigger{min-height:36px;height:36px;padding:0 10px 0 12px;border:1px solid var(--border-default);border-radius:10px;background:var(--surface-primary);color:var(--text-primary);font-family:inherit;font-size:13px;font-weight:500;line-height:20px}
.users-app-role .tf-person-filter-trigger:disabled{color:var(--text-secondary);background:var(--surface-secondary);cursor:not-allowed}
:root .tf-person-filter-menu.users-app-role{z-index:15000;padding:6px;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:12px;box-shadow:0 10px 28px #0f172a24}
.users-app-role .tf-person-filter-options{max-height:240px;padding:0}
:root[data-tf-color-mode] .users-app-role .tf-person-filter-options>label{min-height:38px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer}
:root[data-tf-color-mode] .users-app-role .tf-person-filter-options>label:hover,:root[data-tf-color-mode] .users-app-role .tf-person-filter-options>label:has(input:checked){background:var(--accent-surface);color:var(--accent-text)}
.users-app-role .tf-person-filter-options>label:has(input:disabled){opacity:.45;cursor:not-allowed}
.users-app-role input{accent-color:var(--accent-primary)}
:root[data-tf-color-mode=light] .users-account-status[data-active=true]{color:#07875b}
:root[data-tf-color-mode=light] .users-account-status[data-active=true]::before{background:#10b981}
:root[data-tf-color-mode] .tf-users .users-positions-toggle{display:inline-grid;place-items:center;align-self:center;justify-self:end;width:40px;height:32px;min-width:40px;margin:0;padding:0;border:1px solid var(--border-default);border-radius:10px;background:var(--surface-primary);color:var(--accent-text);font-family:inherit;font-size:12px;line-height:1;font-weight:600;box-sizing:border-box}
.tf-users .users-positions-toggle>span{display:block;line-height:1;text-align:center}
:root[data-tf-color-mode] .tf-users .users-actions>button,:root[data-tf-color-mode] .tf-users .users-actions .users-statistics-toggle{border:1px solid var(--border-default);border-radius:9px;background:var(--surface-primary)}
:root[data-tf-color-mode] .tf-users .users-actions .users-delete-button,:root[data-tf-color-mode] .tf-users .users-actions>button[aria-label="Deaktiv et"]{border-color:var(--danger-border);color:var(--danger);background:var(--surface-primary)}
:root[data-tf-color-mode] .tf-users .users-actions .users-delete-button:hover:not(:disabled),:root[data-tf-color-mode] .tf-users .users-actions>button[aria-label="Deaktiv et"]:hover:not(:disabled){border-color:var(--danger);background:var(--danger-surface);color:var(--danger)}
:root[data-tf-color-mode] .tf-users .users-actions>button[aria-label="Aktiv et"]:hover:not(:disabled){border-color:var(--success-border);background:var(--success-surface);color:var(--success)}

:root[data-tf-color-mode] .tf-users .users-management-table .users-actions button.users-delete-button,
:root[data-tf-color-mode] .tf-users .users-management-table .users-actions button[aria-label="Deaktiv et"]{border:1px solid var(--danger-border);color:var(--danger);background:var(--surface-primary)}
:root[data-tf-color-mode] .tf-users .users-management-table .users-actions button.users-delete-button:hover:not(:disabled),
:root[data-tf-color-mode] .tf-users .users-management-table .users-actions button[aria-label="Deaktiv et"]:hover:not(:disabled){border-color:var(--danger);background:var(--danger-surface)}

.tf-user-edit-dialog .tf-modal-surface{width:min(620px,calc(100vw - 32px));background:var(--surface-primary);color:var(--text-primary)}
.tf-user-edit-dialog .tf-modal-surface>div:first-child{margin-bottom:0;padding:20px 24px;flex-shrink:0}
.tf-user-edit-dialog .tf-modal-surface>div:last-child{padding:20px 24px 0!important}
.tf-user-edit-form{display:flex;flex-direction:column;gap:20px;margin:0}
.tf-user-edit-description{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5}
.tf-user-edit-form>div:first-of-type{gap:18px 16px}
.tf-user-edit-form label>span{font-family:inherit;font-size:13px;font-weight:500;color:var(--text-primary)}
:root[data-tf-color-mode] .tf-user-edit-form input{height:44px;padding:0 12px;font-family:inherit;font-size:14px;line-height:20px;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-primary);color:var(--text-primary);box-shadow:none}
.tf-user-edit-form input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.tf-user-edit-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:18px 0 20px;border-top:1px solid var(--border-subtle);margin-top:4px}
:root[data-tf-color-mode] .tf-user-edit-footer>button{display:inline-flex;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-primary);color:var(--text-secondary)}
:root[data-tf-color-mode] .tf-user-edit-footer>button[type=submit]{border-color:transparent;background:var(--brand-tab);color:var(--on-accent);min-width:132px}
.tf-user-edit-footer>button svg{display:block;flex-shrink:0;width:18px;height:18px}
.tf-user-edit-footer>button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:767px){.tf-user-edit-dialog .tf-modal-surface>div:first-child{padding:16px}.tf-user-edit-dialog .tf-modal-surface>div:last-child{padding:16px 16px 0!important}.tf-user-edit-form{gap:16px}.tf-user-edit-form>div:first-of-type{grid-template-columns:1fr;gap:14px}.tf-user-edit-footer{padding:16px 0 max(16px,env(safe-area-inset-bottom))}.tf-user-edit-footer>button{flex:1}}

/* User details share the compact account-pane presentation. */
.tf-user-details-dialog .tf-modal-surface{width:min(660px,calc(100vw - 32px));max-height:90dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--surface-primary);color:var(--text-primary)}
.tf-user-details-dialog .tf-modal-surface>div:first-child{margin:0;padding:18px 24px;flex-shrink:0}
.tf-user-details-dialog .tf-modal-surface>div:last-child{padding:24px!important;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.tf-user-details-content{display:flex;flex-direction:column;gap:24px}
.tf-user-details-identity{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}
.tf-user-details-identity>div:last-child{min-width:0;flex:1}
.tf-user-details-avatar{width:64px;height:64px;flex:0 0 64px;border-radius:16px;overflow:hidden}
.tf-user-details-avatar>*{width:64px!important;height:64px!important;border-radius:16px!important;display:flex;align-items:center;justify-content:center}
.tf-user-details-avatar img{width:100%;height:100%;object-fit:cover}
.tf-user-details-identity h3{margin:0;font-size:19px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.tf-user-details-identity p{margin:3px 0 6px;font-size:13px;color:var(--text-secondary);overflow-wrap:anywhere}
.tf-user-details-account{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text-secondary)}
.tf-user-details-account>span:first-child{padding-right:12px;border-right:1px solid var(--border-default)}
.tf-user-details-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 20px;margin:0}
.tf-user-details-grid>div{min-width:0}
.tf-user-details-grid dt{margin-bottom:7px;color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.5}
.tf-user-details-grid dd{margin:0;color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}
.tf-user-details-grid a{color:var(--accent-text);text-decoration:none}.tf-user-details-grid a:hover{text-decoration:underline}
.tf-user-details-grid>.tf-user-details-positions{grid-column:1/-1;padding-top:20px;border-top:1px solid var(--border-subtle)}
.tf-user-details-positions .user-positions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 20px}
.tf-user-details-positions .user-position{min-width:0;display:flex;flex-direction:column;gap:4px;padding:4px 0 4px 12px;border-left:2px solid var(--border-default)}
.tf-user-details-positions .user-position>span{font-size:14px;font-weight:600;color:var(--text-primary)}
.tf-user-details-positions .user-position>small{font-size:12px;line-height:1.6;color:var(--text-secondary);overflow-wrap:anywhere}
@media(max-width:767px){.tf-user-details-dialog .tf-modal-surface>div:first-child{padding:16px}.tf-user-details-dialog .tf-modal-surface>div:last-child{padding:20px 16px max(20px,env(safe-area-inset-bottom))!important}.tf-user-details-content{gap:20px}.tf-user-details-identity{gap:12px;padding-bottom:20px}.tf-user-details-identity h3{font-size:17px}.tf-user-details-grid{gap:20px 16px}}
@media(max-width:440px){.tf-user-details-grid{grid-template-columns:minmax(0,1fr)}.tf-user-details-positions .user-positions{grid-template-columns:minmax(0,1fr)}}

:root[data-tf-color-mode] .tf-user-details-positions .user-position>span{color:var(--text-primary)}
:root[data-tf-color-mode] .tf-user-details-positions .user-position>small{color:var(--text-secondary)}

.tf-access-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.tf-access-editor-heading h3,.tf-access-editor-heading .tf-access-person-heading{margin-bottom:0;min-width:0}
.tf-access-reset{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:36px;padding:8px 10px;font:inherit;font-size:12px;font-weight:500;line-height:18px;border:1px solid var(--border-default);border-radius:10px;background:var(--surface-primary);color:var(--text-secondary)}
.tf-access-reset svg{display:block;flex:0 0 16px}
.tf-access-reset:hover:not(:disabled){background:var(--accent-surface);color:var(--accent-text)}
.tf-access-reset:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:440px){.tf-access-editor-heading{flex-wrap:wrap}.tf-access-reset{margin-left:auto}}

.tf-access-routing-integrated{display:grid;gap:12px;padding:16px 0;border-top:1px solid var(--border-subtle)}
.tf-access-receive{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}
.tf-access-receive>span{min-width:0}
.tf-access-receive strong{display:block;font-weight:500;margin-bottom:5px}
.tf-access-receive input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--accent-primary)}
.tf-access-routing-exceptions{border-top:1px solid var(--border-subtle)}
.tf-access-routing-exceptions>summary{padding:12px 0;cursor:pointer;font-size:13px;font-weight:500}
.tf-access-routing-exceptions .tf-access-routing{padding-bottom:8px}
.tf-access-routing-exceptions .tf-person-filter{width:100%;min-width:0}
.tf-access-routing-exceptions .tf-person-filter-menu{max-width:100%}

.tf-access-routing-exceptions .tf-person-filter-menu{position:relative;inset:auto;width:100%;max-width:100%;transform:none!important;box-shadow:none}

@media(max-width:767px){.tf-access-subjects>.tf-access-mobile-subject{width:100%;align-self:stretch}}