/* One visual system for the landing page, workspace, administration and dialogs. */
:root{color-scheme:dark;--ink:#edf3ff;--muted:#a8bad2;--line:#c8dcff24;--bg:#102b46;--blue:#82b5ff;--purple:#c0a2f1;--green:#83d9bc;--orange:#efc18b;--surface:#0e233be8;--field:#0a1d34b8;--hover:#afceff12}
body.night-theme{background:#102b46;color:var(--ink);scrollbar-color:#536a88 #10243b}
.night-theme .portal-shell{min-height:100vh;min-height:100dvh;background:transparent;color:var(--ink);position:relative;isolation:isolate}
.night-theme .portal-shell:before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,#05132720,#071b3366),url('/static/mountains.svg') center center/cover;z-index:-1;pointer-events:none}
.night-theme main{margin-left:0;min-width:0}
.night-theme .content{max-width:1480px;padding:40px 38px 0;margin:auto}
.night-theme .overview-screen .content{max-width:none;padding:0 38px}
.night-theme .topbar{height:88px;padding:0 38px;background:#081c324f;border-bottom:1px solid #c6ddff1f;backdrop-filter:blur(18px);color:#d6e4f6;font-size:12px;gap:20px}
.night-theme .topbar-context{gap:15px}
.night-theme .mobile-menu{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #ffffff36;border-radius:10px;background:#ffffff0b;color:#fff;font-size:23px}
.night-theme .mobile-menu:hover{background:#ffffff24}
.night-theme .mobile-wordmark{display:inline;font-size:21px;font-weight:650;white-space:nowrap;color:#edf3ff}
.night-theme .topbar-breadcrumb{font-size:12px;color:#aec2dd}
.night-theme .topbar-breadcrumb>.muted,.night-theme .topbar-breadcrumb>.slash{display:none}
.night-theme .sync{color:#b6c7df}
.night-theme .page-heading{margin-bottom:30px;align-items:center}
.night-theme h1{font-size:32px;font-weight:500;letter-spacing:1px;color:#f3f7ff}
.night-theme h2,.night-theme h3{color:#e8f0fe;font-weight:550}
.night-theme .eyebrow{color:#a9c3e4;letter-spacing:2.5px}
.night-theme .subtitle{color:#b1c3dd;line-height:1.8}
.night-theme .heading-dot{color:#86baff}
.night-theme .muted,.night-theme small{color:#a7bbd7}
.night-theme .page-heading>.button{box-shadow:0 8px 24px #03182b30}
.night-theme .button{background:#2777d3;color:#fff;border:1px solid #76b6ff45;box-shadow:0 4px 12px #04122424;border-radius:10px}
.night-theme .button:hover{background:#3285e3}
.night-theme .secondary{background:#e0ecff0a;color:#d3e4fb;border-color:#c4dbff30;border-radius:10px}
.night-theme .secondary:hover{background:#b9d5ff17;border-color:#b9d5ff66}
.night-theme .text-button,.night-theme .open-link{color:#a0c8ff}
.night-theme .text-button:hover{background:#b1d1ff16;color:#dfedff}
.night-theme .danger{color:#ffb0b7}
.night-theme .icon-button{color:#b9cce8}
.night-theme .icon-button:hover{color:#fff}
.night-theme .blue{color:#a9caff;background:#5f8fe32b}
.night-theme .purple{color:#d0b9ff;background:#a47bdf2b}
.night-theme .green{color:#94e1c5;background:#49b59a24}
.night-theme .orange{color:#f5d3a4;background:#c8904d29}
.night-theme .section-icon{color:#9bbfff}
.night-theme .purple-text{color:#c7b0ff}
.night-theme .site-card,.night-theme .binding-panel,.night-theme .table-wrap,.night-theme .request-row,.night-theme .empty{background:var(--surface);border-color:var(--line);box-shadow:0 12px 35px #03132212;backdrop-filter:blur(16px);border-radius:14px}
.night-theme .site-card{padding:22px}
.night-theme .site-card:hover{background:#142d49ed;border-color:#9ec6ff5c;box-shadow:0 14px 30px #03132238}
.night-theme .site-card h3{color:#edf4ff;font-size:15px}
.night-theme .site-card>p{color:#afc0d8;font-size:12px}
.night-theme .tag{color:#b9cee9;background:#b3d2ff0c;border-color:#b3d2ff21;white-space:normal;overflow-wrap:anywhere}
.night-theme .card-bottom{border-color:var(--line)}
.night-theme .access-label{color:#8bd2b7}
.night-theme .access-label.restricted{color:#e5bd85}
.night-theme .search,.night-theme .portal-select-trigger{background:var(--field);border-color:#b9d1f53b;color:#dce9fa;box-shadow:none}
.night-theme .search{border-radius:10px}
.night-theme .search>span{color:#adc5e5}
.night-theme .search input{color:#edf4ff}
.night-theme .search kbd{color:#acc1de;border-color:#b9d1f52b}
.night-theme input,.night-theme select,.night-theme textarea{background:var(--field);border-color:#b9d1f53b;color:#edf4ff;border-radius:9px}
.night-theme input::placeholder,.night-theme textarea::placeholder{color:#99afcc;opacity:1}
.night-theme input:-webkit-autofill{-webkit-text-fill-color:#edf4ff;box-shadow:0 0 0 1000px #112b47 inset;caret-color:white}
.night-theme .search input{background:transparent}
.night-theme .portal-select-trigger:hover:not(:disabled){background:#173551;border-color:#8cb9ef80}
.night-theme .portal-select-trigger.is-placeholder{color:#a4b8d3}
.night-theme .portal-select-trigger:disabled{background:#17304a;color:#99aac0}
.night-theme .portal-select-arrow{border-color:#adcaed}
.night-theme .portal-select-trigger:focus-visible,.night-theme .portal-select.is-open .portal-select-trigger{border-color:#8fbdff;box-shadow:0 0 0 3px #83b5ff20}
.night-theme .portal-select-menu{background:#122b46;color:#e4eefb;border-color:#89aeda50;box-shadow:0 18px 50px #0006;scrollbar-color:#536a88 #122b46}
.night-theme .portal-select-option.is-selected{color:#b9d8ff;background:#5999f02b}
.night-theme .portal-select-option.is-active{color:#f1f6ff;background:#5999f03d}
.night-theme .portal-select-option[aria-disabled=true]{color:#8195af;background:transparent}
.night-theme .portal-select-check{color:#aacdff}
.night-theme .tabs button{color:#b7c9e1;border:1px solid transparent;border-radius:20px}
.night-theme .tabs button.selected,.night-theme .tabs button:hover{color:#dceaff;background:#89b7ff22;border-color:#abcfff38}
.night-theme .section-heading h2>span:not(.section-icon){color:#b3c9e9;background:#a1c3ff16}
.night-theme .section-foot,.night-theme .library-help,.night-theme .library-summary>span:last-child{color:#a6bcd9}
.night-theme table{font-size:12px}
.night-theme th,.night-theme .library-table th{background:#091d35a6;color:#b2c9e7;border-color:#c6dbff26;font-size:11px}
.night-theme td{color:#c3d2e7;border-color:#c6dbff1a}
.night-theme td strong{color:#e0eaff;font-size:12px}
.night-theme td small{color:#a3b9d5;font-size:11px}
.night-theme tr:hover td{background:#b8d2ff08}
.night-theme .number{color:#91aacb}
.night-theme .library-table .category-row td{background:#28436775;border-color:#bad6ff24}
.night-theme .library-table .category-row:hover td{background:#36598565}
.night-theme .category-toggle,.night-theme .category-toggle strong{color:#cde1ff}
.night-theme .category-chevron,.night-theme .folder-icon,.night-theme .category-add{color:#a8c8f3}
.night-theme .category-count{background:#a1c4ff1c;color:#c2d7f5}
.night-theme .category-path{color:#a5bedf}
.night-theme .tree-elbow{border-color:#b3d0ff38}
.night-theme .tree-document strong{color:#e2edff}
.night-theme .tree-document small{color:#a4bbda}
.night-theme .status{background:#a2b9df18;color:#c3d4eb;border:1px solid #b4cff21c}
.night-theme .status.approved{background:#3a9e7c23;color:#95dfbf;border-color:#6bc9a52b}
.night-theme .status.pending{background:#c7924124;color:#f1cc93;border-color:#e3b46b30}
.night-theme .status.rejected,.night-theme .status.revoked,.night-theme .status.disabled{background:#bc65732a;color:#ffc0c9;border-color:#db91a039}
.night-theme .request-button{background:#82b1ff17;color:#c0dbff;border-color:#9ac5ff4a}
.night-theme .request-button:hover:not(:disabled){background:#82b1ff2c}
.night-theme .empty{color:#adc1dd;line-height:1.8}
.night-theme .notice{background:#4274bb22;color:#c0d6f5;border-color:#9fc6ff36}
.night-theme .notice.error{background:#a54e612d;color:#ffc0ca;border-color:#e191a242}
.night-theme .request-row{border:1px solid var(--line);margin-bottom:10px}
.night-theme .request-row p,.night-theme .request-row small{color:#b0c4df}
.night-theme .avatar{background:#91b9ff22;color:#c6dbff;border:1px solid #a4c7ff24}
.night-theme .binding-panel label,.night-theme .modal label{color:#c2d5ef}
.night-theme .binding-result{border-color:var(--line);color:#d9e7f9}
.night-theme .hint{color:#a4bcdb}
.night-theme .form-error{color:#ffb5c3}
.night-theme .overlay{background:#020d1b9e;backdrop-filter:blur(8px)}
.night-theme .modal{background:#102740;color:#edf3ff;border:1px solid #aecfff35;box-shadow:0 24px 90px #0006;border-radius:18px}
.night-theme .modal h2{color:#edf4ff}
.night-theme .modal .close{color:#b8cde9;border-radius:8px}
.night-theme .modal .close:hover{background:#b9d5ff17}
.night-theme .modal-actions{background:#102740;border-color:var(--line)}
.night-theme .auth-tabs{border-color:var(--line)}
.night-theme .auth-tabs button{color:#abc1df}
.night-theme .auth-tabs button.selected{color:#acd1ff;border-color:#80b5ff}
.night-theme .divider{color:#9fb9db}
.night-theme .divider:before,.night-theme .divider:after{background:var(--line)}
.night-theme .toast{color:#eef5ff;background:#243f60;border:1px solid #b3d4ff38;box-shadow:0 12px 35px #04132950}
.night-theme .toast.error{background:#713447;border-color:#efa6b53d}
.night-theme .welcome{background:linear-gradient(120deg,#0a2038ed,#294568c4);border-color:#b4d2ff2b;backdrop-filter:blur(18px);border-radius:18px}
.night-theme .welcome h2{color:#edf5ff;font-weight:500}
.night-theme .welcome p,.night-theme .welcome-tiles{color:#bbd0ed}
.night-theme .welcome-art{color:#87b6ff18}
.night-theme .pill{background:#9bc3ff19;color:#bfdcff;border:1px solid #b1d1ff24}
.night-theme footer{border-color:#c4dcff24;color:#9cb3d1;margin-top:34px}
.night-theme footer b{color:#c4d9f5}
.night-theme .portal-shell .sidebar{position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;width:280px;height:100vh;height:100dvh;padding:28px 20px 16px;background:#0c2139f5;backdrop-filter:blur(24px);border-right:1px solid #b5d4ff30;color:#dceaff;box-shadow:14px 0 60px #0005;z-index:31;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-100%);visibility:hidden;pointer-events:none}
.night-theme .portal-shell.nav-open .sidebar{transform:translateX(0);visibility:visible;pointer-events:auto}
.night-theme .nav-backdrop{display:block;background:#020c1b85;z-index:30}
.night-theme .nav-close{display:grid;color:#bad1ee;background:#8dbbff12}
.night-theme .sidebar .brand{color:#eef5ff;padding:0 40px 0 10px}
.night-theme .brand-mark{background:#2777d3;color:#fff;border:1px solid #8bbcff4a;box-shadow:0 4px 16px #0002}
.night-theme .brand small{color:#a7c0e2}
.night-theme .workspace{background:#a6caff08;border-color:#b5d4ff24;color:#d0e2fa}
.night-theme .workspace small{color:#a3bad8}
.night-theme .workspace-icon{background:#91baff20;color:#bad7ff}
.night-theme .sidebar .nav-label{color:#9ab2d3}
.night-theme .sidebar nav{display:flex;flex-direction:column;gap:6px;overflow:visible}
.night-theme .sidebar nav button{color:#b7cbe6;padding:13px;font-size:14px;min-height:46px}
.night-theme .sidebar nav button.active{color:#d7e9ff;background:#609cf02b;box-shadow:inset 0 0 0 1px #99c2ff29}
.night-theme .sidebar nav button:hover{background:#9dc7ff14;color:#edf5ff}
.night-theme .count{color:#bbd6ff;background:#93baff1c}
.night-theme .count.alert{color:#f4ce98;background:#e1ab4c21}
.night-theme .help-card{background:#98bfff0b;border:1px solid #b7d5ff1a}
.night-theme .help-card>span{color:#9fc3fa}
.night-theme .help-card p{color:#a6bddc}
.night-theme .profile{background:transparent;color:#d6e5f9;border-color:#a7c8f529}
.night-theme .profile small{color:#99b3d6}
.night-theme .profile>span:last-child{color:#94afd1}
/* Keep the homepage's white search box as the shared entry point. */
.night-theme .home-search input{background:transparent;color:#263950}
.night-theme .home-search input::placeholder{color:#7c899d}
.night-theme .home-search-results{background:#102740;color:#e0edff;border:1px solid #abcfff40}
.night-theme .home-search-results>p,.night-theme .home-search-item small,.night-theme .home-search-empty{color:#abc2e0}
.night-theme .home-search-item:hover{background:#99beff13}
.night-theme .home-search-item a,.night-theme .home-search-item button{color:#b1d4ff}
.night-theme .home-recent{background:var(--surface);border-color:var(--line)}
.night-theme .home-section-caption,.night-theme .recent-footnote{color:#a8bfdc}
.night-theme .recent-icon.blue{color:#a9caff;background:#5f8fe32b}
.night-theme .recent-icon.purple{color:#d0b9ff;background:#a47bdf2b}
.night-theme .recent-icon.green{color:#94e1c5;background:#49b59a24}
.night-theme .recent-icon.orange{color:#f5d3a4;background:#c8904d29}

@media(max-width:780px){
  .night-theme .content{padding:24px 16px 0}
  .night-theme .overview-screen .content{padding:0 16px}
  .night-theme .topbar{height:68px;padding:0 16px;gap:10px;background:#0b2038ed}
  .night-theme .topbar-context{gap:10px}
  .night-theme .mobile-menu{width:44px;height:44px}
  .night-theme .mobile-wordmark{font-size:17px}
  .night-theme .portal-shell .sidebar{width:min(300px,calc(100vw - 48px));padding:24px 18px max(16px,env(safe-area-inset-bottom))}
  .night-theme .sidebar .brand{padding:0 38px 0 8px}
  .night-theme .page-heading{align-items:flex-start;margin-bottom:24px}
  .night-theme h1{font-size:26px}
  .night-theme .home-center h1{font-size:24px}
  .night-theme .site-card{padding:20px}
  .night-theme .site-card h3{font-size:16px}
  .night-theme .site-card>p{font-size:13px}
  .night-theme .table-wrap:not(.library-table){background:transparent;box-shadow:none;backdrop-filter:none}
  .night-theme .table-wrap:not(.library-table) tr{background:var(--surface);border-color:var(--line);backdrop-filter:blur(16px)}
  .night-theme .table-wrap:not(.library-table) td{background:transparent;color:#c5d7ed}
  .night-theme .table-wrap:not(.library-table) td:before{color:#a0b9d9}
  .night-theme .table-wrap:not(.library-table) td strong{color:#e0eeff;font-size:14px}
  .night-theme .table-wrap:not(.library-table) td small{font-size:12px;color:#a9c0de}
  .night-theme .library-table .category-row{background:#263f60bd;border-color:#bad6ff24}
  .night-theme .library-table .category-row>td:nth-child(2){background:transparent}
  .night-theme .library-table .document-child{border-color:#c6dbff24}
  .night-theme .library-table .document-child>td{background:transparent}
  .night-theme .library-table .document-child>td:nth-child(3){color:#abc0dd}
  .night-theme .document-child .open-link,.night-theme .document-child .request-button{background:#79aaff20;color:#c3deff;border:1px solid #8ab6f331}
  .night-theme .tree-document strong{font-size:14px}
  .night-theme .tree-document small{font-size:12px}
  .night-theme .modal-actions{background:#102740;border-color:#c8dcff24}
}
@media(max-width:360px){.night-theme .home-center h1{font-size:21px}}