/* Infernis 7.0: canonical workspace design.
 * Feature styles retain their semantics. This layer owns shared presentation.
 * No web fonts, external assets, animations that delay navigation or hidden actions.
 */
:root {
  color-scheme:dark;
  --bg:#101114; --panel:#181a1f; --panel-2:#20232a; --panel-3:#292d36;
  --ink:#f2f3f7; --muted:#adb3c1; --quiet:#959dad; --line:#30343e;
  --line-hot:#91452b; --red:#ff713f; --orange:var(--red); --green:#7eddb0;
  --blue:#a3c5ff; --purple:#c7afff; --workspace-rail:#14161b;
  --workspace-bar:#14161b; --workspace-input:#121419;
  --accent-fill:#ff541f; --accent-fill-hover:#ff6b35; --accent-soft:#382019; --accent-ink:#211009;
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px;
  --panel-shadow:0 4px 20px #0000000d; --surface-glow:none;
  --workspace-nav-width:252px; --workspace-speed:140ms;
}
html[data-theme="light"] {
  color-scheme:light;
  --bg:#f4f5f8; --panel:#ffffff; --panel-2:#f0f2f6; --panel-3:#e4e7ee;
  --ink:#20242e; --muted:#596273; --quiet:#626b7b; --line:#d9dde7;
  --line-hot:#e2ab95; --red:#b9380f; --orange:var(--red); --green:#176546;
  --blue:#285da6; --purple:#7044a8; --workspace-rail:#ffffff;
  --workspace-bar:#fdfdfe; --workspace-input:#f6f7fa;
  --accent-fill:#c63810; --accent-fill-hover:#aa2b0b; --accent-soft:#ffede5; --accent-ink:#ffffff;
  --panel-shadow:0 4px 20px #242b3a05;
}
html { scroll-padding-top:90px; scrollbar-gutter:stable; }
/* Calendar dates are day numbers, not timestamps. Keep date and coverage apart. */
.portal-page .month-calendar>header { padding:22px 24px;flex-wrap:wrap; }
.portal-page .month-calendar>header p { color:var(--red); }
.portal-page .month-calendar-grid { border-color:var(--line); }
.portal-page .month-calendar .month-day { display:flex;flex-direction:column;align-items:stretch;gap:5px;min-height:142px;padding:10px; }
.portal-page .month-calendar .month-day>time { flex:none;align-self:flex-start;white-space:nowrap;width:30px;height:30px;line-height:30px;margin:0 0 3px;font-weight:650; }
.portal-page .month-calendar .month-day-today>time { background:var(--accent-fill);color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent-soft); }
.portal-page .month-calendar .month-away-count { position:static;display:block;margin:0;font-size:11px;line-height:1.4;color:var(--purple); }
.portal-page .month-calendar .month-entry { flex:none;display:flex;flex-direction:column;gap:3px;margin:0;padding:8px 9px;border-radius:7px;line-height:1.4;text-decoration:none;background:var(--panel-2);border-left:3px solid var(--red); }
.portal-page .month-calendar .month-entry:hover { background:var(--panel-3);outline:1px solid var(--line-hot); }
.portal-page .month-calendar .month-entry-leave { border-left-color:var(--purple);background:var(--panel-2); }
.portal-page .month-calendar .month-entry-birthday { border-left-color:#d7ae57; }
.portal-page .month-calendar .month-entry-anniversary { border-left-color:var(--green); }
.portal-page .month-calendar>footer>span:first-child { color:var(--red); }
.portal-page .calendar-leave-status { padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:20px;gap:20px; }
.portal-page .calendar-leave-status p { max-width:85ch;line-height:1.65; }
.calendar-date-review { border:1px solid var(--line-hot);border-radius:12px;padding:18px 22px;margin:0 0 20px;background:var(--panel); }
.calendar-date-review>summary { cursor:pointer;font-weight:650;color:var(--red); }
.calendar-date-review>p { color:var(--muted);max-width:90ch; }
.calendar-review-scroll { overflow:auto;max-width:100%; }
.calendar-date-review table { width:100%;min-width:620px;border-collapse:collapse;text-align:left; }
.calendar-date-review :is(th,td) { padding:12px;border-bottom:1px solid var(--line);vertical-align:top; }
.portal-page .roster-grid .identity-avatar { flex:none;overflow:hidden;border-radius:10px; }
.portal-page .roster-grid .identity-avatar-image { width:100%;height:100%;object-fit:cover; }
.portal-page .profile-personal-extras { margin-bottom:20px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center; }
.portal-page .profile-personal-extras>header { flex:1 1 180px;margin:0; }
.portal-page .profile-personal-extras>small { flex-basis:100%;color:var(--muted); }
.portal-page .month-weekday { color:var(--muted); }
.portal-page .calendar-shell { border-radius:var(--radius-lg);overflow:hidden; }
.portal-page .calendar-shell>header { flex-wrap:wrap;align-items:center; }
.portal-page .calendar-shell>header>div { flex:1 1 200px; }
@media(max-width:700px) {
  .portal-page .calendar-shell>header { padding:18px;gap:12px; }
  .portal-page .calendar-shell>header>div { flex-basis:100%; }
  .portal-page .calendar-shell>header .primary-button { white-space:nowrap; }
  .portal-page .calendar-event { padding:18px;grid-template-columns:48px minmax(0,1fr);gap:14px; }
  .portal-page .calendar-event>time { width:44px;height:54px; }
  .portal-page .calendar-event>form { grid-column:2; }
}
body { font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; line-height:1.6; color:var(--ink); background:var(--bg); }
body.workspace-troll { font-family:"Comic Sans MS","Comic Sans",cursive;--radius-lg:24px 9px 29px 12px; }
.workspace-troll .metric-grid>article { border:2px solid var(--red);box-shadow:4px 4px 0 var(--line-hot);border-radius:24px 8px 28px 10px; }
.workspace-troll .page-heading h1 { text-shadow:2px 2px 0 var(--accent-soft); }
*,*::before,*::after { box-sizing:border-box; }
[hidden] { display:none!important; }
.visually-hidden { position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline:2px solid var(--blue)!important;outline-offset:3px; }
.workspace-icon { display:block;flex:0 0 auto;width:20px;height:20px; }
.workspace-skip { position:fixed;top:10px;left:270px;z-index:10000;padding:10px 18px;background:var(--panel);color:var(--ink);border:1px solid var(--blue);border-radius:8px;transform:translateY(-180%); }
.workspace-skip:focus { transform:none; }

/* Application frame and navigation */
body.portal-page { background:var(--bg)!important; }
.portal-page .portal-shell { display:block;min-height:100dvh; }
.portal-page .portal-sidebar { position:fixed;inset:0 auto 0 0;width:var(--workspace-nav-width);height:100dvh;max-height:100dvh;display:flex;flex-direction:column;gap:0;padding:24px 16px 16px;background:var(--workspace-rail)!important;border:0;border-right:1px solid var(--line);box-shadow:none;overflow-y:auto;z-index:110;transform:none; }
.portal-page .portal-sidebar::before { display:none; }
.workspace-brand-row { display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 8px 25px; }
.portal-page .staff-brand { gap:11px;margin:0;min-width:0; }
.portal-page .staff-brand img { width:28px;height:40px;object-fit:contain;filter:none; }
.portal-page .staff-brand>span { font-size:20px;letter-spacing:-.045em;font-weight:750;line-height:1.1;color:var(--ink); }
.portal-page .staff-brand small { display:block;margin-top:7px;font-size:10px;letter-spacing:.06em;font-weight:550;color:var(--muted);text-transform:none; }
.portal-page .portal-sidebar .identity-card { order:0;flex:none;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;margin:0 0 20px;padding:12px 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel)!important;box-shadow:none; }
.portal-page .identity-card .identity-avatar { width:34px;height:34px;grid-row:1/3;border-radius:10px; }
.portal-page .identity-card>div { min-width:0; }
.portal-page .identity-card strong { font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis; }
.portal-page .identity-card>div>span { font-size:10px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block; }
.portal-page .portal-sidebar .identity-card .role-badge { grid-column:2;justify-self:start;margin:0;padding:2px 6px;font-size:9px;border-radius:4px;line-height:1.3;max-width:100%;white-space:normal; }
.workspace-nav-search { position:relative;display:flex;align-items:center;gap:8px;margin:0 4px 20px;color:var(--muted); }
.workspace-nav-search>.workspace-icon { position:absolute;left:10px;width:16px;height:16px;pointer-events:none; }
.portal-page .workspace-nav-search input { width:100%;min-height:38px;padding:8px 12px 8px 34px!important;font-size:12px;border:1px solid var(--line);border-radius:8px;background:var(--workspace-input); }
.workspace-nav-caption { margin:0 12px 10px;color:var(--quiet);font-size:9px;font-weight:700;letter-spacing:.13em; }
.portal-page .portal-sidebar .portal-nav { flex:1 1 auto;display:flex;flex-direction:column;gap:5px;overflow:auto;min-height:80px; }
.portal-page .portal-sidebar .portal-nav :is(.nav-link,.nav-folder>summary) { display:flex;align-items:center;gap:11px;padding:10px 12px;min-height:42px;border:0;border-radius:9px;box-shadow:none;background:transparent!important;color:var(--muted);font-size:12px;font-weight:550;line-height:1.5;text-decoration:none;transform:none;transition:background-color var(--workspace-speed),color var(--workspace-speed); }
.portal-page .portal-sidebar .portal-nav :is(.nav-link,.nav-folder>summary):hover { color:var(--ink);background:var(--panel-2)!important;border:0;transform:none; }
.portal-page .portal-sidebar .portal-nav .nav-link[aria-current="page"] { background:var(--accent-soft)!important;color:var(--red);font-weight:650;border:0; }
.portal-page .portal-sidebar .portal-nav .nav-link { letter-spacing:0;box-shadow:none!important; }
.portal-page .portal-sidebar .portal-nav .nav-link::after { display:none; }
.portal-page .portal-sidebar .portal-nav .nav-link>.nav-label { color:inherit!important;min-width:0;flex:1 1 auto;font-size:inherit!important;background:none!important;border:0!important;line-height:1.5;width:auto!important;height:auto!important;display:block!important;justify-content:initial;text-align:left; }
.portal-page .portal-sidebar .portal-nav .nav-link>span::after,.portal-page .portal-sidebar .identity-card::before,.portal-page .portal-nav a::before { content:none!important;display:none!important; }
.portal-page .portal-sidebar .portal-nav .nav-symbol { display:flex;align-items:center;justify-content:center;width:20px;min-width:20px;height:20px;color:inherit!important;background:none!important;border:0!important; }
.portal-page .portal-sidebar .nav-folder { margin:0;border:0;background:none; }
.portal-page .portal-sidebar .nav-folder[open]>summary { background:transparent!important;color:var(--ink);border:0; }
.portal-page .portal-sidebar .nav-folder summary { list-style:none;cursor:pointer; }
.portal-page .portal-sidebar .nav-folder summary::-webkit-details-marker { display:none; }
.portal-page .portal-sidebar .nav-folder summary>b { margin-left:auto;color:var(--quiet);font-size:12px; }
.portal-page .portal-subnav { margin:4px 0 8px 22px;padding-left:10px;border-left:1px solid var(--line);display:grid;gap:3px; }
.portal-page .portal-subnav .nav-link { padding:8px 10px!important;min-height:36px!important;font-size:11px!important;gap:9px!important; }
.portal-subnav .workspace-icon { width:16px;height:16px; }
.workspace-nav-empty { padding:12px;color:var(--muted);font-size:12px; }
.portal-page .sidebar-foot { order:6;margin:12px 8px 0;padding:0;border:0;background:none; }
.portal-page .sidebar-foot strong { font-size:10px; }.portal-page .sidebar-foot small { font-size:9px; }
.portal-page .sidebar-legal { order:7;display:flex;flex-wrap:wrap;gap:4px 12px;margin:10px 8px 0;font-size:9px; }
.portal-page .sidebar-legal a { color:var(--quiet); }
.workspace-utilities { order:8;margin-top:12px; }
.portal-page .workspace-utilities .build-tools { position:static;inset:auto;justify-content:space-between;width:100%;margin:0;padding:4px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none; }
.portal-page .workspace-utilities .build-version { white-space:nowrap; }
.portal-page .workspace-utilities .theme-switch button span { display:inline; }
.portal-page .workspace-utilities .staff-assistant-float { position:static;inset:auto;width:100%;margin-bottom:8px; }
.portal-page .workspace-utilities .staff-assistant-float>summary { width:100%;height:auto;min-height:36px;justify-content:flex-start;padding:8px 12px!important;font-size:11px!important;gap:8px;background:var(--accent-fill)!important;color:var(--accent-ink)!important;border:1px solid var(--line-hot);border-radius:8px; }
.portal-page .workspace-utilities .staff-assistant-float>summary::after { content:none; }
.portal-page .workspace-utilities .staff-assistant-float-panel { position:fixed;left:calc(var(--workspace-nav-width) + 16px);bottom:24px;right:auto;top:auto;width:min(440px,calc(100vw - var(--workspace-nav-width) - 48px));max-height:calc(100dvh - 100px);overflow:auto;z-index:200; }
.workspace-assistant-close { position:absolute;right:10px;top:10px;width:34px;min-height:34px!important;padding:0!important;font-size:20px!important;color:var(--ink);border:1px solid var(--line);background:var(--panel-2); }
.portal-page .workspace-utilities .staff-assistant-float-panel h2 { padding-right:36px; }
.portal-page .portal-main { margin-left:var(--workspace-nav-width);min-width:0;width:auto;background:var(--bg)!important; }
.portal-page .portal-topbar { position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:20px;min-height:72px;height:72px;padding:0 36px;border:0;border-bottom:1px solid var(--line);background:var(--workspace-bar)!important;box-shadow:none; }
.portal-page .workspace-breadcrumb { display:flex;align-items:center;gap:12px;min-width:0;flex:1; }
.portal-page .workspace-breadcrumb>span { display:flex;gap:12px;letter-spacing:0;font-size:12px;color:var(--muted);white-space:nowrap; }
.portal-page .workspace-breadcrumb strong { margin:0;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.portal-page .command-trigger { min-height:36px;padding:7px 10px;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--workspace-input)!important;color:var(--muted);font-size:11px;white-space:nowrap; }
.portal-page .command-trigger .workspace-icon { width:16px;height:16px; }
.portal-page .command-trigger>span { font-size:11px;letter-spacing:0;color:inherit; }
.portal-page .command-trigger kbd { padding:1px 5px;border:1px solid var(--line);border-radius:4px;font-size:9px;background:var(--panel);color:var(--quiet); }
.portal-page .portal-topbar form { margin:0; }.portal-page .portal-topbar form button { font-size:11px;min-height:36px;padding:7px 10px; }
.portal-page .portal-content { width:100%;max-width:1580px;margin:0 auto;padding:38px clamp(20px,3vw,48px) 100px;min-width:0; }
.portal-page .portal-content::before,.portal-page .portal-content::after { display:none; }
.workspace-nav-close,.workspace-nav-backdrop,.portal-page .mobile-menu { display:none; }

/* Shared headings and surfaces */
.portal-page .page-heading,.portal-page .page-heading.compact,.portal-page .portal-content>.page-heading:not(.compact) { min-height:0;padding:0;margin:0 0 30px;border:0;background:transparent!important;box-shadow:none;gap:24px;align-items:flex-start; }
.portal-page .page-heading>div { padding:0;background:none!important;min-width:0; }
.portal-page .page-heading h1 { margin:6px 0 10px;font-size:clamp(27px,2.7vw,38px);font-weight:700;line-height:1.2;letter-spacing:-.045em;overflow-wrap:anywhere; }
.portal-page .page-heading p { margin:0 0 8px;color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.08em; }
.portal-page .page-heading :is(span,small) { max-width:70ch;font-size:13px;color:var(--muted);line-height:1.7; }
.portal-page .clearance-card { align-self:flex-start;flex:0 1 240px;min-height:0;padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)!important;box-shadow:none;font-size:14px;line-height:1.5; }
.portal-page .clearance-card small { font-size:9px;margin-bottom:5px; }.portal-page .clearance-card span { font-size:11px;margin-top:5px; }
.portal-page :is(.profile-card,.overview-panel,.integration-card,.action-panel,.settings-card,.inbox-v2,.month-calendar,.document-reader,.operations-panel,.staff-record-panel,.editor-shell,.task-detail-panel) { border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel)!important;box-shadow:var(--panel-shadow);background-image:none!important;min-width:0;overflow-wrap:anywhere; }
.portal-page :is(.profile-card,.overview-panel,.integration-card,.action-panel) { padding:24px;margin-bottom:24px; }
.portal-page :is(.profile-card,.overview-panel,.integration-card,.action-panel)>header { min-height:0;padding:0 0 20px;margin:0 0 16px;border:0;border-bottom:1px solid var(--line);background:none!important;gap:16px; }
.portal-page :is(.profile-card,.overview-panel,.integration-card,.action-panel)>header p { color:var(--muted);font-size:9px;letter-spacing:.09em;margin:0 0 5px; }
.portal-page :is(.profile-card,.overview-panel,.integration-card,.action-panel) h2 { color:var(--ink);font-size:18px;letter-spacing:-.025em;line-height:1.4;margin:0 0 8px; }
.portal-page h3 { font-size:15px;line-height:1.5;letter-spacing:-.015em;color:var(--ink); }
.portal-page :is(.workspace-columns,.workflow-columns,.document-context-grid,.profile-grid,.integration-grid) { gap:20px;align-items:start; }
.portal-page :is(.mini-empty,.large-empty,.empty-state) { color:var(--muted);border:1px dashed var(--line);border-radius:10px;background:transparent!important;padding:28px 20px;min-height:0;line-height:1.7; }
.portal-page .large-empty>span { display:none; }.portal-page .large-empty h2 { font-size:20px;color:var(--ink); }
.portal-page .metric-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 28px; }
.portal-page .metric-grid>article { position:relative;display:flex;flex-direction:column;gap:3px;min-height:145px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)!important;box-shadow:none; }
.portal-page .metric-grid>article>span { position:absolute;right:18px;top:20px;font-size:10px;color:var(--quiet);border:0;background:none;width:auto;height:auto; }
.portal-page .metric-grid strong { color:var(--ink);font-size:32px;font-weight:650;line-height:1.2;letter-spacing:-.04em;margin:0 0 8px; }
.portal-page .metric-grid p { font-size:12px;margin:0;line-height:1.5;color:var(--ink); }.portal-page .metric-grid small { font-size:10px;line-height:1.6;color:var(--muted); }
.portal-page .attention-counts { display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px; }
.portal-page .attention-counts :is(a,span).attention-tile { padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);box-shadow:none; }
.portal-page .attention-value { font-size:24px;letter-spacing:-.035em; }.portal-page .attention-label { font-size:11px; }.portal-page .attention-state { font-size:9px; }
.portal-page .attention-counts .attention-unread { background:var(--accent-soft)!important;border-color:var(--line-hot);color:var(--red); }

/* Controls, filters and actions: stable dimensions, restrained emphasis */
body :is(button,.primary-link,.secondary-link,.primary-button,.secondary-button,.quiet-button,.publish-button,.delete-button) { font-family:inherit; }
body :is(button,.primary-link,.secondary-link,.primary-button,.secondary-button,.quiet-button,.publish-button,.delete-button):not(.editor-toolbar button):not(.theme-switch button) { min-height:38px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:0;box-shadow:none;transform:none; }
body :is(button,.primary-link,.secondary-link):hover { transform:none; }
body :is(.primary-button,.primary-link,.publish-button) { padding:9px 16px;background:var(--accent-fill)!important;color:white!important;border:1px solid var(--accent-fill); }
body :is(.primary-button,.primary-link,.publish-button):hover { background:var(--accent-fill-hover)!important; }
/* Brand actions override retained legacy crimson/AI gradients; semantic error
 * and priority colors are intentionally left alone. */
body.portal-page .portal-shell :is(.primary-button,.primary-link,.publish-button,.selection-ai-button,[data-ai-document-generate],[data-ai-quiz-generate]),
body.portal-page .staff-assistant-float .primary-button,
body.auth-page :is(.primary-button,.primary-link,.publish-button) { background:var(--accent-fill)!important;color:var(--accent-ink)!important;border-color:var(--accent-fill); }
body.portal-page .portal-shell :is(.primary-button,.primary-link,.publish-button,.selection-ai-button,[data-ai-document-generate],[data-ai-quiz-generate]):hover,
body.portal-page .staff-assistant-float .primary-button:hover,
body.auth-page :is(.primary-button,.primary-link,.publish-button):hover { background:var(--accent-fill-hover)!important;color:var(--accent-ink)!important; }
body .theme-switch button[aria-pressed="true"] { background:var(--accent-fill)!important;color:var(--accent-ink)!important; }
body :is(.secondary-button,.secondary-link,.quiet-button) { padding:8px 13px;background:var(--panel)!important;color:var(--ink);border:1px solid var(--line); }
body :is(.secondary-button,.secondary-link,.quiet-button):hover { background:var(--panel-2)!important;border-color:var(--quiet); }
body .delete-button { padding:8px 13px;background:transparent!important;color:var(--red);border:1px solid var(--line-hot); }
body button:disabled { cursor:not-allowed;opacity:.5;filter:none;transform:none; }
body :is(input,select,textarea):where(:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="color"])) { min-height:40px;padding:9px 12px;color:var(--ink);background:var(--workspace-input);border:1px solid var(--line);border-radius:8px;font-size:13px;line-height:1.5;box-shadow:none;max-width:100%; }
body input::placeholder,body textarea::placeholder { color:var(--quiet);opacity:1; }
body textarea { min-height:120px;resize:vertical; }
body :is(input,select,textarea):focus { border-color:var(--quiet);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 12%,transparent); }
body :is(input[type="checkbox"],input[type="radio"]) { accent-color:var(--accent-fill);min-width:16px;min-height:16px;cursor:pointer; }
body label>span,body label>strong { font-size:12px;font-weight:550;line-height:1.5; }
body :is(.form-note,.form-help,label>small) { color:var(--muted);font-size:11px;font-weight:400;line-height:1.7; }
.portal-page :is(.filter-bar,.task-toolbar,.bug-report-toolbar,.transcript-filters,.inbox-filters,.document-toolbar,.bulk-action-bar) { padding:16px;gap:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)!important;box-shadow:none; }
.portal-page :is(.section-tabs,.settings-tabs,.task-tabs,.bug-report-tabs) { display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--panel)!important;margin-bottom:24px;min-width:0; }
.portal-page :is(.section-tabs,.settings-tabs,.task-tabs,.bug-report-tabs)>:is(a,button) { border:0;border-radius:7px;padding:8px 13px;font-size:12px;color:var(--muted);background:transparent!important;min-height:36px; }
.portal-page :is(.section-tabs,.settings-tabs,.task-tabs,.bug-report-tabs)>:is(.active,[aria-current="page"],[aria-selected="true"],[aria-pressed="true"]) { color:var(--ink);background:var(--panel-3)!important;box-shadow:none; }
.portal-page .productivity-tabs { display:inline-flex;align-self:flex-start;padding:4px;gap:4px;border:1px solid var(--line);border-radius:9px;background:var(--panel); }
.portal-page .productivity-tabs a { padding:8px 14px;border:0;border-radius:6px;font-size:12px;background:transparent;color:var(--muted); }
.portal-page .productivity-tabs a.active { color:var(--ink);background:var(--panel-3); }
.portal-page details:not(.nav-folder):not(.document-create-menu) { border-color:var(--line);border-radius:10px;background:transparent;box-shadow:none; }
.portal-page details:not(.nav-folder)>summary { padding:14px 16px;min-height:44px;font-size:12px;font-weight:600;color:var(--ink);cursor:pointer; }
.portal-page :is(.flash,.notice,.warning-banner,.saved-filter-tools) { border-radius:10px;box-shadow:none; }

/* Reading, records and conversations */
.portal-page :is(.document-reader,.guide-ack-card) { padding:0; }
.portal-page .document-reader>header { padding:32px 36px 24px;border-bottom:1px solid var(--line);background:none!important; }
.portal-page .document-reader>header h1 { font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.04em;max-width:28ch; }
.portal-page .document-reading-layout { padding:30px 36px!important;gap:36px!important;grid-template-columns:230px minmax(0,1fr)!important; }
.portal-page .document-outline { border:0;border-right:1px solid var(--line);padding:0 18px 0 0;max-height:calc(100dvh - 120px); }
.portal-page .document-outline a { font-size:11px;line-height:1.6;padding:8px 10px;border-radius:6px; }
.portal-page .prose { color:var(--ink);font-size:15px;line-height:1.9;max-width:80ch;min-width:0;overflow-wrap:anywhere; }
.portal-page .document-reader>.prose { max-width:none;padding:0!important; }
.portal-page .document-reading-body { max-width:80ch; }
.portal-page .portal-content[data-workspace-view="overview"] { display:flex;flex-direction:column;gap:24px; }
.portal-page .portal-content[data-workspace-view="overview"]>section { margin:0!important; }
.portal-page .portal-content[data-workspace-view="overview"]>.metric-grid { order:1; }
.portal-page .portal-content[data-workspace-view="overview"]>.attention-strip { order:2; }
.portal-page .portal-content[data-workspace-view="overview"]>#my-inbox { order:3; }
.portal-page .portal-content[data-workspace-view="overview"]>.overview-grid { order:4; }
.portal-page .portal-content[data-workspace-view="overview"]>.priority-work-panel { order:5; }
.portal-page .portal-content[data-workspace-view="overview"]>.activity-panel { order:6; }
.portal-page .portal-content[data-workspace-view="overview"]>.flash { order:-1; }
.portal-page .prose :is(h1,h2,h3) { line-height:1.4;letter-spacing:-.025em;scroll-margin-top:100px; }
.portal-page .prose h2 { font-size:25px;margin-top:2em; }.portal-page .prose h3 { font-size:20px; }
.portal-page .prose :is(img,video,iframe) { max-width:100%;border-radius:8px; }
.portal-page :is(.document-tree,.mini-list,.task-list,.operation-list) { background:var(--panel)!important;border-radius:12px;overflow:visible; }
.portal-page :is(.document-row,.mini-list>a,.task-row) { padding:16px 18px;min-height:64px;gap:14px;border-color:var(--line);border-radius:0;background:transparent!important;transform:none; }
.portal-page :is(.document-row,.mini-list>a,.task-row):hover { background:var(--panel-2)!important;transform:none; }
.portal-page .document-row-copy strong { font-size:13px;font-weight:600; }.portal-page .document-row-copy small { font-size:9px;letter-spacing:.04em; }
.portal-page :is(.bug-report-card,.transcript-record,.suggestion-card,.case-card) { border-radius:12px;background:var(--panel)!important;border-color:var(--line);box-shadow:none;overflow:hidden; }
.portal-page :is(.bug-report-card,.transcript-record,.suggestion-card) h3 { font-size:17px;font-weight:650;line-height:1.45; }
.portal-page :is(.status-pill,.priority-pill,.access-pill,.status-badge,.secret-status) { border-radius:6px;padding:4px 8px;font-size:10px;font-weight:600;line-height:1.5;letter-spacing:0; }
.portal-page :is(.status-pill,.access-pill) { color:var(--ink)!important;background:var(--panel-2)!important;border-color:var(--line)!important; }
.portal-page table { width:100%;border-collapse:separate;border-spacing:0;color:var(--ink);font-size:12px;background:var(--panel); }
.portal-page :is(th,td) { padding:14px 16px;border-color:var(--line);line-height:1.65;vertical-align:top; }
.portal-page th { background:var(--panel-2)!important;color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.04em; }
.portal-page tbody tr:hover { background:var(--panel-2); }
.portal-page :is(.table-wrap,.table-scroll,.data-table-wrap) { max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px; }
.portal-page :is(.comment-list,.conversation-messages,.activity-feed) { gap:14px; }
.portal-page :is(.comment-list article,.activity-feed article) { padding:16px;border:1px solid var(--line);border-radius:10px;background:transparent!important; }
.portal-page .editor-toolbar { position:sticky;top:72px;z-index:25;background:var(--panel)!important;border-bottom:1px solid var(--line);padding:10px;gap:5px;border-radius:10px 10px 0 0; }
.portal-page .editor-toolbar button { border-radius:5px;min-width:30px;min-height:30px;background:transparent!important;color:var(--ink);border-color:transparent; }
.portal-page .rich-editor { min-height:480px;padding:32px;outline-offset:-3px;background:var(--panel);border:1px solid var(--line); }
.portal-page .editor-ai-drawer>summary { background:var(--panel-2)!important;border:1px solid var(--line);border-radius:8px;color:var(--ink)!important;padding:12px 16px; }
.portal-page .integration-health .workspace-columns>article { border-radius:12px;padding:20px; }.portal-page .integration-health .health-count { padding:8px 0;margin:0; }

/* Modal, authentication, guide and utility surfaces */
body :is(dialog,.command-palette-card,.bug-report-modal,.file-picker-dialog) { border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);box-shadow:0 24px 100px #0005; }
dialog::backdrop,.command-palette { background:#090b11a6;backdrop-filter:blur(5px); }
.portal-page .command-palette { z-index:300; }
body .command-palette-card { max-width:740px;padding:24px; }.command-palette-card h2 { font-size:22px;letter-spacing:-.03em; }
body.auth-page { min-height:100dvh;background:var(--bg)!important;color:var(--ink); }
.auth-page .auth-card { border:1px solid var(--line);border-radius:20px;background:var(--panel)!important;box-shadow:var(--panel-shadow);padding:40px;max-width:520px; }
.auth-page .auth-heading h1 { font-size:32px;line-height:1.2;letter-spacing:-.04em; }.auth-page .auth-heading p { color:var(--muted);font-size:10px;letter-spacing:.1em; }
.auth-page .auth-heading span { color:var(--muted);font-size:13px;line-height:1.7; }
.auth-page .guide-ack-shell { width:min(calc(100% - 40px),1280px);padding:48px 0; }.auth-page .guide-ack-card { border:1px solid var(--line);border-radius:18px;background:var(--panel)!important;overflow:hidden; }
.auth-page .guide-ack-card>header { padding:32px 36px; }.auth-page .guide-ack-card h1 { font-size:36px;letter-spacing:-.035em;line-height:1.25; }
.auth-page .guide-ack-steps { padding:16px 36px;gap:8px;background:var(--panel-2); }.auth-page .guide-ack-content { padding:32px 36px;font-size:15px;line-height:1.9; }
.auth-page .guide-ack-form { padding:22px 36px;gap:16px;border-top:1px solid var(--line); }.auth-page .guide-ack-form form { gap:18px; }.auth-page .guide-previous { white-space:nowrap; }
body .build-tools { right:20px;bottom:16px;gap:8px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--panel-shadow);z-index:45; }
.guide-ack-page>.build-tools { position:relative;inset:auto;display:flex;width:fit-content;margin:0 auto 24px; }
body .build-tools :is(.theme-switch,.build-version) { background:none!important;box-shadow:none;border:0;border-radius:6px; }
body .theme-switch button { border-radius:5px;min-height:28px;font-size:10px;padding:4px 8px; }.build-version { font-size:10px; }
.portal-page .assistant-launcher { border-radius:10px;bottom:70px;right:20px;font-size:11px;box-shadow:var(--panel-shadow); }
.portal-page .staff-assistant-float { bottom:20px;right:20px; }
.portal-page .staff-assistant-float>summary { width:44px;height:44px;padding:0!important;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-hot);border-radius:12px;font-size:0!important;background:var(--accent-fill)!important;box-shadow:var(--panel-shadow); }
.portal-page .staff-assistant-float>summary::after { content:'✦';font-size:22px;color:#fff; }
.portal-page .staff-assistant-float-panel { border:1px solid var(--line);border-radius:14px;background:var(--panel)!important;color:var(--ink);box-shadow:0 18px 70px #0005; }
.workspace-nav-backdrop { position:fixed;inset:0;width:100%;height:100%;border:0!important;border-radius:0!important;background:#070a12a6!important;backdrop-filter:blur(3px);z-index:100; }
@media(min-width:981px) { .portal-page .portal-sidebar { visibility:visible; }.workspace-nav-close { display:none!important; } }
@media(max-width:1200px) { .portal-page .portal-topbar { padding-inline:24px; }.portal-page .workspace-breadcrumb>span { display:none; }.portal-page .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:980px) {
  .portal-page .portal-main { margin-left:0; }
  .portal-page .portal-sidebar { width:min(310px,calc(100vw - 44px));transform:translateX(-105%);visibility:hidden;transition:transform 180ms ease,visibility 180ms;z-index:110; }
  html:not(.workspace-js) .portal-page .portal-sidebar { position:relative;width:100%;height:auto;max-height:none;transform:none;visibility:visible; }
  html:not(.workspace-js) .portal-page .mobile-menu,html:not(.workspace-js) .portal-page .workspace-nav-close { display:none; }
  .portal-page.workspace-nav-open .portal-sidebar { transform:none;visibility:visible; }
  .portal-page .mobile-menu,.workspace-nav-close { display:flex;align-items:center;justify-content:center;padding:8px;min-height:36px;min-width:36px;background:none!important;border:1px solid var(--line);color:var(--ink); }
  .workspace-nav-open { overflow:hidden; }.workspace-nav-open .workspace-nav-backdrop:not([hidden]) { display:block; }
  .portal-page .portal-topbar { padding:0 20px;gap:12px;height:64px;min-height:64px; }.portal-page .portal-content { padding-top:28px; }
  .portal-page .command-trigger { margin-left:auto; }.portal-page .command-trigger kbd { display:none; }
  .workspace-skip { left:20px; }
  .portal-page .document-reading-layout { display:block!important;padding:24px!important; }.portal-page .document-outline { border:0;border-bottom:1px solid var(--line);max-height:220px;margin-bottom:28px;padding:0 0 16px; }
  .portal-page .editor-toolbar { top:64px; }
  .portal-page .workspace-utilities .staff-assistant-float-panel { left:12px;right:12px;bottom:12px;width:calc(100% - 24px);max-height:calc(100dvh - 100px); }
}
@media(max-width:620px) {
  body { font-size:13px; }.portal-page .portal-content { padding:24px 16px 100px; }
  .portal-page .portal-topbar { padding:0 16px;gap:10px; }.portal-page .workspace-breadcrumb strong { font-size:11px; }
  .portal-page .command-trigger { padding:8px;min-width:36px; }.portal-page .command-trigger>span { display:none; }.portal-page .portal-topbar form button { font-size:10px;padding:7px; }
  .portal-page .page-heading,.portal-page .page-heading.compact,.portal-page .portal-content>.page-heading:not(.compact) { flex-direction:column;align-items:stretch;gap:16px;margin-bottom:24px; }
  .portal-page .clearance-card { display:none; }.portal-page .page-heading h1 { font-size:28px; }
  .portal-page :is(.profile-card,.overview-panel,.integration-card,.action-panel) { padding:18px;border-radius:12px;margin-bottom:18px; }
  .portal-page .metric-grid { gap:10px; }.portal-page .metric-grid>article { padding:16px;min-height:130px; }.portal-page .metric-grid strong { font-size:28px; }.portal-page .metric-grid small { font-size:9px; }
  .portal-page :is(.workspace-columns,.workflow-columns,.document-context-grid,.profile-grid,.integration-grid) { grid-template-columns:minmax(0,1fr)!important;gap:16px; }
  .portal-page :is(.document-row,.task-row) { padding:14px 12px;gap:10px;flex-wrap:wrap; }.portal-page .document-row-meta { gap:6px;flex-wrap:wrap; }
  .portal-page :is(.section-tabs,.settings-tabs) { gap:4px;padding:4px; }.portal-page :is(.section-tabs,.settings-tabs)>:is(a,button) { padding:8px 10px;font-size:11px; }
  .portal-page .document-reader>header { padding:24px; }.portal-page .rich-editor { padding:20px;min-height:340px; }
  .auth-page .auth-card { padding:28px 24px;border-radius:16px; }.auth-page .guide-ack-shell { width:calc(100% - 24px);padding:24px 0; }
  .auth-page .guide-ack-card>header,.auth-page .guide-ack-content,.auth-page .guide-ack-form { padding:24px; }.auth-page .guide-ack-card h1 { font-size:28px; }.auth-page .guide-ack-steps { padding:14px 24px; }
  .auth-page .guide-ack-form,.auth-page .guide-ack-form form { flex-wrap:wrap; }.auth-page .guide-ack-form button { width:auto; }
  body :is(button,.primary-link,.secondary-link,.primary-button,.secondary-button):not(.editor-toolbar button):not(.theme-switch button) { min-height:42px; }
  body .build-tools { right:12px;bottom:10px; }.portal-page .assistant-launcher { right:12px;bottom:62px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;animation:none!important;transition:none!important; } }