/* Shared GEARBOX63 design language. Screen-only: printed financial documents
   retain their dedicated compact, high-contrast layout. No business state. */
@media screen {
  :root {
    --bg:#050b14; --bg-deep:#050b14; --panel:#0b1928; --panel-2:#0b1b2b;
    --panel-3:#11263b; --line:#203752; --border:var(--line); --line-strong:#365672;
    --text:#f4f9ff; --muted:#91a8c2; --accent:#38bdf8;
    --accent-strong:#128bc0; --accent-soft:#7dd3fc;
    --shadow:0 5px 16px #0002;
    --ue-bg:var(--bg); --ue-side:#07101b; --ue-panel:var(--panel);
    --ue-panel-low:#091420; --ue-line:var(--line); --ue-text:var(--text);
    --ue-muted:var(--muted); --ue-blue:var(--accent); --ue-soft:var(--accent-soft);
    --ue-hover:var(--panel-3); --ue-sidebar:248px;
  }
  html { font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; font-size:14px; }
  body.office-workspace, body.public-workspace, body.ue-app {
    background:radial-gradient(ellipse at 66% 0,rgba(21,77,116,.12),transparent 55%),radial-gradient(rgba(56,189,248,.035) .7px,transparent .7px);
    background-size:auto,5px 5px; background-color:var(--bg); line-height:1.5;
  }
  .office-workspace a, .public-workspace a { text-decoration:none; }
  .office-workspace a:hover, .public-workspace a:hover { color:#c4eeff; }
  .ue-icon { flex:none; width:18px; height:18px; vertical-align:middle; }
  .office-workspace h1, .public-workspace h1 { font-size:30px; line-height:1.2; font-weight:740; letter-spacing:-.025em; }
  .office-workspace h2, .public-workspace h2 { font-size:17px; font-weight:680; letter-spacing:-.025em; }
  .office-workspace h3 { font-size:14px; font-weight:650; }
  .office-workspace :where(button,.button), .public-workspace :where(button,.button) {
    font-size:12px; font-weight:650; border-radius:8px; box-shadow:none;
    background:#128bc0; border-color:#1aa9e8;
  }
  .office-workspace .button:hover, .public-workspace .button:hover { filter:none; }
  .office-workspace .button.secondary, .office-workspace button.secondary,
  .public-workspace .button.secondary, .public-workspace button.secondary {
    background:#0b1b2b; border-color:#27415a; color:#c5d8e9;
  }
  .office-workspace input, .office-workspace select, .office-workspace textarea,
  .public-workspace input, .public-workspace select, .public-workspace textarea {
    background:#08131f; border-color:#253b50; border-radius:8px; font-size:12px;
  }
  .office-workspace label, .public-workspace label { font-size:11px; color:var(--muted); }
  .office-workspace input[type=checkbox], .public-workspace input[type=checkbox] { accent-color:var(--accent); }
  .office-workspace .app-shell { grid-template-columns:248px minmax(0,1fr); }
  .office-workspace .sidebar {
    width:248px; height:100dvh; padding:30px 17px 16px;
    background:linear-gradient(180deg,#07111d,#050d16); border-right:1px solid #1b2b3d; box-shadow:none;
  }
  .office-workspace .office-brand { padding:0 9px; margin-bottom:27px; font-size:25px; line-height:1; font-weight:850; letter-spacing:-.9px; }
  .office-brand small { display:block; font-size:8px; font-weight:500; color:#718da5; letter-spacing:1.5px; margin-top:11px; }
  .office-workspace .brand-accent, .public-workspace .brand-accent { text-shadow:none; }
  .workspace-switch {
    display:flex; align-items:center; gap:9px; padding:10px 11px; margin-bottom:22px;
    color:#a7c0d4; border:1px solid #233a50; border-radius:8px; font-size:12px; line-height:1.45;
  }
  .workspace-switch>.ue-icon { width:16px; height:16px; color:#6fbddd; }
  .workspace-switch>.ue-icon:last-child { width:13px; margin-left:auto; color:#6484a0; }
  .workspace-switch:hover { background:#102135; border-color:#365672; }
  .office-workspace .sidebar nav { gap:4px; }
  .office-workspace .sidebar .nav-label { color:#67859d; font-size:8px; letter-spacing:1.5px; padding:0 12px; margin:10px 0 8px; }
  .office-workspace .sidebar .nav-label:not(:first-child) { margin-top:25px; }
  .office-workspace .sidebar nav a {
    display:flex; align-items:center; gap:11px; padding:11px 12px; font-size:13px; font-weight:620;
    color:#91a9bf; border:1px solid transparent; border-radius:8px; min-width:0;
  }
  .sidebar nav a>.ue-icon { color:#779bb8; width:17px; height:17px; }
  .nav-item-label { flex:1; min-width:0; overflow-wrap:anywhere; }
  .office-workspace .sidebar nav a.active, .office-workspace .sidebar .sidebar-management.active {
    color:#e6f7ff; background:linear-gradient(95deg,#103950,#0c2538);
    border:1px solid #24516c; box-shadow:inset 2px 0 var(--accent);
  }
  .sidebar nav a.active>.ue-icon { color:var(--accent); }
  .office-workspace .sidebar nav a:hover { color:white; background:#0e2030; }
  .office-workspace .sidebar .nav-main-group { margin:0 0 8px; }
  .office-workspace .sidebar .nav-children { margin:3px 0 0 20px; padding-left:7px; border-left-color:#20394e; }
  .office-workspace .sidebar .nav-children a { font-size:11px; font-weight:500; padding:9px 10px; gap:9px; }
  .sidebar .nav-children a>.ue-icon { width:15px; height:15px; }
  .office-workspace .nav-count { font-size:10px; min-width:20px; height:20px; padding:2px 5px; margin-left:auto; }
  .office-workspace .sidebar-foot { margin-top:auto; padding-top:24px; border-top:0; }
  .office-workspace .sidebar-foot a, .office-workspace .sidebar-foot button {
    display:flex; align-items:center; gap:10px; padding:9px 12px; font-size:11px;
    font-weight:500; color:#809bb2; background:transparent; border:1px solid transparent;
  }
  .office-workspace .sidebar-foot .ue-icon { width:15px; height:15px; }
  .office-workspace .sidebar-foot form { margin:0; }
  .office-workspace .role-badge { display:flex; gap:10px; align-items:center; margin:14px 3px 8px; padding:16px 0 0; border-top:1px solid #203247; }
  .office-avatar { width:30px; height:30px; flex:none; display:grid; place-items:center; border-radius:50%; background:#0b2c42; color:#5bcaff; }
  .role-badge>span:last-child { min-width:0; }
  .role-badge strong { display:block; color:#d9e7f4; font-size:10px; overflow-wrap:anywhere; }
  .role-badge small { display:block; font-size:9px; color:#7890a7; margin-top:3px; }
  .office-main-shell { min-width:0; }
  .office-topbar { height:63px; padding:0 38px; display:flex; justify-content:space-between; align-items:center; gap:16px; background:rgba(5,13,23,.65); border-bottom:1px solid rgba(40,61,82,.65); }
  .office-topbar>div { display:flex; align-items:center; gap:12px; font-size:10px; color:#7894ac; min-width:0; }
  .office-topbar strong { font-weight:500; color:#c0d1e0; }
  .office-topbar>div .ue-icon { width:10px; height:10px; color:#45647f; }
  .office-private-badge { font-size:9px; color:#7895ad; display:flex; align-items:center; gap:6px; white-space:nowrap; }
  .office-private-badge .ue-icon { width:13px; height:13px; }
  .office-workspace .office-main { max-width:1490px; padding:34px 38px 18px; }
  .office-workspace .title-row { margin-bottom:25px; align-items:center; }
  .office-workspace .title-row p { font-size:12px; margin:9px 0 0; }
  .office-workspace :is(.card,.overview-panel,.form-panel,.settings-panel,.management-grid>a,.public-panel) {
    background:linear-gradient(125deg,#0d1c2b,#09151f); border:1px solid #243b4e; border-radius:12px; box-shadow:var(--shadow);
  }
  .office-workspace :is(.overview-panel,.form-panel,.settings-panel) { padding:24px; }
  .office-workspace .card { padding:18px 19px; }
  .office-workspace .director-cards { gap:14px; margin-bottom:24px; }
  .office-workspace .director-cards .card { text-align:left; position:relative; min-width:0; background:linear-gradient(140deg,#0d2031,#091520); border-top-color:#365d77; }
  .director-cards .card>.ue-icon { position:absolute; right:17px; top:18px; width:16px; height:16px; color:#6ca4c7; }
  .office-workspace .director-cards .card>span { font-size:10px; padding-right:25px; color:#a1b9ce; }
  .office-workspace .director-cards .card>b { margin:17px 0 8px; font-size:clamp(20px,1.7vw,28px); line-height:1.2; letter-spacing:-.6px; overflow-wrap:anywhere; }
  .office-workspace .director-cards .card>small { font-size:9px; }
  .office-workspace .overview-section-head p { font-size:11px; line-height:1.7; }
  .office-workspace :is(.filter-panel,.toolbar-note,.catalog-toolbar,.period-presets) { box-shadow:none; }
  .office-workspace .filter-panel { background:rgba(12,27,42,.8); border-color:#233b51; border-radius:11px; padding:15px 17px; }
  .office-workspace .toolbar-note { font-size:10px; background:transparent; border:0; color:#7896b0; padding:10px 2px; }
  .office-workspace .period-chip { font-size:10px; border-radius:7px; padding:7px 11px; }
  .office-workspace table, .public-workspace table { background:transparent; font-size:12px; }
  .office-workspace th, .public-workspace th { background:#0a1724; color:#a0b9d0; font-size:10px; letter-spacing:.06em; font-weight:600; }
  .office-workspace td, .office-workspace th { padding:11px 13px; border-color:rgba(58,84,109,.35); }
  .office-workspace tbody tr:hover, .public-workspace tbody tr:hover { background:rgba(56,189,248,.025); }
  .office-workspace .table-scroll, .public-workspace .table-scroll { background:#091520; border-color:#243b4e; border-radius:10px; box-shadow:none; }
  .office-workspace .catalog-compact .catalog-table td { padding-top:6px; padding-bottom:6px; }
  .office-workspace .catalog-compact .catalog-table .quick-input { min-height:32px; padding-top:4px; padding-bottom:4px; }
  .office-workspace :is(.pagination,.result-line,.table-summary) { font-size:11px; }
  .office-workspace :is(.notice,.message) { border-radius:10px; font-size:12px; box-shadow:none; }
  .office-workspace .management-grid { gap:16px; }
  .office-workspace .management-grid>a { padding:23px; display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
  .management-grid>a>.ue-icon { width:21px; height:21px; color:#63c8f2; margin-bottom:7px; }
  .office-workspace .management-grid>a>b { font-size:14px; }
  .office-workspace .management-grid>a>span { font-size:11px; line-height:1.7; }
  .office-workspace .management-grid>a:hover { background:#102335; border-color:#365672; }
  .office-footer { display:flex; justify-content:space-between; gap:14px; border-top:1px solid #1b3042; padding-top:17px; margin-top:35px; color:#6f8aa3; font-size:9px; }
  .office-footer a { display:flex; align-items:center; gap:6px; color:#8cc9e8; }
  .office-footer .ue-icon { width:12px; height:12px; }
  .public-workspace .public-wrap { max-width:1490px; }
  .public-workspace .public-head { background:transparent; box-shadow:none; }
  .public-workspace .public-brand { font-size:28px; font-weight:850; letter-spacing:-.8px; }
  .public-workspace :is(.public-panel,.auth-card,.login-card) { background:linear-gradient(125deg,#0d1c2b,#09151f); border:1px solid #243b4e; border-radius:14px; box-shadow:var(--shadow); }
  .public-workspace :is(.public-description,.public-meta) { font-size:12px; line-height:1.7; }
  .public-workspace .public-table th { font-size:10px; }
  .public-workspace .public-table td { font-size:12px; }
  .public-workspace .public-table .money { text-align:left; }
  .public-workspace .public-table th:last-child { text-align:left; }
  .public-workspace .public-tools :is(input,select,button) { font-size:12px; }
  .public-workspace .public-category-trigger { font-size:12px; }
  .public-workspace .public-category-menu { background:#08131f; border-color:#253b50; }
  .public-workspace .public-category-option { font-size:12px; }
}
@media screen and (min-width:1051px) {
  .office-workspace .mobile-bar, .office-workspace .sidebar-backdrop { display:none; }
}
@media screen and (max-width:1050px) {
  .office-workspace .app-shell { display:block; }
  .office-workspace .mobile-bar { display:flex; align-items:center; justify-content:space-between; height:58px; padding:0 18px; background:#07111d; border-bottom:1px solid #1b2b3d; }
  .office-workspace .mobile-bar .office-brand { font-size:23px; margin:0; padding:0; }
  .office-workspace .sidebar { position:fixed; inset:0 auto 0 0; height:100dvh; width:270px; max-width:85vw; transform:translateX(-105%); z-index:60; }
  .office-workspace .sidebar>.office-brand { display:block; }
  .office-workspace .sidebar.is-open { transform:translateX(0); }
  .office-workspace .sidebar-backdrop:not([hidden]) { display:block; position:fixed; inset:0; background:#0009; z-index:50; }
  .office-workspace .office-topbar { height:48px; padding:0 24px; }
  .office-workspace .office-main { padding:25px 24px 18px; }
  .office-workspace .office-private-badge { display:none; }
}
@media screen and (max-width:640px) {
  .office-workspace .office-main { padding:22px 16px 18px; }
  .office-workspace .office-topbar { padding:0 16px; }
  .office-workspace .office-topbar>div { font-size:9px; gap:8px; }
  .office-workspace h1, .public-workspace h1 { font-size:25px; }
  .office-workspace .title-row { align-items:flex-start; gap:15px; }
  .office-workspace .title-row p { font-size:11px; }
  .office-workspace .title-row>.actions { width:100%; }
  .office-workspace .director-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .office-workspace .director-cards .card { padding:16px 14px; }
  .director-cards .card>.ue-icon { right:12px; top:16px; width:14px; height:14px; }
  .office-workspace .director-cards .card>b { font-size:22px; }
  .office-workspace :is(.overview-panel,.form-panel,.settings-panel) { padding:19px 16px; }
  .office-workspace td, .office-workspace th { padding:10px 11px; }
  .office-workspace .management-grid { grid-template-columns:1fr; gap:12px; }
  .office-workspace .filter-panel { padding:13px; }
  .office-workspace .office-footer { font-size:8px; }
  .public-workspace .public-wrap { padding-left:14px; padding-right:14px; }
  .public-workspace .public-brand { font-size:25px; }
}
@media print {
  .workspace-switch,.office-topbar,.office-footer { display:none!important; }
  .office-main-shell { display:contents; }
}
@media screen {
  .workspace-picker { display:grid;gap:4px;padding:6px;margin:0 0 22px;border:1px solid #264257;border-radius:10px;background:#081724; }
  .workspace-picker a { display:flex;align-items:center;gap:9px;padding:10px 8px;border-radius:6px;font-size:12px;line-height:1.35;color:#90acc3;min-height:38px;text-decoration:none; }
  .workspace-picker a:hover,.workspace-picker a:focus-visible { background:#102b40;color:#e6f6ff;outline:1px solid #3abcf1; }
  .workspace-picker a.is-active { background:#10324a;color:#dcf4ff; }
  .workspace-picker .ue-icon { width:17px;height:17px;flex:none;color:#65c8f2; }
  .workspace-picker-dot { width:5px;height:5px;background:#50c7ff;border-radius:50%;margin-left:auto;flex:none; }
  .ue-economics-grid { padding:0 0 15px!important; }
  .ue-economics-grid .ue-table-scroll { max-height:70vh; }
  .ue-economics-grid th { position:sticky;top:0;z-index:2;background:#102437;white-space:normal;min-width:100px; }
  .ue-economics-grid th:first-child,.ue-economics-grid td:first-child { min-width:255px;max-width:340px; }
  .ue-cell-name { display:block;white-space:normal;overflow-wrap:anywhere;margin:5px 0; }
  .ue-economics-grid td small { display:block;color:#88a5bd;margin-top:5px; }
  .ue-economics-grid .ue-grid-price { color:#70d5ff;font-weight:700; }
  .ue-economics-grid .ue-pagination { padding:0 15px; }
  .ue-economics-grid details { min-width:180px;max-width:280px;white-space:normal; }
  .ue-economics-grid details ul { padding-left:18px;line-height:1.5; }
}
@media print { .workspace-picker { display:none!important; } }
@media screen {
  .workspace-picker-mobile { display:none; }
}
@media screen and (max-width:1050px) {
  .workspace-picker-mobile { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:0;padding:6px 10px;border-radius:0;border-width:0 0 1px;background:#071724; }
  .workspace-picker-mobile a { justify-content:center;text-align:center;font-size:10px;padding:8px 4px;min-width:0;gap:5px; }
  .workspace-picker-mobile .ue-icon { width:14px;height:14px; }
  .workspace-picker-mobile .workspace-picker-dot { display:none; }
}
/* Shared chrome must outrank the legacy .sidebar nav a selectors. Keep this
   component identical in all three layouts, including inactive two-child links. */
@media screen {
  .workspace-brand-row { display:flex;justify-content:space-between;align-items:center;padding:0 9px;margin:0 0 27px;flex:none; }
  .office-workspace .sidebar,.ue-app .ue-sidebar { scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:#294457 transparent; }
  .workspace-brand-row .workspace-brand { display:block;margin:0;padding:0;color:#f2f7ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:25px;font-weight:850;line-height:1;letter-spacing:-.9px;text-decoration:none; }
  .workspace-brand-row .workspace-brand span { color:#38bdf8; }
  .workspace-brand-row .workspace-brand small { display:block;margin-top:11px;font-size:8px;font-weight:500;line-height:1;letter-spacing:1.5px;color:#718da5; }
  .office-workspace .sidebar nav.workspace-picker,.ue-app .ue-sidebar nav.workspace-picker { display:grid;gap:4px;padding:6px;margin:0 0 22px;border:1px solid #264257;border-radius:10px;background:#081724; }
  .office-workspace .sidebar nav.workspace-picker>a,.ue-app .ue-sidebar nav.workspace-picker>a { display:flex;justify-content:flex-start;align-items:center;gap:9px;width:100%;min-width:0;min-height:38px;padding:10px 8px;border:0;border-radius:6px;box-shadow:none;background:transparent;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:12px;font-weight:400;line-height:1.35;letter-spacing:normal;text-align:left;color:#90acc3;text-decoration:none; }
  .office-workspace .sidebar nav.workspace-picker>a.is-active,.ue-app .ue-sidebar nav.workspace-picker>a.is-active { background:#10324a;color:#dcf4ff; }
  .office-workspace .sidebar nav.workspace-picker>a:hover,.ue-app .ue-sidebar nav.workspace-picker>a:hover { background:#102b40;color:#e6f6ff; }
  .office-workspace .sidebar nav.workspace-picker>a>.ue-icon,.ue-app .ue-sidebar nav.workspace-picker>a>.ue-icon { color:#65c8f2;width:17px;height:17px; }
  .office-workspace .sidebar nav.workspace-picker>a>span:first-of-type,.ue-app .ue-sidebar nav.workspace-picker>a>span:first-of-type { flex:0 1 auto;margin:0; }
}
@media screen and (min-width:1051px) {
  .ue-app { --ue-sidebar:248px; }
  .office-workspace .sidebar,.ue-app .ue-sidebar { width:248px;padding:30px 17px 16px; }
}
@media screen and (max-width:1050px) {
  .office-workspace .sidebar,.ue-app .ue-sidebar { width:270px;max-width:85vw;padding:30px 17px 16px; }
  .workspace-brand-row { margin-bottom:27px; }
  .office-workspace .mobile-bar,.ue-app .ue-mobile-bar { height:57px;padding:0 20px;background:#07101bf5;border-bottom:1px solid #1b344b; }
  .office-workspace .mobile-bar .office-brand,.ue-app .ue-mobile-bar .ue-brand { font-size:21px;font-weight:850;line-height:1;letter-spacing:-.9px; }
}
@media screen {
  .office-workspace .sidebar .nav-label,.ue-app .ue-nav-label {color:#91a8c2;font-size:11px;}
  .office-workspace .role-badge small,.office-workspace .office-topbar>div,
  .office-workspace .office-private-badge,.ue-app .ue-data-status,
  .ue-app .ue-caption,.ue-app .ue-footnote {font-size:12px;}
}