:root{
    color-scheme:dark;
    --surface:#0d0f13;
    --surface-panel:#181b21;
    --surface-panel-low:#14171c;
    --surface-card:#1e232c;
    --surface-hover:#2a3140;
    --line-card:#31384380;
    --surface-rail:#080a0d;
    --rail-fg:var(--text-dim);
    --rail-fg-active:var(--text-bright);
    --line:#262a32;
    --line-strong:#333843;
    --line-divider-soft:#2d3138;
    --line-divider:#343a43;
    --line-divider-strong:#3b4048;
    --text-bright:#f7f7f8;
    --text:#d4d8dd;
    --text-dim:#9ca3b1;
    --text-muted:#717c8f;
    --text-on-bright:#12151b;
    --focus-ring:var(--text-dim);
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -16px rgba(0,0,0,.7);
    --shadow-panel:0 1px 3px rgba(0,0,0,.5), 0 14px 34px -20px rgba(0,0,0,.8);
    --shadow-tip:0 8px 20px rgba(0,0,0,.38);
    --shadow-scroll:0 6px 14px -10px rgba(0,0,0,.9);
    --shadow-card:0 1px 0 color-mix(in srgb, var(--pure-white) 4%, transparent) inset, 0 2px 6px rgba(0,0,0,.4), 0 40px 80px -46px rgba(0,0,0,.9);
    --size-2:0.125rem;
    --size-4:0.25rem;
    --size-6:0.375rem;
    --size-8:0.5rem;
    --size-12:0.75rem;
    --size-14:0.875rem;
    --size-16:1rem;
    --size-18:1.125rem;
    --size-20:1.25rem;
    --size-24:1.5rem;
    --size-28:1.75rem;
    --size-32:2rem;
    --size-36:2.25rem;
    --size-40:2.5rem;
    --size-44:2.75rem;
    --size-48:3rem;
    --size-52:3.25rem;
    --size-56:3.5rem;
    --size-60:3.75rem;
    --size-64:4rem;
    --size-68:4.25rem;
    --size-76:4.75rem;
    --size-80:5rem;

    --btn-w-wide:8.5rem;
    --field-w-sm:9.5rem;
    --field-w-md:12rem;
    --field-w-lg:13.75rem;
    --pw-rule-w:10rem;
    --menu-w:13.25rem;
    --menu-w-lg:16.5rem;
    --langmenu-w:10.75rem;
    --searchbox-w:18.25rem;
    --qr-size:12.5rem;
    --tip-w:18.75rem;
    --note-w:23.75rem;
    --security-card-w:26.25rem;
    --security-card-h:31rem;
    --statuspage-w:32.5rem;
    --accordion-h-max:40rem;
    --stage-w:56.25rem;
    --stage-h:26.25rem;

    --radius-2:0.125rem;
    --radius-4:0.25rem;
    --radius-6:0.375rem;
    --radius-8:0.5rem;
    --radius-10:0.625rem;
    --radius-12:0.75rem;
    --radius-20:1.25rem;
    --radius-full:999rem;
    --danger:#ffa59d;
    --warn:#e8be62;
    --success:#89da9b;
    --state-info:#86caff;

    --chapter-0:#c97659;
    --chapter-1:#bb823b;
    --chapter-2:#a28f34;
    --chapter-3:#7d9c4d;
    --chapter-4:#4fa371;
    --chapter-5:#13a597;
    --chapter-6:#0ea0b8;
    --chapter-7:#4a97cd;
    --chapter-8:#768bd4;
    --chapter-9:#9a7fc9;
    --invalid:#ff6b4a;
    --surface-overlay:#2e343f;

    --tint-1:rgba(255,255,255,.04);
    --tint-2:rgba(255,255,255,.06);
    --tint-3:rgba(255,255,255,.09);
    --tint-4:rgba(255,255,255,.12);
    --tint-5:rgba(255,255,255,.22);
    --overlay-soft:rgba(9,11,14,.55);
    --overlay-strong:rgba(9,11,14,.72);
    --pure-white:#fff;
    --pure-black:#000;
    --logo-grad-top:#ffffff;
    --logo-grad-bottom:#b6bdc9;
    --logo-text:#f2f5f9;
    --mask-opaque:#000;
    --field-focus-edge:var(--text-dim);
    --chk-col:11.25rem; --chk-gap:0.5rem;
    --section-aside-w:16rem;
    --fact-row-k:12rem;
    --field-h:2.125rem;
    --fchip-h:1.875rem;
    --panel-w:14.375rem;
    --submenu-w:var(--panel-w); --context-panel-w:var(--panel-w);
    --rail-w:4.25rem; --topbar-h:3.25rem; --statusbar-h:1.625rem;
    --c-neutral:#8b93a2;
    --c-home:var(--c-neutral);
    --c-administration:var(--c-neutral);
    --c-info:var(--c-neutral);
    --c-app-blue:#4c8dff;
    --c-app-teal:#21b6a8;
    --c-app-green:#3fbf6f;
    --c-app-amber:#e0a53a;
    --c-app-orange:#f2762e;
    --c-app-red:#e5484d;
    --c-app-purple:#8b5cf6;
    --c-app-pink:#d6409f;
    --brand-red:#bd0a47;
    --font-ui:"Inter","Inter Fallback",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --font-display:"Montserrat","Montserrat Fallback","Jost","Futura","Century Gothic","URW Gothic",-apple-system,sans-serif;
    --font-mono:'SFMono-Regular',Consolas,Menlo,'Courier New',monospace;

    --space-hair:0.125rem;
    --space-4:0.25rem;
    --space-6:0.375rem;
    --space-8:0.5rem;
    --space-10:0.625rem;
    --space-12:0.75rem;
    --space-14:0.875rem;
    --space-16:1rem;
    --space-20:1.25rem;
    --space-24:1.5rem;
    --space-32:2rem;
    --space-40:2.5rem;
    --space-48:3rem;
    --space-56:3.5rem;

    --fs-label:0.625rem;
    --fs-body-sm:0.6875rem;
    --fs-body-md:0.75rem;
    --fs-body:0.8125rem;
    --fs-heading-sm:0.9375rem;
    --fs-heading:1.125rem;
    --fs-heading-lg:1.375rem;
    --line-height-none:1;
    --line-height-tight:1.2;
    --line-height-default:1.4;
    --line-height-relaxed:1.6;
    --ic-12:0.75rem;
    --ic-14:0.875rem;
    --ic-16:1rem;
    --ic-20:1.25rem;
    --ic-24:1.5rem;
    --ic-32:2rem;
    --fs-mark-sm:2rem;
    --fs-mark-md:2.25rem;
    --fs-mark-lg:3.75rem;
    --fs-mark-xl:5rem;
  }
  *{box-sizing:border-box;}
  [hidden]{display:none !important;}
  html,body{height:100%;}
  body{margin:0; font-family:var(--font-ui); background:var(--surface); color:var(--text); font-size:var(--fs-body); line-height:var(--line-height-default); -webkit-font-smoothing:antialiased; font-feature-settings:"cv05","ss01";}

  :where(a, button, summary, [tabindex],
         input[type="checkbox"], input[type="radio"]):focus-visible{
    outline:1px solid var(--focus-ring); outline-offset:1px;
  }
  .app{display:flex; height:100%; overflow:hidden; padding:var(--space-8); gap:var(--space-8);}

  .rail{width:var(--rail-w); background:var(--surface-rail); border-radius:var(--radius-8); box-shadow:var(--shadow-panel); flex-shrink:0; display:flex; flex-direction:column; align-items:center; padding:var(--space-8) 0; gap:var(--space-8);}
  .rail-item{width:var(--size-60); padding:var(--space-8) var(--space-hair); border-radius:var(--radius-6); cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:var(--space-4); color:var(--rail-fg); position:relative; transition:.13s; background:none; border:0; font-family:inherit;}
  .rail-item svg{width:var(--ic-16);height:var(--ic-16);}
  .rail-item span{font-size:var(--fs-label); font-weight:600; letter-spacing:.033em; text-align:center;}
  .rail-item:hover{background:rgba(255,255,255,.06); color:var(--text);}
  .rail-item[data-area="home"].is-active{color:var(--c-home); background:color-mix(in srgb, var(--c-home) 20%, transparent);}
  .rail-item[data-area="administration"].is-active{color:var(--c-administration); background:color-mix(in srgb, var(--c-administration) 24%, transparent);}
  .rail-item.is-active span{color:var(--text);}
  .rail-item.is-active{cursor:default;}
  .rail-item.is-active.can-home{cursor:pointer;}
  .rail-item.is-active::before{content:""; position:absolute; left:-0.25rem; top:var(--space-8); bottom:var(--space-8); width:var(--size-2); border-radius:var(--radius-4); background:var(--brand-red);}
  .rail-spacer{flex:1;}
  .rail-logo{padding:var(--space-6) var(--space-hair) var(--space-hair); display:flex; align-items:center; justify-content:center;}
  .rail-logo svg{width:var(--ic-32); height:auto; display:block; opacity:.92;}

  .submenu{width:var(--submenu-w); background:var(--surface-panel); border:1px solid var(--line); border-radius:var(--radius-8); box-shadow:var(--shadow-panel); flex-shrink:0; display:flex; flex-direction:column; overflow:hidden;}
  .submenu-header{padding:var(--space-14) var(--space-16) var(--space-12); border-bottom:1px solid var(--line-divider); text-align:center;}
  .claim-title{position:relative; display:inline-block; font-family:var(--font-display); font-size:var(--fs-mark-md); font-weight:700; line-height:var(--line-height-none); white-space:nowrap; cursor:pointer;}
  .claim-title .mark{letter-spacing:-.02em; background:linear-gradient(180deg,#ffffff 0%,#bcc3ce 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}
  .claim-title .x{position:relative; color:var(--brand-red);
  -webkit-text-fill-color:var(--brand-red);}
  .claim-title .erp{position:absolute; left:55%; top:49%; transform:translateY(-50%); font-size:.22em; font-weight:700; letter-spacing:.02em; color:var(--logo-text); -webkit-text-fill-color:var(--logo-text);}
  .claim-text{margin:var(--space-6) 0 0; font-size:var(--fs-label); color:var(--text-dim); white-space:nowrap;}
  .sub-section{display:flex; align-items:center; justify-content:space-between; gap:var(--space-8); padding:var(--space-14) var(--space-20) var(--space-4); font-size:var(--fs-label); font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--text-dim);}
  .acc-tools{display:inline-flex; gap:var(--space-hair); flex:0 0 auto;}
  .acc-tool{width:var(--size-20); height:var(--size-20); display:inline-flex; align-items:center; justify-content:flex-end; padding:0; border:none; background:none; border-radius:var(--radius-6); color:var(--text-dim); cursor:pointer;}
  .acc-tool:hover{background:color-mix(in srgb, var(--text) 10%, transparent); color:var(--text);}
  .acc-tool svg{width:var(--ic-14); height:var(--ic-14); margin-right:-1px;}
  .acc{padding:var(--space-hair) var(--space-10) var(--space-14); overflow-y:auto; --area:var(--c-home);}
  .acc:has(> .sub-item:first-child){padding-top:var(--space-4);}
  .acc:has(> .acc-section:first-child){padding-top:var(--space-8);}

  .acc-section{padding:var(--space-14) var(--space-10) var(--space-4); font-size:var(--fs-label); font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--text-muted);}
  .acc-section:first-child{padding-top:var(--space-4);}
  .acc-lock{width:var(--size-12);height:var(--size-12); margin-left:auto; flex-shrink:0; color:var(--warn); opacity:.85;}
  .acc-link .acc-new{margin-left:auto; flex-shrink:0; width:var(--size-12); height:var(--size-12); border-radius:var(--radius-4);
                     display:inline-flex; align-items:center; justify-content:center;
                     background:color-mix(in srgb, var(--text) 8%, transparent); color:var(--text-muted);
                     transition:background .12s, color .12s;}
  .acc-link .acc-new svg{width:var(--ic-12); height:var(--ic-12);}
  .acc-link:hover .acc-new{background:color-mix(in srgb, var(--area) 22%, transparent); color:var(--text);}
  .acc-link.is-active .acc-new{color:var(--text-dim);}

  .sub-item{width:100%; display:flex; align-items:center; gap:var(--space-10); padding:var(--space-6) var(--space-10); border-radius:var(--radius-6); text-decoration:none; color:var(--text-dim); font-size:var(--fs-body); font-weight:500; margin-bottom:var(--space-hair); cursor:pointer; position:relative;}
  .sub-item[href]:hover{color:var(--text); background:color-mix(in srgb, var(--area) 7%, transparent);}
  .sub-item.is-active{color:var(--text-bright); font-weight:600; background:color-mix(in srgb, var(--area) 8%, transparent);}
  .sub-item.is-active::before{content:""; position:absolute; left:-1px; top:50%; transform:translateY(-50%); height:var(--size-20); width:var(--size-2); border-radius:var(--radius-4); background:var(--brand-red);}

  .sig{margin-left:auto; flex-shrink:0; width:var(--size-12); display:inline-flex; align-items:center; justify-content:center;}
  .sig-dot::before{content:""; width:var(--size-6); height:var(--size-6); border-radius:var(--radius-full); background:var(--state-info);}
  .sig-dot.is-warn::before{background:var(--warn);}
  .sig-count{font-size:var(--fs-body-sm); font-weight:700; color:var(--text-bright); font-variant-numeric:tabular-nums;}
  .sig-count.is-late{color:var(--danger);}

  .sub-item:not([href]), .acc-link:not([href]){cursor:default;}
  .sub-item .ic{width:var(--size-20);height:var(--size-20); display:flex;align-items:center;justify-content:center; flex-shrink:0; background:none; color:inherit;}
  .sub-item .ic svg{width:var(--ic-16);height:var(--ic-16);}

  .acc > .sub-item{padding:var(--space-8) var(--space-10);}
  .acc > .sub-item:has(+ .acc-group){margin-bottom:var(--space-10); padding-bottom:var(--space-10); border-bottom:1px solid var(--line-divider);}

  .acc-group{margin-bottom:var(--space-hair);}
  .acc-trigger{width:100%; display:flex; align-items:center; gap:var(--space-10); padding:var(--space-8) var(--space-10); background:none; border:none; cursor:pointer; border-radius:var(--radius-6); text-align:left; color:var(--text-dim); font-size:var(--fs-body); font-weight:500; font-family:inherit; position:relative;}
  .acc-trigger:hover{background:color-mix(in srgb, var(--area) 9%, transparent);}
  .acc-trigger[aria-current="true"]::before{content:""; position:absolute; left:-1px; top:50%; transform:translateY(-50%); height:var(--size-20); width:var(--size-2); border-radius:var(--radius-4); background:var(--brand-red);}
  .acc-trigger .ic{width:var(--size-20);height:var(--size-20); display:flex;align-items:center;justify-content:center; flex-shrink:0; background:none; color:inherit;}
  .acc-trigger .ic svg{width:var(--ic-16);height:var(--ic-16);}
  .acc-trigger .label{flex:1;}
  .acc-trigger .chev{width:var(--size-12);height:var(--size-12); transition:transform .18s; opacity:.5;}
  .acc-group.is-open .acc-trigger .chev{transform:rotate(90deg);}
  .acc-panel{max-height:0; overflow:hidden; transition:max-height .22s ease; margin:var(--space-hair) 0 var(--space-hair) calc(var(--space-10) + var(--size-20) / 2 - var(--size-2) / 2); padding-left:calc(var(--size-20) / 2 + var(--size-2) / 2); position:relative;}
  .acc-panel::before{content:""; position:absolute; left:0; top:var(--space-hair); bottom:0; width:var(--size-2); border-radius:var(--radius-4); background:linear-gradient(180deg, color-mix(in srgb, var(--line) 100%, transparent) 0, color-mix(in srgb, var(--line) 100%, transparent) calc(100% - 1rem), transparent 100%);}
  .acc-group.is-open .acc-panel{max-height:var(--accordion-h-max);}
  .acc-group.is-open .acc-panel::before{background:linear-gradient(180deg, color-mix(in srgb, var(--area) 42%, transparent) 0, color-mix(in srgb, var(--area) 42%, transparent) calc(100% - 1rem), transparent 100%);}
  .acc-link{display:flex; align-items:center; gap:var(--space-8); padding:var(--space-8) var(--space-10); border-radius:var(--radius-6); color:var(--text-dim); font-size:var(--fs-body); text-decoration:none; margin:var(--space-hair) 0; cursor:pointer;}
  .acc-link[href]:hover{color:var(--text); background:color-mix(in srgb, var(--area) 8%, transparent);}
  .acc-link.is-active{color:var(--text-bright); font-weight:600; background:color-mix(in srgb, var(--area) 8%, transparent);}
  .sub-item .count, .acc-link .count{--count-c:var(--text-bright); --count-bg:var(--brand-red); margin-left:auto; transform:translateX(calc(50% - 0.375rem));}

  .workspace{flex:1; display:flex; flex-direction:column; min-width:0; gap:var(--space-12);}
  .topbar{height:var(--topbar-h); flex-shrink:0; display:flex; align-items:center; gap:var(--space-14); padding:0 var(--space-16); background:var(--surface-panel); border:1px solid var(--line); border-radius:var(--radius-8); box-shadow:var(--shadow); position:relative;}
  .statusbar{height:var(--statusbar-h); flex-shrink:0; display:flex; align-items:center; gap:var(--space-8); padding:0 var(--space-16); background:var(--surface-panel); border:1px solid var(--line); border-radius:var(--radius-8); box-shadow:var(--shadow); font-size:var(--fs-body-sm); color:var(--text-dim); white-space:nowrap;}
  .statusbar b{color:var(--text); font-weight:600; font-variant-numeric:tabular-nums;}
  .statusbar .sb-dot{width:var(--size-8); height:var(--size-8); border-radius:var(--radius-full); background:var(--success); flex-shrink:0;}
  .statusbar .sb-sep{opacity:.45;}
  .statusbar .pill{padding:var(--space-hair) var(--space-8);}
  .page-title{font-size:var(--fs-body-sm); text-transform:uppercase; letter-spacing:.06em; min-width:0;}
  .page-title ol{display:flex; align-items:center; margin:0; padding:0; list-style:none; min-width:0;}
  .page-title .pt-item{display:inline-flex; align-items:center; color:var(--text-dim); font-weight:500; min-width:0;}
  .page-title a{color:inherit; text-decoration:none; cursor:pointer; transition:color .12s;}
  .page-title a:hover{color:var(--text);}
  .page-title .pt-sep{width:var(--ic-12); height:var(--ic-12); opacity:.35; margin:0 var(--space-8); flex-shrink:0;}
  .page-title .pt-current{color:var(--text); font-weight:600;}

  .search-overlay{position:fixed; inset:0; width:100%; max-width:100%; height:100%; max-height:100%;
    margin:0; padding:12dvh 0 0; border:0; color:inherit;
    background:rgba(8,10,13,.55); backdrop-filter:blur(3px); display:none;
    align-items:flex-start; justify-content:center; z-index:100;}
  .search-overlay[open]{display:flex;}
  .search-overlay::backdrop{background:transparent;}
  .search-modal{width:min(36.25rem,92dvw); background:var(--surface-panel); border:1px solid var(--line-strong); border-radius:var(--radius-8); box-shadow:var(--shadow-panel); overflow:hidden;}
  .search-modal-input{display:flex; align-items:center; gap:var(--space-12); padding:var(--space-16) var(--space-16); border-bottom:1px solid var(--line-divider);}
  .search-modal-input svg{width:var(--ic-20);height:var(--ic-20); color:var(--text-dim); flex-shrink:0;}
  .search-modal-input input{flex:1; border:none; background:none; outline:none; color:var(--text); font-size:var(--fs-heading-sm); font-family:inherit;}
  .search-modal-input kbd{font-size:var(--fs-label); font-weight:700; color:var(--text-dim); background:var(--surface); border:1px solid var(--line-strong); border-radius:var(--radius-4); padding:var(--space-hair) var(--space-6); letter-spacing:.05em;}
  .search-modal-body{padding:var(--space-6) var(--space-8) var(--space-8); max-height:min(56dvh,26.875rem); overflow-y:auto;}
  .search-sec{font-size:var(--fs-label); font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--text-dim); padding:var(--space-10) var(--space-10) var(--space-4);}
  .search-res{display:flex; align-items:center; gap:var(--space-10); padding:var(--space-8) var(--space-10); border-radius:var(--radius-6); color:var(--text); font-size:var(--fs-body); cursor:pointer;}
  .search-res .ic{width:var(--size-28);height:var(--size-28);border-radius:var(--radius-6); display:flex;align-items:center;justify-content:center; background:color-mix(in srgb, var(--text) 8%, transparent); color:var(--text-dim); flex-shrink:0; transition:.12s;}
  .search-res .ic svg{width:var(--ic-16);height:var(--ic-16);}
  .search-res .lbl{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .search-res .lbl mark{background:none; color:var(--text); font-weight:800;}
  .search-res .meta{margin-left:auto; font-size:var(--fs-body); color:var(--text-dim); padding-left:var(--space-12); white-space:nowrap; flex-shrink:0;}
  .search-res .go{margin-left:var(--space-8); width:var(--size-16);height:var(--size-16); color:var(--text-dim); opacity:0; flex-shrink:0;}
  .search-res .go svg{width:var(--ic-16);height:var(--ic-16);}
  .search-res.sel{background:color-mix(in srgb, var(--text) 9%, transparent);}
  .search-res.sel .ic{background:color-mix(in srgb, var(--brand-red) 90%, var(--text)); color:var(--text-bright);}
  .search-res.sel .meta{margin-left:auto;}
  .search-res.sel .go{opacity:1;}
  .search-empty{padding:var(--space-32) var(--space-14) var(--space-32); text-align:center; color:var(--text); font-size:var(--fs-body);}
  .search-empty b{color:var(--text); font-weight:600;}
  .search-modal-foot{display:flex; align-items:center; gap:var(--space-16); padding:var(--space-8) var(--space-16); border-top:1px solid var(--line-divider); font-size:var(--fs-body-sm); color:var(--text-dim); background:var(--surface-panel-low);}
  .search-modal-foot .foot-spacer{flex:1;}
  .search-modal-foot span{display:flex; align-items:center; gap:var(--space-4);}
  .search-modal-foot kbd{font-size:var(--fs-label); font-weight:700; color:var(--text-dim); background:var(--surface); border:1px solid var(--line-strong); border-radius:var(--radius-4); min-width:var(--size-18); height:var(--size-18); padding:0 var(--space-4); display:inline-flex; align-items:center; justify-content:center;}
  .topbar-spacer{flex:1;}
  .icon-btn{width:var(--size-36);height:var(--size-36);border-radius:var(--radius-6); display:flex;align-items:center;justify-content:center; color:var(--text-dim); cursor:pointer; position:relative; appearance:none; -webkit-appearance:none; background:none; border:0; padding:0;}
    .icon-btn:hover{background:color-mix(in srgb, var(--text) 10%, transparent); color:var(--text);}
  .icon-btn svg{width:var(--ic-20);height:var(--ic-20);}
  .divider{width:1px; height:var(--divider-h, var(--size-28)); background:var(--line-divider); margin:0 var(--space-hair);}
  .profile{display:flex; align-items:center; gap:var(--space-8); padding:var(--space-4) var(--space-10); border-radius:var(--radius-6); cursor:pointer; list-style:none;}
  .profile::-webkit-details-marker{display:none;}
  .profile:hover{background:var(--surface);}
  .profile .who{line-height:var(--line-height-tight);} .profile .who b{display:block; font-size:var(--fs-body);}
  .profile svg{width:var(--ic-14);height:var(--ic-14); color:var(--text-dim);}
  .profile-wrap{position:relative;}
  .profile-menu{position:absolute; top:var(--topbar-h); right:0; width:var(--menu-w); background:var(--surface-panel); border:1px solid var(--line-strong); border-radius:var(--radius-8); box-shadow:var(--shadow-panel); z-index:170; padding:var(--space-6);}
  .pm-item{width:100%; box-sizing:border-box; text-decoration:none; display:flex; align-items:center; gap:var(--space-10); padding:var(--space-8) var(--space-10); border:none; background:none; border-radius:var(--radius-6); cursor:pointer; font-family:inherit; font-size:var(--fs-body); color:var(--text); text-align:left;}
  .pm-item:hover{background:color-mix(in srgb, var(--text) 7%, transparent);}
  .pm-item svg{width:var(--ic-16);height:var(--ic-16); color:var(--text-dim); flex-shrink:0;}
  .pm-logout{margin-top:var(--space-4); padding-top:var(--space-10); border-top:1px solid var(--line-divider); border-radius:0 0 var(--radius-6) var(--radius-6);}
  .pm-logout, .pm-logout svg{color:var(--danger);}

  .content{flex:1; overflow-y:auto; padding-left:var(--space-hair); padding-right:var(--space-hair);}

  html .turbo-progress-bar{height:var(--size-4); background:var(--brand-red); box-shadow:0 0 12px color-mix(in srgb, var(--brand-red) 80%, transparent);}
  body.is-navigating button,
  body.is-navigating a,
  body.is-navigating [onclick],
  body.is-navigating [role="button"]{pointer-events:none;}
  @media (prefers-reduced-motion: reduce){ .content{transition:none;} }