:root{font-family:Segoe UI,Arial,sans-serif;color:#183840;background:#eef3f0}*{box-sizing:border-box}body{margin:0;padding:35px 18px}.account{max-width:1000px;margin:auto;background:#fff;border:1px solid #d9e3de;border-radius:16px;padding:30px;box-shadow:0 12px 45px #17364012}.brand{font-weight:800;letter-spacing:2px;font-size:23px;color:#137d78}.brand span{font-size:14px;display:block;letter-spacing:0;font-weight:500;color:#52696e;margin-top:5px}h1{font-size:27px;margin:25px 0 14px}h2{font-size:20px}p{line-height:1.6}.login{max-width:420px}label{display:block;font-weight:600;margin:15px 0 5px}input,select,button{font:inherit;padding:11px;border:1px solid #b7cac4;border-radius:7px}input,select{width:100%;min-width:0}button,.button{display:inline-block;background:#137d78;color:white;border:0;text-decoration:none;cursor:pointer;padding:12px 17px;border-radius:7px;font-weight:650;margin-top:15px}a{color:#086c66}nav{display:flex;flex-wrap:wrap;gap:18px;border-bottom:1px solid #dce4e1;padding:20px 0}.notice{background:#eaf4f0;padding:14px;border-left:4px solid #137d78;border-radius:5px;margin:15px 0}.error{background:#fff0e9;border-color:#af431c}.muted,small,footer{color:#687c81}footer{font-size:12px;border-top:1px solid #dce4e1;margin-top:30px;padding-top:15px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.row{padding:18px 0;border-bottom:1px solid #dce4e1}.row form{margin:10px 0}.checks{display:flex;gap:8px;align-items:center}.checks input{width:auto}.actions{display:flex;flex-wrap:wrap;gap:10px}.danger{background:#a83d2c}code{overflow-wrap:anywhere}summary{cursor:pointer;font-weight:bold}@media(max-width:650px){.grid{grid-template-columns:1fr}.account{padding:20px}body{padding:15px 10px}}

/* Oxygens dark glass account and feed controls. */
@font-face{font-family:Inter;src:url('glass/fonts/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('glass/fonts/inter-700.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#081626;color:#edf6ff}
body{background:#081626 url('glass/background.png') center top/cover fixed no-repeat;min-height:100vh}
.account{background:#102238;border:1px solid #456b89;box-shadow:0 18px 55px #0004;border-radius:22px}
.brand{color:#f1f8ff}.brand span,.muted,small,footer{color:#b6cce4}
input,select,textarea{background:#0b1c2d;color:#f1f7ff;border:1px solid #63829d;min-height:46px;max-width:100%;font:inherit}
button,.button{background:#5af1de;color:#05292d;min-height:46px;border-radius:10px}button:hover,.button:hover{background:#96ffed}
a{color:#88e9e2}nav,footer,.row{border-color:#3a5873}.notice{background:#163443;border-color:#64e9da;color:#d9f6f6}.error{background:#3e2430;border-color:#ffad9e;color:#ffe0d6}.danger{background:#7e343d;color:#fff}
:focus-visible{outline:3px solid #94fff0;outline-offset:3px}pre{white-space:pre-wrap;overflow-wrap:anywhere}summary{padding:9px 0}table{max-width:100%;border-collapse:collapse}td,th{border-color:#405a72}input[type=checkbox]{min-height:24px;min-width:24px;accent-color:#5af1de}
@media(max-width:650px){body{background-attachment:scroll}.account{padding:20px 16px}nav{gap:12px}.actions{gap:8px}}
@media print{body,.account{background:#fff;color:#111;box-shadow:none}a,.brand,.brand span,small,.muted,footer{color:#222}}
/* Shared device theme choice. */
.account{position:relative}.brand .glass-theme-choice{position:absolute;right:28px;top:26px;display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:400;letter-spacing:0}.brand .glass-theme-choice select{width:130px;font-size:13px;padding:8px}.brand .glass-theme-choice>span{font-size:12px;margin:0}
html[data-glass-theme=light]{color-scheme:light;background:#eaf4fa;color:#21425a}html[data-glass-theme=light] body{background-color:#eaf4fa;background-blend-mode:screen;color:#21425a}
html[data-glass-theme=light] .account{background:#f9fdff;border-color:#a9c7dc;box-shadow:0 18px 55px #3a6c8c18}html[data-glass-theme=light] .brand{color:#21445f}html[data-glass-theme=light] :is(.brand span,.muted,small,footer){color:#55718a}
html[data-glass-theme=light] :is(input,select,textarea){background:#fff;color:#21445f;border-color:#8daec7}html[data-glass-theme=light] :is(button,.button){background:#a5f6e9;color:#07535a;border:1px solid #65bfb8}html[data-glass-theme=light] a{color:#096d84}html[data-glass-theme=light] .notice{background:#e0f4f5;color:#245967}html[data-glass-theme=light] .error{background:#ffe9e4;color:#8a3039}html[data-glass-theme=light] :is(nav,footer,.row){border-color:#b1cbdc}
@media(max-width:500px){.brand .glass-theme-choice{position:static;margin-top:14px;max-width:160px}}

/* Four glass palettes: shared across the Hub, account and ISO screens. */
html[data-glass-theme="plum"]{--g-bg:#2c2334;--g-panel:#3b2e46;--g-raised:#483652;--g-head:#30253a;--g-line:#82668d;--g-text:#f5edf8;--g-muted:#d5c2df;--g-accent:#edc3fb;--g-accent-ink:#402647;--g-input:#30253a}
html[data-glass-theme="ocean"]{--g-bg:#132a40;--g-panel:#1b3953;--g-raised:#244861;--g-head:#102d43;--g-line:#5b8fae;--g-text:#edf8ff;--g-muted:#bbd8e9;--g-accent:#a2e3ff;--g-accent-ink:#123f57;--g-input:#102d43}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body{color-scheme:dark;background-color:var(--g-bg);color:var(--g-text);background-blend-mode:luminosity}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub{--nav:var(--g-head);--bg:var(--g-bg);--surface:var(--g-panel);--surface-2:var(--g-head);--surface-3:var(--g-raised);--panel:var(--g-panel);--white:var(--g-panel);--line:var(--g-line);--ink:var(--g-text);--muted:var(--g-muted);--teal:var(--g-accent);--input:var(--g-input);--control-line:var(--g-line);--soft:var(--g-raised);--accent-text:var(--g-accent-ink);--button-hover:var(--g-raised);background-color:var(--g-bg);color:var(--g-text)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-header,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-rail,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #sidebar,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-profile,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .sidebar,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .topbar,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .footbar{background:var(--g-head);color:var(--g-text);border-color:var(--g-line)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-brand strong,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .logo,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .brand{color:var(--g-text)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-brand span,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-profile>p,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-row-copy>span,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .footer,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .brand span,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .muted,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) small,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) footer,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .sidebar-foot,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .sidebar-foot small,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .topbar .crumb{color:var(--g-muted)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #content .glass-hero h1,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #content .glass-queue-head h2{color:var(--g-text)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #content .glass-hero>p{color:var(--g-muted)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-queue,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-dock,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-daily-work,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .account,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .content :is(.card,.doc-card,.list-card,.kpi,.cert-card,.hero,.iso-start,.iso-department,.iso-find-sheet,.doc-body,.doc-top,.iso-management-inner,.iso-management-details,.iso-menu-more,.panel,.toc,.empty,.iso-dept-filter){background:var(--g-panel);color:var(--g-text);border-color:var(--g-line)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub :is(.card,.stat,.prep-job,.simple-job,.event,.hub-note,.work-shortcut,.detail-section,.flow-panel,.simple-job-context,.reading-preview,.manufacturing-summary,.shipping-summary,.list-row,.records-panel,.record-card,.v12-card,.card-body,.modal){background:var(--g-panel);color:var(--g-text);border-color:var(--g-line)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub :is(.card-head,.toolbar,.modal-head,.detail-field,.notice),html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .content :is(.quiet-note,.message,.iso-simple-note),html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .notice{background:var(--g-raised);color:var(--g-text);border-color:var(--g-line)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-theme-choice select,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #work-role,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) input,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) select,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) textarea{background:var(--g-input);color:var(--g-text);border-color:var(--g-line)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub select option{background:var(--g-input);color:var(--g-text)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub :is(input,textarea)::placeholder{color:var(--g-muted)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub :is(button,.button),html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .account :is(button,.button),html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .content :is(button,.btn){background:var(--g-raised);color:var(--g-text);border-color:var(--g-line)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #content .glass-primary,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub button.primary,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .account button,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .content :is(button.primary,.btn.primary){background:var(--g-accent);color:var(--g-accent-ink);border-color:var(--g-accent)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #content .glass-secondary{background:var(--g-raised);color:var(--g-text);border-color:var(--g-line)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #content .glass-dock-action,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #content .glass-queue-row,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #content .glass-text-link{background:transparent;color:var(--g-text);border-color:var(--g-line)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #content .glass-dock-action{border-color:transparent}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-secondary-links a,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-row-icon{background:var(--g-raised);color:var(--g-text);border-color:var(--g-line)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-rail button,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #sidebar .nav-btn{background:transparent;color:var(--g-muted)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-rail button.active,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #sidebar .nav-btn.active,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #sidebar .nav-btn:hover,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .sidebar .nav-item.selected{background:var(--g-raised);color:var(--g-accent);border-color:var(--g-line)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #sidebar .role-menu-title,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub #sidebar .nav-group,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .sidebar :is(.nav-item,.menu-group-label,.back,summary){color:var(--g-muted)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-user-toggle,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-tools-toggle,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-close-tools{background:var(--g-raised);color:var(--g-text);border-color:var(--g-line)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-account-links :is(a,button){color:var(--g-text);background:transparent}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-account-links :is(a,button):hover{background:var(--g-raised)!important}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-daily-work>summary,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub :is(.form-field>label,label.form-field,legend),html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .content :is(h1,h2,h3,h4,strong){color:var(--g-text)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .content :is(p,.descr,.kicker,.kpi-label,.kpi-hint,.doc-metadata,.muted,small),html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .content :is(.iso-simple-note,.quiet-note,.message) :is(strong,p,small){color:var(--g-muted)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub :is(table,th,td),html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .content :is(table,th,td){background:var(--g-panel);color:var(--g-text);border-color:var(--g-line)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub a,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .content a,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .account a,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .topbar a{color:var(--g-accent)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .content .iso-dept-icon{background:var(--g-raised);color:var(--g-accent)!important}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .content .iso-dept-next{color:var(--g-accent)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .glass-brand{background:transparent!important;border:0!important}

/* Reduce glare in Light grey: no white full-page backdrop. */
html[data-glass-theme="light"] body{background-color:#d8dde3!important;background-image:none!important;color:#293f51}
html[data-glass-theme="light"] body.glass-hub{--bg:#d8dde3;--surface:#e7ebef;--surface-2:#e0e5ea;--surface-3:#dce3e9;--white:#e7ebef;--panel:#e7ebef;--input:#eef0f3;--ink:#253e52;--muted:#4b6478;--line:#9dafbd;--control-line:#839aaa}
html[data-glass-theme="light"] body.glass-hub :is(.glass-header,.glass-rail){background:rgba(226,231,236,.97)}
html[data-glass-theme="light"] body.glass-hub :is(.glass-queue,.glass-dock,.glass-profile,#sidebar,.card,.stat,.prep-job,.simple-job,.event,.detail-section,.flow-panel,.card-body,.glass-daily-work,.modal),html[data-glass-theme="light"] .account,html[data-glass-theme="light"] .content :is(.card,.doc-card,.list-card,.kpi,.cert-card,.hero,.iso-start,.iso-department,.iso-find-sheet,.doc-body,.doc-top,.iso-management-inner,.iso-management-details,.iso-menu-more,.panel,.toc,.empty,.iso-dept-filter){background:#e7ebef;border-color:#a3b4c2}
html[data-glass-theme="light"] body.glass-hub :is(.card-head,.toolbar,.modal-head),html[data-glass-theme="light"] .content :is(.quiet-note,.message,.iso-simple-note),html[data-glass-theme="light"] :is(.sidebar,.topbar,.footbar){background:#dfe5eb}
html[data-glass-theme="light"] body.glass-hub :is(input,select,textarea),html[data-glass-theme="light"] .account :is(input,select,textarea),html[data-glass-theme="light"] .content :is(input,select,textarea){background:#eef0f3}
html[data-glass-theme="light"] body.glass-hub #content .glass-secondary,html[data-glass-theme="light"] body.glass-hub .glass-secondary-links a{background:#e9edf1}
html[data-glass-theme="light"] body.glass-hub #content .glass-dock-action{background:transparent}
@media print{html[data-glass-theme] body,html[data-glass-theme] .account,html[data-glass-theme] .content :is(.doc-body,.doc-top,table,td,th){background:#fff!important;color:#111!important}}

html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .form-foot{background:var(--g-panel);border-color:var(--g-line)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub .danger,html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .account .danger{background:#602f40;color:#ffdbe2;border-color:#c37e8c}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub :is(.notice.warning,.warning),html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .content .attention{background:#4d3b2b;color:#ffe5b7;border-color:#bd9969}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) body.glass-hub :is(.notice.error,.online-error){background:#582e3a;color:#ffdae1;border-color:#bc7f8b}
html[data-glass-theme="light"] body.glass-hub .form-foot{background:#e0e5ea;border-color:#a3b4c2}

html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .topbar .user-chip{background:var(--g-raised);color:var(--g-text);border:1px solid var(--g-line)}
html:is([data-glass-theme="plum"],[data-glass-theme="ocean"]) .account .error{background:#582e3a;color:#ffdae1;border-color:#bc7f8b}
