@font-face{font-family:EMS Inter;src:url('/fonts/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap} @font-face{font-family:EMS Archivo;src:url('/fonts/archivo.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap} :root{--portal-bg:#f0f4f2;--portal-surface:#fff;--portal-raised:#e9f0ec;--portal-side:#fff;--portal-text:#18332b;--portal-muted:#60786e;--portal-line:#d0ded7;--portal-accent:#087e60;--portal-soft:#e0f1e7;--portal-blue:#2879aa;--portal-gold:#a97624;--portal-shadow:0 9px 25px #153e2710} :root[data-theme="dark"]{--portal-bg:#080f12;--portal-surface:#101b20;--portal-raised:#16242c;--portal-side:#0d181e;--portal-text:#eff6f3;--portal-muted:#9cafa9;--portal-line:#23383c;--portal-accent:#42d0a1;--portal-soft:#16372c;--portal-blue:#77bce2;--portal-gold:#e1b665;--portal-shadow:0 9px 30px #0003;--line:var(--portal-line);--muted:var(--portal-muted)} :root[data-theme]{background:var(--portal-bg);color:var(--portal-text);font-family:EMS Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased} :root[data-theme] :is(body,.layout,.main-wrap,.content,.management-layout,.auth-layout,.auth-form-wrap,.setup-page){background:var(--portal-bg);color:var(--portal-text)} :root[data-theme] :is(.panel,.stat-card,.quick-link,.management-header,.management-nav,.topbar,.news-date,.status-chip,.search-box,dialog,.setup-card,.management-layout>.main-footer){background:var(--portal-surface);border-color:var(--portal-line);color:var(--portal-text)} :root[data-theme] :is(h1,h2,h3,.brand,.person-summary h3,td strong,.management-brand strong,.account-summary h2){color:var(--portal-text)} :root[data-theme] :is(p,.muted,.small,.eyebrow,label,dt,td,.breadcrumb,.nav-item,.meta,time,.main-footer,.brand-sub,.nav-label,.stat-card div>span,.stat-card small,.quick-link small,.course-body p,.content-card p,.profile-card dd,.user-block small,.backup-list li,.auth-form-wrap footer,.auth-switch,.auth-note p,.prose,.dashboard-date,.dashboard-top p,.page-heading p,.request-explanation,.management-user,.management-location,.management-card p,.management-brand>div>span){color:var(--portal-muted)} :root[data-theme] :is(h1,h2,.management-brand strong,.brand){font-family:EMS Archivo,EMS Inter,Arial,sans-serif;font-weight:800} :root[data-theme] h1{font-size:32px;letter-spacing:-.7px;line-height:1.25} :root[data-theme] :is(p,table,input,select,textarea,button,label){font-family:EMS Inter,Arial,sans-serif} :root[data-theme] p{font-size:13px;line-height:1.8} :root[data-theme] .content{max-width:1450px;padding:36px 40px 45px} :root[data-theme] .page-heading{border-bottom:1px solid var(--portal-line);padding:0 0 25px;margin-bottom:25px;align-items:flex-end} .section-path{display:block;font-size:10px;line-height:1.5;font-weight:750;letter-spacing:1.8px;color:var(--portal-accent);margin-bottom:13px} :root[data-theme] .page-heading h1{margin-bottom:12px} :root[data-theme] .page-heading p{font-size:13px;max-width:770px} :root[data-theme] :is(.panel,.stat-card,.content-card,.table-panel,.quick-link,.course-card){border-radius:11px} :root[data-theme] .btn{min-height:41px;border-radius:7px;padding:10px 16px;font-size:12px;font-weight:600;text-decoration:none;gap:10px} :root[data-theme] .btn.primary{background:var(--portal-accent);border-color:var(--portal-accent);color:#fff;box-shadow:inset 0 1px 0 #ffffff15} :root[data-theme="dark"] .btn.primary{color:#06241a} :root[data-theme] .btn.primary:hover{filter:brightness(1.1)} :root[data-theme] :is(.btn.secondary,.theme-toggle){background:var(--portal-surface);border-color:var(--portal-line);color:var(--portal-muted)} :root[data-theme] :is(.btn.secondary,.theme-toggle):hover{color:var(--portal-accent);border-color:var(--portal-accent)} :root[data-theme] .text-button{color:var(--portal-accent);text-decoration:none;font-size:12px;font-weight:600} :root[data-theme] .text-button:hover{text-decoration:underline;text-underline-offset:4px} :root[data-theme] :is(input,textarea,select){background:var(--portal-bg);border:1px solid var(--portal-line);color:var(--portal-text);border-radius:7px;font-size:13px;padding:11px 12px} :root[data-theme] :is(input,textarea)::placeholder{color:var(--portal-muted);opacity:.8} :root[data-theme] :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--portal-accent);outline-offset:3px} :root[data-theme] :is(.toolbar,.dialog-footer,th,.workspace-label,.feed-icon,.quick-icon,input:disabled){background:var(--portal-raised);border-color:var(--portal-line);color:var(--portal-muted)} :root[data-theme] .toolbar{padding:0;border:0;background:transparent;margin-bottom:22px;gap:14px} :root[data-theme] .search-box{border-radius:8px;max-width:540px} :root[data-theme] .search-box input{border:0;background:transparent;font-size:12px} :root[data-theme] .toolbar select{background:var(--portal-surface);min-height:43px} :root[data-theme] .info-bar{background:var(--portal-soft);border-color:color-mix(in srgb,var(--portal-accent) 25%,transparent);color:var(--portal-accent);border-radius:7px;font-size:12px} :root[data-theme] :is(.badge,.tag){font-size:10px;letter-spacing:0;font-weight:600;background:var(--portal-soft);color:var(--portal-accent);border-radius:5px;border:1px solid color-mix(in srgb,var(--portal-accent) 12%,transparent)} :root[data-theme] .badge.warning{background:color-mix(in srgb,var(--portal-gold) 12%,var(--portal-surface));color:var(--portal-gold);border-color:color-mix(in srgb,var(--portal-gold) 20%,transparent)} :root[data-theme] .badge.danger{background:color-mix(in srgb,#d5786c 13%,var(--portal-surface));color:#d38476;border-color:#d5786c25} :root[data-theme] :is(th,td,.announcement-row,.card-footer,.section-title,.profile-card dl>div,.form-separator,.admin-card form label,.backup-list li,.auth-note,.user-block,.request-tabs){border-color:var(--portal-line)} :root[data-theme] th{background:transparent;font-size:10px;letter-spacing:1px;padding:16px 20px;color:var(--portal-muted);font-weight:500} :root[data-theme] td{padding:17px 20px;font-size:12px;line-height:1.7} :root[data-theme] td strong{font-weight:650} :root[data-theme] td small{font-size:11px} :root[data-theme] tbody tr:hover{background:color-mix(in srgb,var(--portal-accent) 4%,transparent)} /* Base workplace navigation. */ :root[data-theme] .sidebar{background:var(--portal-side);border-right:1px solid var(--portal-line);padding-top:27px} :root[data-theme] .sidebar .brand{font-size:24px;color:var(--portal-text);letter-spacing:-.7px} :root[data-theme] .sidebar .brand-mark,:root[data-theme] .management-brand .brand-mark{background:var(--portal-soft);color:var(--portal-accent);box-shadow:none;border:1px solid color-mix(in srgb,var(--portal-accent) 25%,transparent);border-radius:9px} :root[data-theme] .sidebar :is(.brand-sub,.workspace-label,.workspace-label>span:last-child,.nav-label,.user-block small){color:var(--portal-muted)} :root[data-theme] .sidebar .nav-label{font-size:9px;font-weight:650;letter-spacing:1.2px;margin-top:24px} :root[data-theme] .sidebar .nav-item{color:var(--portal-muted);font-size:12px;padding:12px;border-radius:7px;border:0;gap:12px;min-height:44px} :root[data-theme] .sidebar .nav-item:hover,:root[data-theme] .sidebar .nav-item:hover:not(.selected){background:var(--portal-raised);color:var(--portal-text)} :root[data-theme] .sidebar .nav-item.selected{background:var(--portal-soft);border-right:3px solid var(--portal-accent);border-left:0;color:var(--portal-accent)} :root[data-theme] .sidebar .user-block{color:var(--portal-text);border-color:var(--portal-line)} :root[data-theme] .sidebar .user-block strong{color:var(--portal-text)} :root[data-theme] .sidebar .avatar,:root[data-theme] .avatar{background:var(--portal-raised);color:var(--portal-accent);border:1px solid var(--portal-line)} :root[data-theme] .topbar{height:auto;min-height:73px;padding-top:14px;padding-bottom:14px} :root[data-theme] .topbar-cross{color:var(--portal-accent)} :root[data-theme] .management-entry{background:var(--portal-soft);color:var(--portal-accent);border-color:color-mix(in srgb,var(--portal-accent) 22%,transparent)} /* Separate administration navigation. */ :root[data-theme] .management-header{padding:21px 38px} :root[data-theme] .management-brand strong{font-size:19px} :root[data-theme] .management-brand .brand-mark{height:39px;width:39px;font-size:28px} :root[data-theme] .management-brand>div>span{font-size:11px;margin-top:4px} :root[data-theme] .management-header-actions{gap:18px} :root[data-theme] .management-nav{border:1px solid var(--portal-line);border-radius:9px;max-width:calc(100% - 64px);width:max-content;margin:19px auto 0;padding:5px;gap:3px;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain} :root[data-theme] .management-nav-item{white-space:nowrap;flex-shrink:0;font-size:11px;min-height:38px;padding:10px 12px;border:0;border-radius:6px;line-height:1.6;color:var(--portal-muted)} :root[data-theme] .management-nav-item.active{background:var(--portal-accent);color:#fff;border:0;box-shadow:inset 0 0 0 1px #ffffff12} :root[data-theme="dark"] .management-nav-item.active{color:#06241a} :root[data-theme] .management-nav-item:hover:not(.active){background:var(--portal-raised);color:var(--portal-text)} :root[data-theme] .management-location{max-width:1450px;padding-top:26px;font-size:11px} :root[data-theme] .management-layout>.content{max-width:1450px;padding-top:24px} :root[data-theme] .management-queue{background:var(--portal-surface);border-top:2px solid var(--portal-accent);padding:23px 25px} :root[data-theme] .management-queue h2{font-size:15px} :root[data-theme] .management-queue button>strong{color:var(--portal-accent);font-family:EMS Archivo,Arial;font-size:30px} :root[data-theme] .management-queue button:nth-child(2)>strong{color:var(--portal-blue)} :root[data-theme] .management-queue button:nth-child(3)>strong{color:var(--portal-gold)} :root[data-theme] .management-card{border-radius:10px;box-shadow:var(--portal-shadow);gap:18px;padding:23px;min-height:153px} :root[data-theme] .management-card:hover{border-color:var(--portal-accent)} :root[data-theme] .management-card-icon{background:var(--portal-soft);color:var(--portal-accent);width:43px;height:45px;border-radius:9px} :root[data-theme] .management-group:nth-of-type(3) .management-card-icon{background:color-mix(in srgb,var(--portal-blue) 12%,var(--portal-surface));color:var(--portal-blue)} :root[data-theme] .management-group:nth-of-type(4) .management-card-icon{background:color-mix(in srgb,var(--portal-gold) 12%,var(--portal-surface));color:var(--portal-gold)} :root[data-theme] .management-group>h2{font-size:17px;margin-bottom:18px} :root[data-theme] .management-card strong{font-size:15px;color:var(--portal-text)} /* The academy is grouped into three tracks, rather than repeated course cards. */ .academy-summary{display:flex;align-items:center;gap:0;border:1px solid var(--portal-line);border-radius:11px;background:var(--portal-surface);padding:25px;margin-bottom:26px;box-shadow:var(--portal-shadow)} .academy-summary>div{display:flex;align-items:center;gap:17px;flex:1;padding:0 28px;border-right:1px solid var(--portal-line)} .academy-summary>div:first-child{padding-left:0;flex:1.6}.academy-summary>div:last-child{border:0;padding-right:0;flex-direction:column;gap:7px;align-items:flex-start}.academy-summary>div:nth-child(2){flex-direction:column;align-items:flex-start;gap:7px} .academy-summary strong{display:block;font-family:EMS Archivo,Arial;font-size:23px;font-weight:800;color:var(--portal-text)}.academy-summary span{display:block;font-size:11px;color:var(--portal-muted);margin-top:6px}.academy-summary .academy-mark{display:grid;place-items:center;color:var(--portal-accent);background:var(--portal-soft);width:51px;height:53px;border-radius:10px;font-size:37px;margin:0;flex-shrink:0} .catalog-tabs{display:flex;gap:8px;border-bottom:1px solid var(--portal-line);padding-bottom:13px;margin-bottom:23px}.catalog-tab{padding:9px 14px;border:1px solid transparent;border-radius:7px;color:var(--portal-muted);font-size:12px;font-weight:600}.catalog-tab span{margin-left:7px;font-size:10px;padding:2px 5px;border-radius:4px;background:var(--portal-raised)}.catalog-tab.active{color:var(--portal-accent);background:var(--portal-soft);border-color:color-mix(in srgb,var(--portal-accent) 20%,transparent)}.catalog-note{font-size:11px!important;color:var(--portal-muted);margin:0 0 20px;line-height:1.8}.training-group{border:1px solid var(--portal-line);border-top:2px solid var(--portal-accent);border-radius:11px;background:var(--portal-surface);margin-bottom:22px;overflow:hidden;--track:var(--portal-accent)}.training-group.tone-1{border-top-color:var(--portal-blue);--track:var(--portal-blue)}.training-group.tone-2{border-top-color:var(--portal-gold);--track:var(--portal-gold)} .training-group>header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 23px;background:color-mix(in srgb,var(--track) 3%,var(--portal-surface));border-bottom:1px solid var(--portal-line)}.training-group>header>div{display:flex;gap:10px;align-items:center}.training-group h2{font-size:14px;margin:0;font-weight:750;letter-spacing:.2px}.training-group>header>span{font-size:11px;color:var(--portal-muted)}.rank-dot{background:var(--track);width:7px;height:7px;border-radius:50%;display:inline-block}.training-row{display:flex;align-items:center;gap:20px;padding:22px 23px;border-bottom:1px solid var(--portal-line)}.training-row:last-child{border:0}.training-row:hover{background:color-mix(in srgb,var(--track) 3%,transparent)}.training-symbol{display:grid;place-items:center;width:40px;height:42px;background:color-mix(in srgb,var(--track) 10%,transparent);border:1px solid color-mix(in srgb,var(--track) 20%,transparent);border-radius:8px;font-size:26px;color:var(--track);flex-shrink:0}.training-description{flex:1;min-width:0}.training-rank{display:inline-block;font-size:10px;line-height:1.6;font-weight:600;color:var(--track);border:1px solid color-mix(in srgb,var(--track) 23%,transparent);border-radius:5px;padding:2px 7px;margin-bottom:7px}.training-row h3{font-family:EMS Inter,Arial;font-size:14px;font-weight:700;margin:0 0 6px;line-height:1.6}.training-row p{font-size:12px!important;line-height:1.7;margin:0 0 7px;max-width:650px;color:var(--portal-muted)}.material-label{font-size:10px;color:var(--portal-muted)}.training-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.training-actions .btn{font-size:11px;min-height:38px}.training-actions .text-button{font-size:11px}.results-panel{margin-top:0} /* Handbooks, files and news each have a layout suited to the content. */ .handbook-directory{overflow:hidden}.handbook-directory>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 25px;border-bottom:1px solid var(--portal-line)}.handbook-directory>header h2{font-size:17px;margin:0}.handbook-directory>header>span{font-size:11px;color:var(--portal-muted)}.handbook-entry{display:flex;align-items:center;gap:23px;padding:23px 25px;border-bottom:1px solid var(--portal-line)}.handbook-entry:last-child{border:0}.chapter-index{font-family:EMS Archivo,Arial;color:var(--portal-accent);font-size:24px;width:40px;flex-shrink:0;opacity:.8}.handbook-entry>div:first-of-type{flex:1;min-width:0}.handbook-entry h3{font-size:14px;line-height:1.7;margin:0 0 6px}.handbook-entry h3 button{padding:0;text-align:left;color:var(--portal-text);font-size:14px;font-weight:650}.handbook-entry h3 button:hover{color:var(--portal-accent)}.handbook-entry p{font-size:12px!important;margin:0;line-height:1.7;max-width:700px}.knowledge-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}.knowledge-actions .text-button{font-size:11px}.file-entry{display:flex;align-items:center;gap:22px;padding:24px;border-top:1px solid var(--portal-line)}.document-symbol{width:64px;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--portal-gold) 10%,transparent);border:1px solid color-mix(in srgb,var(--portal-gold) 24%,transparent);color:var(--portal-gold);border-radius:8px;font:700 28px EMS Archivo,Arial;flex-shrink:0}.document-symbol>span{font:650 6px EMS Inter,Arial;letter-spacing:1px;margin-top:8px}.file-entry>div:first-of-type{flex:1;min-width:0}.file-entry h3{font-size:15px;margin:0 0 8px}.file-entry p{font-size:12px!important;margin:0 0 8px}.file-entry small{font-size:10px;color:var(--portal-muted)}.news-stream{max-width:1000px;display:flex;flex-direction:column;gap:20px}.news-post{padding:28px 30px;border-left:3px solid var(--portal-line)}.news-post.pinned{border-left-color:var(--portal-accent)}.news-post-meta{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--portal-muted);margin-bottom:18px}.news-post h2{font-size:21px;line-height:1.5;margin-bottom:13px}.news-post>p{white-space:pre-wrap;color:var(--portal-muted);max-width:820px}.news-post-actions{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--portal-line);margin-top:23px} :root[data-theme] .account-summary{background:var(--portal-surface);border:1px solid var(--portal-line);border-left:3px solid var(--portal-accent);border-radius:10px;box-shadow:var(--portal-shadow)} :root[data-theme] .stat-card{box-shadow:var(--portal-shadow);padding:23px;border-top:2px solid var(--portal-accent)} :root[data-theme] .stat-card:nth-child(2){border-top-color:var(--portal-blue)} :root[data-theme] .stat-card:nth-child(3){border-top-color:var(--portal-gold)} :root[data-theme] .stat-card strong{color:var(--portal-text);font-family:EMS Archivo,Arial;font-size:32px} :root[data-theme] .stat-card small{color:var(--portal-accent);text-decoration:none} :root[data-theme] .stat-card:hover{background:var(--portal-surface);border-color:var(--portal-accent)} :root[data-theme] .quick-link strong{color:var(--portal-text);font-size:13px} :root[data-theme] .quick-link:hover{background:var(--portal-raised);border-color:var(--portal-accent)} :root[data-theme] .request-tab{color:var(--portal-muted)} :root[data-theme] .request-tab.selected{color:var(--portal-accent);border-color:var(--portal-accent)} :root[data-theme] .request-tab span{background:var(--portal-soft);color:var(--portal-accent)} :root[data-theme] .empty{background:color-mix(in srgb,var(--portal-surface) 70%,transparent);border:1px dashed var(--portal-line);border-radius:10px;padding:35px 25px} :root[data-theme] .empty h3{color:var(--portal-text)} :root[data-theme] .auth-story{background:var(--portal-side);border-right:1px solid var(--portal-line)} :root[data-theme] .auth-story .brand{color:var(--portal-text)} :root[data-theme] .auth-story .brand-mark{background:var(--portal-soft);color:var(--portal-accent)} :root[data-theme] .auth-message h1{font-size:42px;line-height:1.25;color:var(--portal-text)} :root[data-theme] .auth-message p{color:var(--portal-muted)} :root[data-theme] .theme-toggle{border-radius:8px;font-size:11px;box-shadow:var(--portal-shadow)} @media(max-width:1100px){:root[data-theme] .management-header{padding:20px 26px}:root[data-theme] .management-header-actions{gap:13px}:root[data-theme] .content{padding:29px}:root[data-theme] .page-heading{align-items:flex-start}.academy-summary{padding:22px}.academy-summary>div{padding:0 19px;gap:12px}.academy-summary strong{font-size:20px}.training-row{gap:15px}.training-actions .btn{padding:9px 11px}} @media(max-width:700px){:root[data-theme] .content{padding:27px 18px 35px}:root[data-theme] h1{font-size:27px}:root[data-theme] .page-heading{padding-bottom:20px;gap:18px}:root[data-theme] .page-heading p{font-size:12px}:root[data-theme] .page-heading .btn{font-size:11px}:root[data-theme] .management-header{padding:18px}:root[data-theme] .management-nav{max-width:calc(100% - 24px);width:auto;margin:14px 12px 0;padding:5px}:root[data-theme] .management-nav-item{font-size:11px;min-height:40px;padding:10px 13px}:root[data-theme] .management-layout>.content{padding-top:25px}:root[data-theme] .management-location{padding:22px 18px 0}.academy-summary{display:grid;grid-template-columns:1fr 1fr;padding:19px;gap:20px;margin-bottom:22px}.academy-summary>div{padding:0!important;border:0;gap:8px}.academy-summary>div:first-child{grid-column:1/-1;border-bottom:1px solid var(--portal-line);padding-bottom:18px!important;gap:14px}.academy-summary>div:nth-child(2){border-right:1px solid var(--portal-line)}.academy-summary strong{font-size:21px}.academy-summary span{font-size:10px}.academy-summary .academy-mark{width:43px;height:45px;font-size:31px}.catalog-tabs{gap:3px}.catalog-tab{font-size:11px;padding:9px 11px}.catalog-tab span{margin-left:4px}.training-group>header{padding:17px}.training-group h2{font-size:13px}.training-group>header>span{font-size:10px}.training-row{display:grid;grid-template-columns:30px 1fr;padding:19px 17px;gap:12px}.training-symbol{width:29px;height:32px;font-size:21px;margin-top:4px}.training-description{min-width:0}.training-row h3{font-size:14px}.training-row p{font-size:12px!important}.training-actions{grid-column:2;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap;padding-top:4px}.training-actions .btn{font-size:11px}.handbook-directory>header{padding:20px}.handbook-entry{padding:20px;gap:14px;display:grid;grid-template-columns:28px 1fr;align-items:start}.chapter-index{font-size:20px;width:28px}.knowledge-actions{grid-column:2;flex-direction:row;align-items:center;gap:20px}.handbook-entry p{font-size:12px!important}.file-entry{padding:20px;display:grid;grid-template-columns:43px 1fr;gap:15px}.document-symbol{width:43px;height:54px;font-size:23px}.document-symbol>span{font-size:4px;letter-spacing:.6px}.file-entry .knowledge-actions{grid-column:2}.file-entry h3{font-size:14px}.news-post{padding:23px 21px}.news-post h2{font-size:19px}.news-post-meta{font-size:10px;gap:10px}.news-post>p{font-size:12px}:root[data-theme] .auth-message h1{font-size:30px}:root[data-theme] input,:root[data-theme] textarea,:root[data-theme] select{font-size:14px;min-height:43px}:root[data-theme] .preview-picker select{font-size:11px}.section-path{font-size:9px;letter-spacing:1.2px}.management-card{min-height:0}:root[data-theme] .stats{border:0;gap:11px;overflow:visible}:root[data-theme] .stats .stat-card{border:1px solid var(--portal-line);border-left:3px solid var(--portal-accent);border-radius:8px;padding:18px}.stats .stat-card:nth-child(2){border-left-color:var(--portal-blue)!important}.stats .stat-card:nth-child(3){border-left-color:var(--portal-gold)!important}:root[data-theme] .stat-card strong{font-size:27px}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} html:root[data-theme] .toolbar{background:transparent;border:0}.training-row{padding-top:17px;padding-bottom:17px}.training-row p:empty{display:none}@media(max-width:700px){.training-row{padding:17px}.training-row .training-rank{margin-bottom:5px}.training-row h3{margin-bottom:6px}.training-actions{padding-top:3px}} /* Keep titles, labels, records and feedback; omit instructional copy. */ .page-heading>div>p,.member-list-summary>p,.personnel-form-section>header p,.personnel-identity small,.field-note,.callsign-hint:not(.error),.qualification-overview>span:last-child,.access-current small,.access-protected,.access-own-password p,.access-password p,.access-rank-tools p,.workbook-tabs+small,.request-explanation,.info-bar,.management-card p,.empty>p,.account-summary p,.auth-form>.muted,.auth-message>p,.auth-note,.profile-card>p,.form-separator>p,.admin-card>p,.storage-visual small,.evidence-fields-heading>span,.evidence-fields>label>small,.evidence-existing>span{display:none!important} :root[data-theme] .page-heading h1{margin-bottom:0} :root[data-theme] .management-card{min-height:100px;padding:20px} .management-card>span:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:13px} :root[data-theme] .account-summary{padding-top:17px;padding-bottom:17px} #personnel-form .personnel-save-bar>span:empty{display:none} .callsign-hint.error{color:#d9897a!important} .quick-link small,.auth-bottom{display:none!important} /* Shared dropdowns: the field and its open picker use the portal palette. */ :root[data-theme] select{min-height:42px;cursor:pointer;transition:border-color .15s,box-shadow .15s;max-width:100%} :root[data-theme] select:hover:not(:disabled){border-color:var(--portal-accent)} :root[data-theme] select:focus-visible{outline:none;border-color:var(--portal-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-accent) 18%,transparent)} :root[data-theme] select:disabled{cursor:not-allowed;opacity:.55} :root[data-theme] select option{background:var(--portal-surface);color:var(--portal-text)} @supports (appearance:base-select){ :root[data-theme] select,:root[data-theme] select::picker(select){appearance:base-select} :root[data-theme] select{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;line-height:1.5;background-image:none;padding:10px 13px;border-radius:8px} :root[data-theme] select::picker-icon{color:var(--portal-muted);transition:rotate .18s;font-size:12px} :root[data-theme] select:open{border-color:var(--portal-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-accent) 14%,transparent)} :root[data-theme] select:open::picker-icon{rotate:180deg;color:var(--portal-accent)} :root[data-theme] select::picker(select){margin:7px 0;padding:6px;background:var(--portal-surface);color:var(--portal-text);border:1px solid var(--portal-line);border-radius:10px;box-shadow:0 14px 40px #0003;max-height:min(360px,65dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--portal-line) transparent;font:13px/1.5 EMS Inter,Arial,sans-serif} :root[data-theme] select option{display:flex;align-items:center;gap:10px;min-height:37px;padding:9px 12px;border-radius:6px;cursor:pointer;outline:none;white-space:normal} :root[data-theme] select option:hover,:root[data-theme] select option:focus-visible{background:var(--portal-raised);color:var(--portal-text)} :root[data-theme] select option:checked{background:var(--portal-soft);color:var(--portal-accent);font-weight:650} :root[data-theme] select option::checkmark{color:var(--portal-accent);margin-inline-end:0;order:2;margin-inline-start:auto} :root[data-theme] select option:disabled{opacity:.45;cursor:not-allowed} :root[data-theme] select optgroup{color:var(--portal-muted);font-size:12px;padding:5px} @media(max-width:600px){:root[data-theme] select option{min-height:43px}:root[data-theme] select::picker(select){max-width:calc(100vw - 24px)}} } /* Dropdown width follows its field, without a wider native popup. */ :root[data-theme] .toolbar select{width:auto;inline-size:fit-content;flex:0 1 auto;min-width:0} @supports (appearance:base-select){ :root[data-theme] select::picker(select){box-sizing:border-box;min-inline-size:anchor-size(self-inline);inline-size:anchor-size(self-inline);max-inline-size:calc(100vw - 24px);padding:4px} :root[data-theme] select option{padding:8px 10px;min-height:34px;font-size:12px;gap:7px;overflow-wrap:anywhere} :root[data-theme] select{gap:12px} } .bulletin-board{display:grid;gap:30px}.bulletin-section>header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.bulletin-section>header h2{font:700 14px EMS Inter,Arial;margin:0}.bulletin-section>header>span{font-size:11px;color:var(--portal-muted);border:1px solid var(--portal-line);border-radius:5px;padding:2px 6px}.bulletin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bulletin-card{display:flex;flex-direction:column;padding:25px;min-width:0;border-radius:10px;overflow:hidden}.bulletin-card.is-pinned{border-top:3px solid var(--portal-accent);background:linear-gradient(130deg,var(--portal-soft),var(--portal-surface) 65%)}.bulletin-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.bulletin-category{color:var(--portal-accent);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:1px}.bulletin-card-head time{font-size:11px;white-space:nowrap}.bulletin-card h2{margin:0 0 12px;line-height:1.4}:root[data-theme] .bulletin-title{font:750 20px/1.4 EMS Archivo,Arial;color:var(--portal-text);text-align:left;padding:0;background:none;border:0;overflow-wrap:anywhere}.bulletin-title:hover{color:var(--portal-accent)!important}:root[data-theme] .bulletin-excerpt{white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;line-height:1.85;margin:0 0 24px}.bulletin-card footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--portal-line);padding-top:17px;margin-top:auto}.bulletin-author{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--portal-muted);min-width:0;overflow-wrap:anywhere}.bulletin-avatar{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--portal-raised);color:var(--portal-accent);font-weight:700}.bulletin-card .row-actions{gap:12px;flex-shrink:0}.bulletin-card .text-button{font-size:11px} @media(max-width:950px){.bulletin-grid{grid-template-columns:1fr}} @media(max-width:600px){.bulletin-card{padding:20px}.bulletin-card footer{flex-wrap:wrap}.bulletin-card .row-actions{margin-left:auto}:root[data-theme] .bulletin-title{font-size:18px}:root[data-theme] .toolbar select{max-width:100%}} .bulletin-reading-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--portal-line);font-size:12px;color:var(--portal-muted)}.bulletin-reading .prose{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.bulletin-editor .form-grid{grid-template-columns:1fr}.bulletin-editor textarea{min-height:240px;resize:vertical}.bulletin-editor .checkbox-label{background:var(--portal-soft);border:1px solid var(--portal-line);padding:13px 15px;border-radius:8px} :root[data-theme] .bulletin-delete{color:#d96969}.bulletin-delete:hover{color:#ec8585!important}.bulletin-card .row-actions{flex-wrap:wrap}.bulletin-card footer{flex-wrap:wrap} :root[data-theme] .bulletin-card .row-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;font-size:11px;line-height:1.4;border-radius:6px;text-decoration:none} :root[data-theme] .bulletin-card .bulletin-delete{background:color-mix(in srgb,#d96969 10%,var(--portal-surface));border:1px solid color-mix(in srgb,#d96969 35%,var(--portal-line));color:light-dark(#aa3434,#ef9292)} :root[data-theme] .bulletin-card .bulletin-delete:hover{background:color-mix(in srgb,#d96969 19%,var(--portal-surface));border-color:#d96969} .bulletin-card .row-actions{gap:8px} .handbook-chapter{border-bottom:1px solid var(--portal-line)}.handbook-chapter:last-child{border-bottom:0}.handbook-chapter summary{display:flex;align-items:center;gap:20px;padding:22px 25px;cursor:pointer;list-style:none}.handbook-chapter summary::-webkit-details-marker{display:none}.handbook-chapter summary:hover{background:var(--portal-raised)}.handbook-chapter summary:focus-visible{outline:2px solid var(--portal-accent);outline-offset:-3px}.handbook-chapter summary h3{flex:1;min-width:0;margin:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.handbook-chapter .chapter-index{font-size:20px}.chapter-chevron{width:8px;height:8px;border-right:2px solid var(--portal-muted);border-bottom:2px solid var(--portal-muted);transform:rotate(45deg);margin:0 3px 4px 8px;transition:transform .15s;flex-shrink:0}.handbook-chapter[open] .chapter-chevron{transform:rotate(225deg);border-color:var(--portal-accent)}.handbook-chapter[open] summary{background:var(--portal-soft)}.handbook-chapter-content{padding:25px 28px 28px 85px}.handbook-chapter-content .prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:14px;color:var(--portal-text);max-width:900px}.handbook-chapter-actions{display:flex;gap:18px;margin-top:24px;padding-top:18px;border-top:1px solid var(--portal-line)} @media(max-width:600px){.handbook-chapter summary{padding:19px 17px;gap:12px}.handbook-chapter .chapter-index{width:30px;font-size:18px}.handbook-chapter-content{padding:20px}.handbook-chapter-content .prose{font-size:13px}} .training-symbol svg{display:block;width:24px;height:24px;flex-shrink:0}.academy-mark svg{display:block;width:31px;height:31px}.training-symbol{align-items:center;justify-content:center} @media(max-width:700px){.training-symbol svg{width:21px;height:21px}.academy-mark svg{width:26px;height:26px}} .rights-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.rights-top .catalog-tabs{margin:0}.rights-save{display:flex;align-items:center;gap:15px}.rights-save>span{font-size:11px;color:var(--portal-muted)}.rights-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;padding:20px;margin-bottom:18px}.rights-controls label{display:flex;flex-direction:column;gap:8px;font-size:11px;flex:1;min-width:150px}.rights-controls label[hidden]{display:none}.rights-controls select,.rights-controls input{width:100%}.rights-context{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0 24px}.rights-context strong{font-size:16px}.rights-context>span{font-size:12px;color:var(--portal-muted)}#rights-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.rights-group{overflow:hidden}.rights-group>header{padding:18px 20px;border-bottom:1px solid var(--portal-line);background:var(--portal-raised);display:flex;justify-content:space-between;gap:12px}.rights-group h2{font:700 14px EMS Inter,Arial;margin:0}.rights-group>header>span{font-size:11px;color:var(--portal-muted)}.rights-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--portal-line)}.rights-row:last-child{border:0}.rights-row>div{min-width:0}.rights-row label{font-size:12px;font-weight:550;line-height:1.6;display:block;color:var(--portal-text)!important}.rights-effective{display:block;font-size:10px;margin-top:4px}.rights-effective.allowed{color:var(--portal-accent)}.rights-effective.denied{color:light-dark(#a34040,#e59090)}.rights-effective.conditional{color:var(--portal-muted)}:root[data-theme] .rights-row select{width:139px;flex-shrink:0;font-size:12px;min-height:37px;padding:8px 10px} @media(max-width:1050px){#rights-groups{grid-template-columns:1fr}}@media(max-width:600px){.rights-save{width:100%;justify-content:space-between}.rights-controls{padding:17px}.rights-row{padding:14px 16px;gap:10px}:root[data-theme] .rights-row select{width:124px;font-size:11px}.rights-context{align-items:flex-start;flex-direction:column}.rights-controls label{flex-basis:100%}} /* Management categories and page links share one quiet navigation card. */ :root[data-theme] .management-layout nav.management-nav-grouped{display:block;width:calc(100% - 80px);max-width:1370px;margin:24px auto 0;padding:7px;background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:13px;box-shadow:0 3px 12px #00000008;overflow:hidden} :root[data-theme] .management-primary{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;gap:5px;padding:0;border:0;background:transparent} :root[data-theme] .management-primary .management-nav-item{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 15px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:600;line-height:1.4;background:transparent;box-shadow:none;color:var(--portal-muted);transition:background .15s,color .15s,border-color .15s} :root[data-theme] .management-primary .management-nav-item svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;opacity:.85} :root[data-theme] .management-primary .management-nav-item.active{background:var(--portal-soft);color:var(--portal-accent);border-color:color-mix(in srgb,var(--portal-accent) 17%,transparent);box-shadow:none} :root[data-theme] .management-primary .management-nav-item:hover:not(.active){background:var(--portal-raised);color:var(--portal-text)} :root[data-theme] .management-subnav{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:7px -7px -7px;padding:10px 18px;background:color-mix(in srgb,var(--portal-bg) 40%,var(--portal-surface));border-top:1px solid var(--portal-line)} :root[data-theme] .management-subnav[hidden]{display:none} :root[data-theme] .management-subnav .management-nav-item{position:relative;display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:450;line-height:1.5;background:transparent;color:var(--portal-muted);border:0;border-radius:6px;box-shadow:none} :root[data-theme] .management-subnav .management-nav-item.active{background:var(--portal-surface);color:var(--portal-text);font-weight:650;box-shadow:0 1px 4px #00000012} :root[data-theme] .management-subnav .management-nav-item.active::before{content:'';width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--portal-accent)} :root[data-theme] .management-subnav .management-nav-item:hover:not(.active){color:var(--portal-text);background:var(--portal-raised)} :root[data-theme] .management-nav-grouped .management-nav-item:focus-visible{outline:2px solid var(--portal-accent);outline-offset:-3px} :root[data-theme] .management-location{padding-top:24px} @media(max-width:700px){:root[data-theme] .management-layout nav.management-nav-grouped{width:calc(100% - 36px);max-width:none;margin:18px 18px 0;padding:5px;border-radius:11px}:root[data-theme] .management-primary{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px}:root[data-theme] .management-primary .management-nav-item{flex-direction:column;gap:6px;min-height:60px;padding:9px 3px;font-size:9px;border-radius:7px}:root[data-theme] .management-primary .management-nav-item svg{width:17px;height:17px}:root[data-theme] .management-subnav{margin:5px -5px -5px;padding:9px;gap:3px}:root[data-theme] .management-subnav .management-nav-item{font-size:10px;padding:8px 9px;min-height:34px;white-space:normal;text-align:left}} /* Ambulance intranet: classic document, tab and table styling. */ :root[data-theme]{--portal-bg:#eef0ec;--portal-surface:#fff;--portal-raised:#e5eae3;--portal-side:#f8f9f6;--portal-text:#27352c;--portal-muted:#617065;--portal-line:#c5cec4;--portal-accent:#276044;--portal-soft:#e1ebe1;--portal-blue:#476b7c;--portal-gold:#8a6b35;--portal-shadow:none;--line:var(--portal-line);--muted:var(--portal-muted);font-family:Arial,Helvetica,sans-serif} :root[data-theme="dark"]{--portal-bg:#171c19;--portal-surface:#202823;--portal-raised:#2a342d;--portal-side:#1d251f;--portal-text:#e1e7df;--portal-muted:#acb9ac;--portal-line:#3e4c40;--portal-accent:#a3c8a8;--portal-soft:#304536;--portal-blue:#a8bdc8;--portal-gold:#c7ba98;--portal-shadow:none;--line:var(--portal-line);--muted:var(--portal-muted)} :root[data-theme] :is(body,button,input,textarea,select,table,label,h1,h2,h3,h4,.brand,.management-brand strong,.stat-card strong,.academy-summary,.chapter-index,.document-symbol,.section-path,.workbook-summary){font-family:Arial,Helvetica,sans-serif;letter-spacing:normal} :root[data-theme] :is(h1,h2,h3,h4){font-weight:700;letter-spacing:normal} :root[data-theme] h1,:root[data-theme] .page-heading h1{font-size:25px;line-height:1.3;margin:0} :root[data-theme] .content{padding-top:28px;padding-bottom:35px} :root[data-theme] .page-heading{padding-bottom:15px;margin-bottom:22px;align-items:center;border-bottom:2px solid var(--portal-line)} :root[data-theme] .section-path{display:none} :root[data-theme] :is(.panel,.stat-card,.quick-link,.course-card,.content-card,.search-box,.info-bar,.empty,.setup-card,.bulletin-card,.rights-group,.training-request-card,.personnel-form-section,.personnel-identity,.personnel-danger,.qualification-cell,.personal-workbook,.sheet-ribbon,.personnel-sheet-scroll,.member-directory,.access-current,.access-own-password,.person-sanction-entry){border-radius:2px;box-shadow:none;background-image:none} :root[data-theme] .panel{border-color:var(--portal-line)} :root[data-theme] :is(.btn,.theme-toggle){border-radius:2px;min-height:34px;padding:7px 13px;gap:7px;font-size:12px;font-weight:600;box-shadow:none;line-height:1.5} :root[data-theme] .btn.primary{background:#315e40;color:#fff;border:1px solid #264b32;box-shadow:inset 0 1px 0 #ffffff15} :root[data-theme] .btn.primary:hover{background:#3d704c;filter:none} :root[data-theme] .btn.secondary,:root[data-theme] .theme-toggle{background:var(--portal-raised);border-color:var(--portal-line);color:var(--portal-text)} :root[data-theme] .btn.secondary:hover{background:var(--portal-soft);color:var(--portal-text)} :root[data-theme] :is(.badge,.tag,.status-chip,.training-rank,.workbook-state){border-radius:2px;padding:2px 6px;font-size:11px;letter-spacing:normal;font-weight:500} :root[data-theme] .text-button{font-weight:400;text-decoration:underline;text-underline-offset:2px} :root[data-theme] :is(input,textarea,select){border-radius:2px;padding:8px 9px;font-size:13px;background:var(--portal-surface);border-color:var(--portal-line);box-shadow:inset 0 1px 2px #00000008} :root[data-theme] :is(input,select){min-height:35px} :root[data-theme] .search-box{border:1px solid var(--portal-line);background:var(--portal-surface);min-height:36px} :root[data-theme] .search-box input{background:transparent;box-shadow:none;padding:9px;min-height:34px} :root[data-theme] .toolbar{padding:11px 12px;margin-bottom:18px;background:var(--portal-raised);border:1px solid var(--portal-line);border-radius:2px;gap:12px} :root[data-theme] .toolbar select{min-height:35px;background:var(--portal-surface)} :root[data-theme] :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--portal-accent);outline-offset:1px} :root[data-theme] .info-bar{border-left:3px solid var(--portal-accent);font-size:12px} :root[data-theme] :is(th,td){border-color:var(--portal-line);letter-spacing:normal} :root[data-theme] th{background:var(--portal-raised);text-transform:none;font-weight:700;font-size:12px;padding:11px 14px;color:var(--portal-text);border-bottom:1px solid var(--portal-line)} :root[data-theme] td{font-size:12px;padding:12px 14px;line-height:1.6} :root[data-theme] tbody tr:nth-child(even){background:color-mix(in srgb,var(--portal-raised) 38%,var(--portal-surface))} :root[data-theme] tbody tr:hover{background:var(--portal-soft)} :root[data-theme] :is(.topbar,.management-header){min-height:66px;border-top:4px solid #315e40;border-bottom:1px solid var(--portal-line);background:var(--portal-surface);box-shadow:none;padding-top:12px;padding-bottom:12px} :root[data-theme] .management-header{padding-left:32px;padding-right:32px} :root[data-theme] .management-brand strong{font-size:20px;letter-spacing:normal;font-weight:700} :root[data-theme] :is(.sidebar .brand-mark,.management-brand .brand-mark,.auth-story .brand-mark){border-radius:2px;background:#315e40;border:1px solid #264b32;color:#fff;box-shadow:none} :root[data-theme] .sidebar{padding-top:23px;background:var(--portal-side)} :root[data-theme] .sidebar .brand{font-size:24px;letter-spacing:normal} :root[data-theme] .sidebar .nav-label{font-size:10px;text-transform:none;letter-spacing:.6px;margin-top:22px} :root[data-theme] .sidebar .nav-item{border-radius:0;min-height:38px;padding:10px 12px;font-size:12px} :root[data-theme] .sidebar .nav-item.selected{border-right:0;border-left:3px solid #618d6a;background:var(--portal-soft);font-weight:700;color:var(--portal-text)} :root[data-theme] .workspace-label{border-radius:0;font-size:9px;letter-spacing:.4px} :root[data-theme] .avatar{border-radius:2px} /* Folder-like categories above a simple page link bar. */ :root[data-theme] .management-layout nav.management-nav-grouped{width:calc(100% - 80px);max-width:1370px;margin:24px auto 0;padding:0;background:transparent;border:0;border-bottom:1px solid var(--portal-line);border-radius:0;box-shadow:none;overflow:visible} :root[data-theme] .management-primary{display:flex;gap:3px;align-items:stretch;flex-wrap:wrap;padding:0 8px;border-bottom:2px solid #467452;background:transparent} :root[data-theme] .management-primary .management-nav-item{flex:none;min-height:37px;justify-content:flex-start;gap:8px;padding:9px 20px;border:1px solid var(--portal-line);border-bottom:0;border-radius:3px 3px 0 0;background:var(--portal-raised);color:var(--portal-muted);font-size:12px;font-weight:400;box-shadow:none;transition:none} :root[data-theme] .management-primary .management-nav-item.active{background:#315e40;border-color:#315e40;color:#fff;font-weight:700;box-shadow:none} :root[data-theme] .management-primary .management-nav-item:hover:not(.active){background:var(--portal-soft);color:var(--portal-text)} :root[data-theme] .management-primary .management-nav-item svg{width:15px;height:15px;opacity:.9} :root[data-theme] .management-subnav{margin:0;padding:8px 14px;gap:0;background:var(--portal-surface);border:1px solid var(--portal-line);border-top:0;border-bottom:0;border-radius:0} :root[data-theme] .management-subnav .management-nav-item{min-height:29px;padding:5px 14px;font-size:12px;color:var(--portal-muted);border-radius:0;box-shadow:none;text-decoration:none} :root[data-theme] .management-subnav .management-nav-item+.management-nav-item{border-left:1px solid var(--portal-line)} :root[data-theme] .management-subnav .management-nav-item.active{background:transparent;color:var(--portal-accent);font-weight:700;text-decoration:underline;text-underline-offset:4px;box-shadow:none} :root[data-theme] .management-subnav .management-nav-item.active::before{display:none} :root[data-theme] .management-location{padding-top:20px;font-size:11px} /* Administration is a directory of tools instead of a card dashboard. */ :root[data-theme] .management-cards{display:block;border:1px solid var(--portal-line);background:var(--portal-surface)} :root[data-theme] .management-card{display:flex;width:100%;min-height:0;padding:14px 18px;gap:13px;border:0;border-bottom:1px solid var(--portal-line);border-radius:0;background:transparent;box-shadow:none;text-align:left} :root[data-theme] .management-card:last-child{border-bottom:0} :root[data-theme] .management-card:hover{background:var(--portal-soft)} :root[data-theme] .management-card-icon{width:30px;height:32px;background:transparent;border:0;border-radius:0} :root[data-theme] .management-card strong{font-size:13px;font-weight:700} :root[data-theme] .management-card .text-button{display:none} :root[data-theme] .management-group{margin-bottom:22px} :root[data-theme] .management-group>h2{font-size:15px;margin-bottom:10px;letter-spacing:normal} :root[data-theme] .management-queue{padding:18px;border-top:2px solid #467452} :root[data-theme] .management-queue button>strong{font:700 24px Arial,sans-serif} :root[data-theme] .management-queue button{border-radius:0;box-shadow:none} /* Shared document sections and compact page tabs. */ :root[data-theme] :is(.section-title,.training-group>header,.handbook-directory>header,.rights-group>header,.personnel-form-section>header){background:var(--portal-raised);border-bottom:1px solid var(--portal-line);border-radius:0} :root[data-theme] .section-title h2,:root[data-theme] .handbook-directory>header h2{font-size:15px} :root[data-theme] :is(.catalog-tabs,.request-tabs,.workbook-tabs){gap:3px;border-bottom:1px solid var(--portal-line);padding-left:5px} :root[data-theme] :is(.catalog-tab,.request-tab,.workbook-tabs button){border:1px solid var(--portal-line);border-bottom:0;border-radius:2px 2px 0 0;padding:9px 14px;font-size:12px;background:var(--portal-raised);color:var(--portal-muted);font-weight:400;margin:0} :root[data-theme] :is(.catalog-tab.active,.request-tab.selected,.workbook-tabs button:hover){background:var(--portal-surface);color:var(--portal-text);font-weight:700;box-shadow:inset 0 2px 0 #467452} :root[data-theme] .catalog-tab span,:root[data-theme] .request-tab span{border-radius:0;background:transparent;color:var(--portal-muted);padding:0 3px;font-size:10px} :root[data-theme] .academy-summary{border:1px solid var(--portal-line);border-radius:2px;box-shadow:none;padding:17px 20px;background:var(--portal-surface);gap:14px} :root[data-theme] .academy-summary strong{font-size:19px;letter-spacing:normal} :root[data-theme] .academy-summary .academy-mark{background:transparent;border:0;width:30px;height:34px;color:var(--portal-accent)} :root[data-theme] .training-group{border:1px solid var(--portal-line);border-radius:2px;border-top:2px solid #467452;box-shadow:none;--track:var(--portal-accent)} :root[data-theme] .training-group>header{padding:13px 17px;background:var(--portal-raised)} :root[data-theme] .training-group h2{font-size:14px;letter-spacing:normal} :root[data-theme] .training-row{padding:17px;gap:17px} :root[data-theme] .training-row h3{font:700 14px/1.5 Arial,sans-serif} :root[data-theme] .training-symbol{width:34px;height:36px;border-radius:2px;background:var(--portal-soft);border-color:var(--portal-line)} :root[data-theme] .training-rank{font-size:10px;padding:1px 5px;margin-bottom:5px} :root[data-theme] .training-actions .btn{min-height:33px;font-size:12px} :root[data-theme] .handbook-chapter summary{padding:17px 20px;gap:15px} :root[data-theme] .handbook-chapter .chapter-index{font:400 17px Arial,sans-serif;width:30px} :root[data-theme] .handbook-chapter-content{padding:22px 28px 26px 65px} :root[data-theme] .document-symbol{border-radius:2px;font-family:Arial,sans-serif;width:45px;height:55px;font-size:23px} :root[data-theme] .file-entry{padding:18px 20px} /* News reads as a traditional departmental bulletin. */ :root[data-theme] .bulletin-grid{display:block} :root[data-theme] .bulletin-card{padding:20px 24px;margin-bottom:12px;background:var(--portal-surface);border-radius:2px;border:1px solid var(--portal-line)} :root[data-theme] .bulletin-card.is-pinned{background:var(--portal-surface);border-top:1px solid var(--portal-line);border-left:3px solid #467452} :root[data-theme] .bulletin-title{font:700 18px/1.4 Arial,sans-serif} :root[data-theme] .bulletin-category{font-size:11px;letter-spacing:normal;text-transform:none;font-weight:700} :root[data-theme] .bulletin-card-head{margin-bottom:13px} :root[data-theme] .bulletin-card footer{padding-top:12px} :root[data-theme] .bulletin-avatar{border-radius:2px;width:24px;height:24px} :root[data-theme] .bulletin-card .row-actions .btn{border-radius:2px;min-height:32px;font-size:12px;padding:6px 11px} :root[data-theme] .bulletin-editor .checkbox-label{border-radius:2px} /* Personnel, access rights and requests keep the same form language. */ :root[data-theme] .rights-group h2{font:700 14px Arial,sans-serif} :root[data-theme] .rights-group>header{padding:14px 17px} :root[data-theme] .rights-row{padding:12px 17px} :root[data-theme] .rights-row select{border-radius:2px;font-size:12px;min-height:34px} :root[data-theme] .rights-controls{padding:15px;gap:14px} :root[data-theme] .workbook-title{background:var(--portal-raised);border-radius:0} :root[data-theme] .workbook-summary{border-radius:0} :root[data-theme] .personnel-identity{border-left:3px solid #467452} :root[data-theme] .personnel-identity strong{font:700 19px Arial,sans-serif} :root[data-theme] .qualification-cell{border-radius:2px;background:var(--portal-surface)} :root[data-theme] .qualification-cell:has(input:checked){background:var(--portal-soft)} :root[data-theme] .qualification-heading strong{font-size:12px} :root[data-theme] .qualification-switch{border-radius:2px} :root[data-theme] .qualification-switch::before{border-radius:1px} :root[data-theme] .personnel-save-bar{border-radius:0;box-shadow:none;background:var(--portal-raised);border:1px solid var(--portal-line)} :root[data-theme] .training-request-summary{border-radius:2px;background:var(--portal-raised);box-shadow:none} :root[data-theme] .training-request-summary strong{font:700 23px Arial,sans-serif} :root[data-theme] .training-request-card{padding:20px} :root[data-theme] .training-request-card h2{font-size:18px} :root[data-theme] .training-request-note{border-radius:2px} :root[data-theme] .evidence-file,:root[data-theme] .evidence-photo img,:root[data-theme] .evidence-links li,:root[data-theme] .evidence-edit-form{border-radius:2px} /* A small, practical home page with continuous summary rows. */ :root[data-theme] .dashboard-top h1{font-size:25px;letter-spacing:normal} :root[data-theme] .account-summary{border-radius:2px;box-shadow:none;border-left:3px solid #467452;padding:20px;background:var(--portal-surface)} :root[data-theme] .account-summary h2{font-size:18px} :root[data-theme] .stats{gap:0;border:1px solid var(--portal-line);border-radius:2px;overflow:hidden;background:var(--portal-surface)} :root[data-theme] .stats .stat-card{border:0;border-right:1px solid var(--portal-line);border-radius:0;padding:18px 20px;box-shadow:none;background:transparent} :root[data-theme] .stats .stat-card:last-child{border-right:0} :root[data-theme] .stat-card strong{font:700 25px Arial,sans-serif} :root[data-theme] .quick-link{border-radius:0;border:0;border-bottom:1px solid var(--portal-line);padding:15px;background:var(--portal-surface)} :root[data-theme] .announcement-row{padding:18px 20px} :root[data-theme] .announcement-row h3{font-size:15px} :root[data-theme] .profile-banner{background:#315e40;border-radius:0} :root[data-theme] .profile-avatar{border-radius:2px;box-shadow:none} :root[data-theme] dialog{border-radius:3px;box-shadow:0 8px 30px #0004;border:1px solid var(--portal-line)} :root[data-theme] .dialog-head{border-top:3px solid #467452;background:var(--portal-raised);border-bottom:1px solid var(--portal-line)} :root[data-theme] .dialog-head h2{font-size:20px} :root[data-theme] .dialog-footer{background:var(--portal-raised)} :root[data-theme] .dialog-head .eyebrow{display:none} :root[data-theme] .auth-story{background:#234332;border:0;color:#fff} :root[data-theme] .auth-story :is(.brand,.brand-sub,.auth-message h1,.auth-message p,.auth-bottom,.story-label){color:#edf4ed} :root[data-theme] .auth-message h1{font-size:34px;font-family:Arial,sans-serif;font-weight:700;line-height:1.3;letter-spacing:normal} :root[data-theme] .auth-story .pulse-graphic{opacity:.25} :root[data-theme] .auth-form h2{font-size:25px} :root[data-theme] .auth-note{border-radius:0;background:transparent} :root[data-theme] .main-footer{font-size:11px;border-top:1px solid var(--portal-line)} :root[data-theme] .theme-toggle{min-height:30px;font-size:11px;padding:6px 10px;box-shadow:none} @supports (appearance:base-select){:root[data-theme] select::picker(select){border-radius:2px;font:13px/1.5 Arial,sans-serif;box-shadow:2px 3px 10px #0003}:root[data-theme] select option{border-radius:0;font-size:12px;min-height:32px;padding:7px 9px}} @media(max-width:700px){ :root[data-theme] .content{padding:23px 18px 30px} :root[data-theme] .management-header{padding:16px 18px} :root[data-theme] .management-layout nav.management-nav-grouped{width:calc(100% - 36px);margin:18px 18px 0;padding:0;border-radius:0} :root[data-theme] .management-primary{display:flex;flex-wrap:nowrap;padding:0;gap:2px} :root[data-theme] .management-primary .management-nav-item{flex:1;min-width:0;min-height:37px;flex-direction:row;justify-content:center;padding:8px 5px;gap:0;font-size:10px;border-radius:2px 2px 0 0;white-space:normal} :root[data-theme] .management-primary .management-nav-item svg{display:none} :root[data-theme] .management-subnav{margin:0;padding:7px 5px;gap:0} :root[data-theme] .management-subnav .management-nav-item{font-size:10px;padding:5px 8px;min-height:28px} :root[data-theme] h1,:root[data-theme] .page-heading h1,:root[data-theme] .dashboard-top h1{font-size:23px} :root[data-theme] .stats{display:block} :root[data-theme] .stats .stat-card{border:0;border-bottom:1px solid var(--portal-line);padding:14px 17px} :root[data-theme] .stats .stat-card:last-child{border-bottom:0} :root[data-theme] .toolbar{padding:10px;gap:10px} :root[data-theme] .training-row{padding:16px 14px;gap:12px} :root[data-theme] .training-symbol{width:29px;height:31px} :root[data-theme] .academy-summary{padding:16px} :root[data-theme] .academy-summary strong{font-size:18px} :root[data-theme] .handbook-chapter-content{padding:20px} :root[data-theme] .bulletin-card{padding:18px} :root[data-theme] .bulletin-title{font-size:17px} :root[data-theme] .auth-message h1{font-size:28px} } /* Final scope keeps older page-specific styles on the same classic palette. */ :root[data-theme] :is(.layout,.management-layout,.auth-layout,dialog,.setup-page) :is(h1,h2,h3,h4){font-family:Arial,Helvetica,sans-serif;font-weight:700} :root[data-theme] .management-header .management-brand strong,:root[data-theme] .layout .sidebar .brand{font-family:Arial,Helvetica,sans-serif;font-weight:700} :root[data-theme] .layout .sidebar{background:var(--portal-side);border-color:var(--portal-line)} :root[data-theme] .layout .sidebar .workspace-label{background:var(--portal-raised);border-color:var(--portal-line);color:var(--portal-muted)} :root[data-theme] .layout .sidebar .nav-item{color:var(--portal-muted)} :root[data-theme] .layout .sidebar .nav-item.selected{background:var(--portal-soft);color:var(--portal-text);border-left-color:#618d6a} :root[data-theme] .layout .sidebar .nav-item:hover:not(.selected){background:var(--portal-raised);color:var(--portal-text)} :root[data-theme] .content .toolbar{background:var(--portal-raised);border:1px solid var(--portal-line);padding:11px 12px} :root[data-theme] .layout .hero.account-summary{background:var(--portal-surface);border-color:var(--portal-line);border-left-color:#467452;border-radius:2px;box-shadow:none} :root[data-theme] .layout .quick-panel .section-title{padding:12px 15px} :root[data-theme] .layout .quick-link{margin:0;border-left:1px solid var(--portal-line);border-right:1px solid var(--portal-line)} :root[data-theme] .layout .quick-link:first-of-type{border-top:1px solid var(--portal-line)} /* Fresh green palette with restrained rounding on the classic layout. */ :root[data-theme]{--portal-bg:#f2f5f3;--portal-surface:#fff;--portal-raised:#eaf0ed;--portal-side:#f8faf9;--portal-text:#203b33;--portal-muted:#627a70;--portal-line:#cfddd5;--portal-accent:#137c5e;--portal-soft:#e3f1e9;--portal-blue:#477e98;--portal-gold:#a27c3e;--line:var(--portal-line);--muted:var(--portal-muted)} :root[data-theme="dark"]{--portal-bg:#101b1e;--portal-surface:#19292d;--portal-raised:#203337;--portal-side:#16262a;--portal-text:#e6f0ed;--portal-muted:#a2bab2;--portal-line:#30464a;--portal-accent:#86cdb1;--portal-soft:#24463c;--portal-blue:#8cb8cf;--portal-gold:#d0b878;--line:var(--portal-line);--muted:var(--portal-muted)} :root[data-theme] :is(.panel,.stat-card,.content-card,.course-card,.search-box,.info-bar,.empty,.setup-card,.bulletin-card,.rights-group,.training-request-card,.personnel-form-section,.personnel-identity,.personnel-danger,.qualification-cell,.personal-workbook,.member-directory,.access-current,.access-own-password,.person-sanction-entry,.account-summary,.stats){border-radius:6px} :root[data-theme] :is(.btn,.theme-toggle,input,textarea,select,.bulletin-card .row-actions .btn,.rights-row select){border-radius:4px} :root[data-theme] :is(.badge,.tag,.training-rank,.workbook-state,.training-symbol,.document-symbol){border-radius:4px} :root[data-theme] :is(.sidebar .brand-mark,.management-brand .brand-mark,.auth-story .brand-mark,.avatar,.profile-avatar,.bulletin-avatar){border-radius:5px} :root[data-theme] .btn.primary{background:#16765a;border-color:#12654c;color:#fff;box-shadow:inset 0 1px 0 #ffffff15} :root[data-theme] .btn.primary:hover{background:#1b8566} :root[data-theme="dark"] .btn.primary{background:#337f67;border-color:#428d75;color:#fff} :root[data-theme="dark"] .btn.primary:hover{background:#3b8c73} :root[data-theme] .layout .hero.account-summary{border-radius:6px;border-left-color:#5ca88a} :root[data-theme] .layout .sidebar .nav-item{border-radius:4px} :root[data-theme] .layout .sidebar .nav-item.selected{border-left-color:#6dbb9a} :root[data-theme] :is(.topbar,.management-header){border-top-color:#28785d} :root[data-theme] :is(.sidebar .brand-mark,.management-brand .brand-mark,.auth-story .brand-mark){background:#236d53;border-color:#2a7c60} :root[data-theme] .management-primary{border-bottom-color:#4b9276} :root[data-theme] .management-primary .management-nav-item{border-radius:5px 5px 0 0} :root[data-theme] .management-primary .management-nav-item.active{background:#276e55;border-color:#276e55;color:#fff} :root[data-theme="dark"] .management-primary .management-nav-item.active{background:#2b614f;border-color:#458269;color:#ecf7f1} :root[data-theme] .management-subnav{border-radius:0 0 5px 5px} :root[data-theme] :is(.catalog-tab,.request-tab,.workbook-tabs button){border-radius:4px 4px 0 0} :root[data-theme] :is(.catalog-tab.active,.request-tab.selected,.workbook-tabs button:hover){box-shadow:inset 0 2px 0 #4b9276} :root[data-theme] .management-cards{border-radius:6px;overflow:hidden} :root[data-theme] .management-card{border-radius:0} :root[data-theme] .stats .stat-card{border-radius:0} :root[data-theme] .stats .stat-card:first-child{border-radius:5px 0 0 5px} :root[data-theme] .stats .stat-card:last-child{border-radius:0 5px 5px 0} :root[data-theme] .training-group{border-radius:6px;border-top-color:#4b9276;overflow:hidden} :root[data-theme] .training-request-summary,:root[data-theme] .content .toolbar{border-radius:5px} :root[data-theme] .bulletin-card.is-pinned{border-left-color:#5ca88a} :root[data-theme] .profile-banner{background:#28785d;border-radius:5px 5px 0 0} :root[data-theme] .personnel-identity{border-left-color:#5ca88a} :root[data-theme] .personnel-save-bar{border-radius:5px} :root[data-theme] .dialog-head{border-top-color:#4b9276} :root[data-theme] dialog{border-radius:7px} :root[data-theme] .auth-story{background:#214b40} :root[data-theme] .evidence-file,:root[data-theme] .evidence-photo img,:root[data-theme] .evidence-links li,:root[data-theme] .evidence-edit-form{border-radius:5px} @supports (appearance:base-select){:root[data-theme] select::picker(select){border-radius:5px}:root[data-theme] select option{border-radius:3px}} @media(max-width:700px){:root[data-theme] .management-primary .management-nav-item{border-radius:4px 4px 0 0}:root[data-theme] .stats .stat-card:first-child{border-radius:5px 5px 0 0}:root[data-theme] .stats .stat-card:last-child{border-radius:0 0 5px 5px}} /* Clean tab joins: one separator and uninterrupted submenu corners. */ :root[data-theme] .management-layout nav.management-nav-grouped{border-bottom:0;border-radius:0;overflow:visible} :root[data-theme] .management-primary{border-bottom:0;padding:0 8px;gap:4px} :root[data-theme] .management-primary .management-nav-item{border:1px solid var(--portal-line);border-bottom:0;border-radius:5px 5px 0 0;margin:0;padding-bottom:10px;box-shadow:none} :root[data-theme] .management-primary .management-nav-item.active{border-color:var(--portal-line);box-shadow:none} :root[data-theme] .management-subnav{margin:0;padding:8px 12px;border:1px solid var(--portal-line);border-radius:5px;background:var(--portal-surface);gap:5px;box-shadow:none} :root[data-theme] .management-subnav .management-nav-item,:root[data-theme] .management-subnav .management-nav-item+.management-nav-item{border:0;border-radius:3px;padding:6px 12px;text-decoration:none} :root[data-theme] .management-subnav .management-nav-item.active{background:var(--portal-soft);color:var(--portal-accent);text-decoration:none;box-shadow:none} :root[data-theme] .management-primary .management-nav-item:focus-visible{outline-offset:-3px} :root[data-theme] :is(.panel,.member-directory,.rights-group,.training-request-card,.training-group,.personal-workbook,.personnel-form-section,.bulletin-card,.stats){overflow:hidden} :root[data-theme] :is(.panel,.member-directory,.rights-group,.training-request-card,.training-group,.personal-workbook,.personnel-form-section,.bulletin-card,.stats)>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit} :root[data-theme] :is(.panel,.member-directory,.rights-group,.training-request-card,.training-group,.personal-workbook,.personnel-form-section,.bulletin-card,.stats)>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit} @media(max-width:700px){:root[data-theme] .management-primary{padding:0 5px;gap:3px}:root[data-theme] .management-primary .management-nav-item{padding:8px 5px}:root[data-theme] .management-subnav{padding:7px 6px;gap:2px}:root[data-theme] .management-subnav .management-nav-item{font-size:10px;padding:6px 8px}} /* A compact account area specific to the administration header. */ :root[data-theme] .management-header{gap:28px;padding-top:15px;padding-bottom:15px} :root[data-theme] .management-header .management-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:25px;flex-wrap:wrap} :root[data-theme] .management-header .management-preview{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:0;min-width:175px;font-size:10px} :root[data-theme] .management-preview>span{font-size:10px;color:var(--portal-muted);font-weight:400} :root[data-theme] .management-header .management-preview select{width:185px;max-width:100%;min-height:32px;margin:0;padding:6px 10px;font-size:12px;border-radius:4px;background:var(--portal-bg)} :root[data-theme] .management-account{display:flex;align-items:center;gap:10px;min-width:0} :root[data-theme] .management-account-avatar{display:grid;place-items:center;width:35px;height:36px;flex-shrink:0;background:var(--portal-soft);border:1px solid var(--portal-line);border-radius:5px;color:var(--portal-accent);font-size:11px;font-weight:700} :root[data-theme] .management-account .management-user{display:flex;flex-direction:column;gap:5px;min-width:0} :root[data-theme] .management-user strong{font-size:12px;line-height:1.3;font-weight:600;color:var(--portal-text);overflow-wrap:anywhere} :root[data-theme] .management-user>span{font-size:10px;color:var(--portal-muted);line-height:1.3} :root[data-theme] .management-session-actions{display:flex;align-items:center;gap:8px} :root[data-theme] .management-session-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:7px 11px;font-size:11px;white-space:nowrap;border-radius:4px;background:transparent} .management-session-actions svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} :root[data-theme] .management-session-actions .management-logout{border-color:transparent;color:var(--portal-muted)} :root[data-theme] .management-session-actions .management-logout:hover{background:var(--portal-raised);border-color:var(--portal-line);color:var(--portal-text)} @media(max-width:1100px){:root[data-theme] .management-header .management-header-actions{gap:16px}:root[data-theme] .management-header .management-preview select{width:170px}} @media(max-width:700px){:root[data-theme] .management-header .management-header-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 12px;align-items:center;margin-top:18px}:root[data-theme] .management-header .management-preview{min-width:0;grid-column:1/-1;width:100%}:root[data-theme] .management-header .management-preview select{width:100%;max-width:none;flex:none;min-height:35px}:root[data-theme] .management-account{grid-column:1/-1}:root[data-theme] .management-session-actions{grid-column:1/-1;width:100%;gap:10px}:root[data-theme] .management-session-actions .btn{min-height:36px}:root[data-theme] .management-session-actions .management-logout{margin-left:auto}} /* The preview selector reads as one compact header control. */ :root[data-theme] .management-header .management-preview{display:flex;flex-direction:row;align-items:center;gap:0;min-width:0;padding:0;border:1px solid var(--portal-line);border-radius:4px;background:var(--portal-bg);overflow:hidden} :root[data-theme] .management-header .management-preview>span{display:flex;align-items:center;align-self:stretch;padding:0 10px;background:var(--portal-raised);font-size:11px;line-height:1.4;color:var(--portal-muted);white-space:nowrap} :root[data-theme] .management-header .management-preview select{width:174px;min-height:35px;margin:0;padding:7px 10px;border:0;border-radius:0;box-shadow:none;background:transparent;font-size:12px;font-weight:400;outline-offset:-2px} :root[data-theme] .management-header .management-preview:focus-within{border-color:var(--portal-accent)} :root[data-theme] .management-header .management-preview select:open{box-shadow:none} @media(max-width:700px){:root[data-theme] .management-header .management-preview{width:100%;flex-direction:row;gap:0}:root[data-theme] .management-header .management-preview>span{padding:0 12px}:root[data-theme] .management-header .management-preview select{width:0;flex:1;min-width:0;max-width:none;min-height:36px}} /* Consistent, vertically centred links in the management directory. */ :root[data-theme] .management-layout .management-card{align-items:center;min-height:54px;padding:12px 18px;gap:13px} :root[data-theme] .management-layout .management-group .management-card .management-card-icon{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--portal-accent)} :root[data-theme] .management-card-icon svg{display:block;width:21px;height:21px} :root[data-theme] .management-layout .management-card>span:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:24px;gap:0;margin:0;padding:0} :root[data-theme] .management-layout .management-card strong{display:block;margin:0;padding:0;font-size:13px;font-weight:600;line-height:20px} /* Category colours without icon tiles. */ :root[data-theme] .management-layout .management-group:has([data-page="staff"]) .management-card .management-card-icon{color:var(--portal-accent)} :root[data-theme] .management-layout .management-group:has([data-page="announcements"]) .management-card .management-card-icon{color:var(--portal-blue)} :root[data-theme] .management-layout .management-group:has([data-page="courses"]) .management-card .management-card-icon,:root[data-theme] .management-layout .management-group:has([data-page="reports"]) .management-card .management-card-icon{color:var(--portal-gold)} :root[data-theme] .management-layout .management-group:has([data-page="rights"]) .management-card .management-card-icon,:root[data-theme] .management-layout .management-group:has([data-page="admin"]) .management-card .management-card-icon{color:var(--portal-accent)} /* One aligned control system for search, filters and single-line fields. */ :root[data-theme] input:where(:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"])){box-sizing:border-box;height:38px;min-height:38px;padding:0 11px;line-height:normal;border-radius:4px} :root[data-theme] textarea{box-sizing:border-box;padding:10px 11px;line-height:1.65} :root[data-theme] select{box-sizing:border-box;min-height:38px;align-items:center;padding:8px 11px;line-height:20px} :root[data-theme] .content .toolbar{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:11px 12px;border-radius:5px} :root[data-theme] .content .toolbar .search-box{display:flex;align-items:center;gap:10px;box-sizing:border-box;height:40px;min-height:40px;min-width:0;max-width:none;flex:1 1 300px;padding:0 12px;border:1px solid var(--portal-line);border-radius:4px;background:var(--portal-surface);box-shadow:none} :root[data-theme] .content .toolbar .search-box input{display:block;box-sizing:border-box;width:100%;min-width:0;height:38px;min-height:38px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:13px;line-height:normal;color:var(--portal-text)} :root[data-theme] .search-box:focus-within{border-color:var(--portal-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--portal-accent) 20%,transparent)} :root[data-theme] .content .toolbar .search-box input:focus-visible{outline:0;box-shadow:none} :root[data-theme] .content .toolbar .search-box>span{position:relative;display:block;flex:0 0 16px;width:16px;height:16px;margin:0;padding:0;font-size:0;line-height:0;color:var(--portal-muted)} :root[data-theme] .search-box>span::before{content:'';position:absolute;top:1px;left:1px;width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%;box-sizing:content-box} :root[data-theme] .search-box>span::after{content:'';position:absolute;top:11px;left:10px;width:6px;height:1.5px;border-radius:1px;background:currentColor;transform:rotate(45deg);transform-origin:left center} :root[data-theme] .content .toolbar>select,:root[data-theme] .content .toolbar label select{height:40px;min-height:40px;margin:0;padding:8px 11px;line-height:22px;border-radius:4px;background:var(--portal-surface);flex-shrink:0} :root[data-theme] .content .toolbar>select{flex:0 1 auto;min-width:0;max-width:100%} :root[data-theme] .content .toolbar>span{display:inline-flex;align-items:center;min-height:40px;margin:0;line-height:1.5} :root[data-theme] .request-status-label{display:flex;align-items:center;gap:10px;margin:0;line-height:1.4} :root[data-theme] .rights-controls{align-items:flex-end;gap:14px} :root[data-theme] .rights-controls label{gap:7px;line-height:1.4} :root[data-theme] .rights-controls :is(input,select){height:38px;min-height:38px;margin:0} :root[data-theme] .rights-row select{margin:0;min-height:36px;line-height:20px} :root[data-theme] .btn{display:inline-flex;align-items:center;justify-content:center;line-height:1.4} :root[data-theme] .toolbar .btn{min-height:40px} :root[data-theme] .checkbox-label{align-items:center;line-height:1.5} :root[data-theme] .checkbox-label input{min-height:0;margin:0;flex-shrink:0} @media(max-width:700px){:root[data-theme] .content .toolbar{flex-wrap:wrap;gap:10px;padding:10px}:root[data-theme] .content .toolbar .search-box{flex:1 1 100%;width:100%;max-width:none}:root[data-theme] .content .toolbar>select{flex:1 1 140px;width:auto}:root[data-theme] .request-status-label{width:100%}:root[data-theme] .request-status-label select{flex:1}} /* Personal record in the Ambulance document style. */ .employee-profile{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.profile-membership{margin:0}.profile-member-heading{padding:24px 20px 20px;border-top:3px solid #4b9276;text-align:center}.employee-portrait{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 16px;border:1px solid var(--portal-line);border-radius:6px;background:var(--portal-soft);color:var(--portal-accent);font:700 24px Arial,sans-serif;overflow:hidden}.employee-portrait img{width:100%;height:100%;object-fit:cover}.profile-member-heading h2{margin:0 0 12px;font-size:17px;line-height:1.5;overflow-wrap:anywhere}.profile-member-tags{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px}.profile-member-data{margin:0;padding:0 20px}.profile-member-data>div{padding:13px 0;border-top:1px solid var(--portal-line)}.profile-member-data dt{font-size:11px;margin-bottom:5px}.profile-member-data dd{font-size:13px;font-weight:500;color:var(--portal-text);line-height:1.6;margin:0;overflow-wrap:anywhere}.profile-member-actions{display:flex;flex-direction:column;gap:9px;padding:18px 20px 20px}.profile-photo-button{position:relative;cursor:pointer}.profile-photo-button input{position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;overflow:hidden;clip-path:inset(50%)}.profile-photo-button:focus-within{outline:2px solid var(--portal-accent);outline-offset:2px}.profile-member-actions .text-button{margin-top:4px}.profile-record{min-width:0}.profile-record .profile-tabs{display:flex;flex-wrap:wrap;margin:0 0 20px;padding-left:0;gap:3px}.profile-tabs .catalog-tab{white-space:nowrap}.profile-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px;background:var(--portal-surface)}.profile-totals>div{padding:20px;border-right:1px solid var(--portal-line)}.profile-totals>div:last-child{border:0}.profile-totals>div>span{display:block;color:var(--portal-muted);font-size:11px;margin-bottom:11px}.profile-totals strong{font:700 25px Arial,sans-serif;color:var(--portal-text)}.profile-totals strong small{font-size:12px;font-weight:400;color:var(--portal-muted)}.profile-record-section{margin-bottom:20px}.profile-record-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--portal-raised);padding:15px 18px;border-bottom:1px solid var(--portal-line)}.profile-record-section>header h2{font-size:14px;margin:0;line-height:1.5}.profile-record-section>header>span{font-size:11px;color:var(--portal-muted)}.profile-qualifications{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0}.profile-qualifications li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:5px 7px;padding:14px 16px;border-bottom:1px solid var(--portal-line)}.profile-qualifications li>span{grid-row:1/3;align-self:center;text-align:center;color:var(--portal-muted);font-size:18px}.profile-qualifications strong{font-size:12px;font-weight:600;color:var(--portal-muted);line-height:1.5}.profile-qualifications small{font-size:10px;color:var(--portal-muted)}.profile-qualifications .registered>span{color:var(--portal-accent)}.profile-qualifications .registered strong{color:var(--portal-text)}.profile-journey{list-style:none;margin:0;padding:4px 18px}.profile-journey li{display:flex;align-items:flex-start;gap:22px;padding:15px 0;border-bottom:1px solid var(--portal-line)}.profile-journey li:last-child{border:0}.profile-journey time{flex:0 0 100px;font-size:11px;line-height:1.7;color:var(--portal-muted)}.profile-journey strong{display:block;font-size:12px;font-weight:600;line-height:1.5}.profile-journey li>div>span{display:block;margin-top:5px;font-size:12px;color:var(--portal-muted);line-height:1.7;overflow-wrap:anywhere}.profile-account-form{padding:22px}.profile-account-form h3{font-size:14px;margin:0 0 20px}.profile-account-form .form-actions{margin-top:22px}.profile-account-form .form-error{margin:12px 0 0}.profile-account-form textarea{min-height:230px}.profile-account-form input[readonly]{color:var(--portal-muted);background:var(--portal-bg)}.profile-security-data{margin:0;padding:4px 22px}.profile-security-data>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--portal-line);padding:15px 0;font-size:12px}.profile-security-data dd{color:var(--portal-text);margin:0}.profile-quiet{padding:20px;font-size:12px;color:var(--portal-muted)} @media(max-width:1050px){.employee-profile{grid-template-columns:240px minmax(0,1fr);gap:18px}.profile-totals>div{padding:16px}.profile-qualifications{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:800px){.employee-profile{grid-template-columns:minmax(0,1fr)}.profile-member-heading{display:grid;grid-template-columns:68px minmax(0,1fr);gap:10px 16px;text-align:left;padding:20px}.employee-portrait{grid-row:1/3;margin:0;width:68px;height:68px}.profile-member-heading h2{margin:0;align-self:end}.profile-member-tags{justify-content:flex-start;align-self:start}.profile-member-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.profile-member-actions{flex-direction:row;flex-wrap:wrap}.profile-member-actions .btn{flex:1}.profile-member-actions .text-button{width:100%}.profile-totals>div{padding:15px 12px}.profile-totals>div>span{font-size:10px}.profile-totals strong{font-size:22px}.profile-record .profile-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.profile-tabs .catalog-tab{padding:10px 6px;text-align:center}.profile-account-form{padding:18px}.profile-account-form .form-grid{grid-template-columns:minmax(0,1fr)}.profile-journey li{gap:13px}.profile-journey time{flex-basis:85px}.profile-record-section>header{padding:14px 16px}} :root[data-theme] .employee-profile .profile-totals>div{border-radius:0} /* Quiet section links and a neutral identity row on the personnel record. */ :root[data-theme] .personal-workbook .workbook-summary{background:var(--portal-surface)} :root[data-theme] .personal-workbook .workbook-summary>div{padding:16px 22px} :root[data-theme] .personal-workbook .workbook-tabs{display:flex;align-items:stretch;flex-wrap:wrap;gap:5px;padding:0 14px;background:var(--portal-surface);border-top:1px solid var(--portal-line);border-bottom:0;overflow:visible} :root[data-theme] .personal-workbook .workbook-tabs button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;margin:0;padding:10px 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;font-size:12px;font-weight:400;line-height:1.5;color:var(--portal-muted);white-space:normal;text-align:center} :root[data-theme] .personal-workbook .workbook-tabs button.active{border-bottom-color:var(--portal-accent);color:var(--portal-text);font-weight:600;background:transparent;box-shadow:none} :root[data-theme] .personal-workbook .workbook-tabs button:hover{color:var(--portal-accent);background:color-mix(in srgb,var(--portal-soft) 40%,transparent);box-shadow:none} :root[data-theme] .personal-workbook .workbook-tabs button:focus-visible{outline-offset:-3px} :root[data-theme] .management-layout .personnel-identity{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:6px;padding:17px 20px;gap:20px;box-shadow:none} :root[data-theme] .personnel-identity>div:first-child>span{font-size:11px;font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none;color:var(--portal-muted);margin-bottom:5px} :root[data-theme] .management-layout .personnel-identity strong{font:600 19px/1.5 Arial,sans-serif;color:var(--portal-text);letter-spacing:normal} :root[data-theme] .identity-copy-actions{gap:8px;align-items:center} :root[data-theme] .identity-copy-actions .btn{min-height:35px;font-size:11px;padding:7px 11px} @media(max-width:700px){:root[data-theme] .personal-workbook .workbook-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;padding:4px 10px}:root[data-theme] .personal-workbook .workbook-tabs button{padding:9px 7px;font-size:11px;min-height:38px;justify-content:flex-start;text-align:left}:root[data-theme] .management-layout .personnel-identity{padding:16px;gap:14px}:root[data-theme] .management-layout .personnel-identity strong{font-size:17px}} /* Promotion applications use the intranet's existing document controls. */ .promotion-route{margin-bottom:22px}.promotion-route>header{display:flex;align-items:center;gap:30px;padding:21px 24px;background:var(--portal-raised);border-bottom:1px solid var(--portal-line)}.promotion-label{font-size:11px;color:var(--portal-muted)}.promotion-route h2{font-size:19px;margin:6px 0 0}.promotion-arrow{font-size:24px;color:var(--portal-accent)}.promotion-checklist{list-style:none;margin:0;padding:5px 24px}.promotion-checklist li{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--portal-line)}.promotion-checklist li:last-child{border:0}.promotion-checklist li>span{font-size:19px;width:20px;text-align:center;color:var(--portal-muted)}.promotion-checklist .met>span{color:var(--portal-accent)}.promotion-checklist strong{display:block;font-size:13px;font-weight:600;line-height:1.5}.promotion-checklist small{display:block;font-size:11px;color:var(--portal-muted);line-height:1.6;margin-top:4px}.promotion-route footer,.promotion-entry footer{padding:16px 24px;display:flex;align-items:center;gap:15px;border-top:1px solid var(--portal-line)}.promotion-route footer>span,.promotion-entry footer>span{font-size:11px;color:var(--portal-muted)}.promotion-message{padding:20px;font-size:12px;color:var(--portal-muted);line-height:1.7}.promotion-entry{margin-bottom:18px}.promotion-entry>header{display:flex;justify-content:space-between;gap:20px;padding:22px 24px 15px}.promotion-entry h2{font-size:17px;margin:12px 0 9px}.promotion-entry time{font-size:11px;color:var(--portal-muted)}.promotion-owner{font-size:12px;color:var(--portal-muted)}.promotion-details{display:flex;flex-wrap:wrap;gap:28px;margin:0;padding:10px 24px 15px}.promotion-details dt{font-size:11px;margin-bottom:5px}.promotion-details dd{font-size:14px;color:var(--portal-text);margin:0}.promotion-note{white-space:pre-wrap;overflow-wrap:anywhere;padding:0 24px}.promotion-proof{display:flex;gap:12px;flex-wrap:wrap;padding:12px 24px 20px}.promotion-proof a{display:flex;flex-direction:column;max-width:180px;gap:6px;color:var(--portal-accent);font-size:11px;overflow-wrap:anywhere}.promotion-proof img{width:160px;height:100px;object-fit:contain;background:var(--portal-bg);border:1px solid var(--portal-line);border-radius:4px}.promotion-response{padding:15px 24px;border-top:1px solid var(--portal-line);background:var(--portal-bg)}.promotion-response strong{font-size:12px}.promotion-response p{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.promotion-reviewed{padding:12px 24px;font-size:11px;color:var(--portal-muted)}.promotion-form .dialog-body{display:grid;gap:18px;min-width:0}.promotion-form .promotion-modal-rank{font-size:15px;font-weight:600;color:var(--portal-text)}.promotion-form .promotion-checklist{padding:0}.promotion-form .promotion-proof{padding:0}.promotion-form textarea{resize:vertical}.promotion-form label{line-height:1.5}:root[data-theme] .promotion-status-rejected{background:color-mix(in srgb,#ce6868 12%,var(--portal-surface));color:light-dark(#963f3f,#e49696)}.profile-promotion-status{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.profile-promotion-status strong{font-size:13px}.profile-promotion-status small{display:block;margin-top:6px;font-size:11px;color:var(--portal-muted)} @media(max-width:700px){.promotion-route>header{padding:18px;gap:15px}.promotion-route h2{font-size:16px}.promotion-checklist{padding:4px 18px}.promotion-route footer,.promotion-entry footer{padding:15px 18px;flex-wrap:wrap}.promotion-entry>header{padding:18px 18px 10px;gap:12px}.promotion-entry h2{font-size:15px}.promotion-details{padding:10px 18px;gap:18px}.promotion-proof{padding:12px 18px}.promotion-proof img{width:130px;height:90px}.promotion-response,.promotion-reviewed{padding:13px 18px}.promotion-note{padding:0 18px}} .hours-source{margin-bottom:22px}.hours-source>header,.hours-review>header{padding:16px 20px;background:var(--portal-raised);border-bottom:1px solid var(--portal-line);display:flex;align-items:center;justify-content:space-between;gap:15px}.hours-source h2,.hours-review h2{font-size:15px;margin:0}.hours-review header span{display:block;font-size:11px;color:var(--portal-muted);margin-top:7px}.hours-source form{padding:20px}.hours-source textarea{min-height:210px;font:13px/1.7 Consolas,monospace;resize:vertical}.hours-source-options{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:16px 0}.hours-file-label{position:relative;cursor:pointer}.hours-file-label input{position:absolute;width:1px;height:1px;clip-path:inset(50%);margin:0;padding:0;min-height:0}.hours-review .table-scroll{overflow:auto}.hours-review table{min-width:950px}.hours-review td:first-child,.hours-review th:first-child{width:40px}:root[data-theme] .hours-review input[type=checkbox]{height:15px;min-height:0;width:15px;margin:0;padding:0}.hours-review footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-top:1px solid var(--portal-line)}.hours-review footer span{font-size:12px;color:var(--portal-muted)}.hours-issue{color:light-dark(#a64d3b,#e3a68e);font-size:12px}#hours-success{color:var(--portal-accent);font-size:13px;line-height:1.7;margin:18px 0} @media(max-width:700px){.hours-source form{padding:17px}.hours-source-options{align-items:flex-start;flex-direction:column;gap:15px}.hours-source-options .checkbox-label{font-size:11px}.hours-review footer{flex-wrap:wrap;padding:15px 17px}.hours-review footer .btn{width:100%}} .hours-source-options .checkbox-label{max-width:100%;min-width:0;white-space:normal}.hours-source-options .checkbox-label>span{min-width:0;line-height:1.6;overflow-wrap:anywhere} .task-overview{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:0 0 18px;font-size:12px}.task-overview strong{font-weight:600}.task-overview>span{color:var(--portal-muted)}.task-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.task-column{min-width:0;background:color-mix(in srgb,var(--portal-raised) 40%,var(--portal-bg));border:1px solid var(--portal-line);border-radius:6px;overflow:hidden;--column-color:var(--portal-blue)}.task-column-doing{--column-color:var(--portal-gold)}.task-column-review{--column-color:#a793bd}.task-column-done{--column-color:var(--portal-accent)}.task-column>header{display:flex;align-items:center;gap:9px;padding:15px 13px;background:var(--portal-surface);border-bottom:1px solid var(--portal-line);border-top:3px solid var(--column-color)}.task-column h2{font-size:13px;margin:0;font-weight:600}.task-column>header>span{font-size:11px;color:var(--portal-muted)}.task-column>header>button{margin-left:auto;padding:0;width:23px;height:23px;font-size:20px;color:var(--portal-muted)}.task-column-body{min-height:180px;padding:10px;display:flex;flex-direction:column;gap:10px}.task-card{min-width:0;padding:14px;background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:5px}.task-card[draggable=true]{cursor:grab}.task-card[draggable=true]:active{cursor:grabbing}.task-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.task-priority{font-size:10px;color:var(--portal-muted)}.task-priority.priority-high{color:var(--portal-gold)}.task-priority.priority-urgent{color:light-dark(#b7493d,#eaa08d);font-weight:700}.task-card time{font-size:10px;color:var(--portal-muted)}.task-card time.task-overdue{color:light-dark(#b7493d,#eaa08d)}.task-card h3{margin:0 0 10px;line-height:1.5}:root[data-theme] .task-open{display:block;font-size:13px;font-weight:600;text-align:left;line-height:1.5;padding:0;border:0;background:transparent;color:var(--portal-text);overflow-wrap:anywhere}.task-open:hover{text-decoration:underline;text-underline-offset:3px}.task-card p{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 14px;color:var(--portal-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.task-assignees{display:flex;gap:5px;flex-wrap:wrap}.task-assignees>span{font-size:10px;color:var(--portal-muted);padding:3px 5px;border:1px solid var(--portal-line);border-radius:3px;overflow-wrap:anywhere}.task-assignees small{font-size:10px;color:var(--portal-muted)}.task-move-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;margin-top:15px;padding-top:10px;border-top:1px solid var(--portal-line)}:root[data-theme] .task-move-label select{width:auto;max-width:75%;min-height:30px;height:30px;margin:0;padding:4px 7px;font-size:11px;line-height:20px}.task-empty{padding:24px 10px;font-size:12px;color:var(--portal-muted);text-align:center}.task-column.task-drag-over{border-color:var(--column-color);background:var(--portal-soft)}.task-card.task-drop-before{border-top:3px solid var(--portal-accent)}#task-form fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:19px}.task-assign-picker h3{font-size:13px;margin:0 0 10px}.task-assign-picker{max-height:230px;overflow:auto}.task-assign-picker .checkbox-label{padding:8px 0;border-bottom:1px solid var(--portal-line);font-size:12px}:root[data-theme] .task-assign-picker input[type=checkbox]{width:15px;height:15px;min-height:0;margin:0;padding:0}.task-created{border-top:1px solid var(--portal-line);margin-top:18px;padding-top:14px;font-size:11px;color:var(--portal-muted);line-height:1.7}#task-delete-confirm{margin-top:16px;padding:14px;border:1px solid #b26767;border-radius:4px}#task-delete-confirm p{margin:0 0 12px}#task-delete-confirm .btn{margin:0 6px 5px 0} @media(max-width:1100px){.task-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.task-board{grid-template-columns:minmax(0,1fr)}.task-column-body{min-height:100px}.task-overview{padding-bottom:15px;gap:8px}.task-card{padding:15px}.task-move-label select{min-width:145px}.task-column>header{padding:14px}} /* Official Ambulance identity: original artwork on a quiet white backing. */ :root[data-theme] .ambulance-logo{display:block;object-fit:contain;background:#fff;border:1px solid #dbe2e7;border-radius:5px;padding:3px;box-sizing:border-box;flex-shrink:0} :root[data-theme] .sidebar .brand-logo{width:50px;height:50px} :root[data-theme] .management-brand .brand-logo{width:49px;height:49px} :root[data-theme] .auth-story .brand-logo{width:54px;height:54px} :root[data-theme] .auth-emblem{margin:28px 0 10px} :root[data-theme] .auth-emblem .ambulance-logo{width:180px;height:180px;padding:10px;border-radius:6px} :root[data-theme] .setup-card>.brand-logo{width:64px;height:64px;margin-bottom:20px} @media(max-width:700px){:root[data-theme] .auth-emblem{display:none}:root[data-theme] .auth-story .brand-logo{width:45px;height:45px}} /* Operational Ambulance roster. */ .opco-summary{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 22px;font-size:12px;color:var(--portal-muted)}.opco-summary strong{color:var(--portal-accent)} .opco-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start;margin-bottom:24px}.opco-column{min-width:0;border:1px solid var(--portal-line);border-radius:5px;background:var(--portal-surface);--opco-color:var(--portal-accent)}.opco-color-blue{--opco-color:var(--portal-blue)}.opco-color-gold{--opco-color:var(--portal-gold)}.opco-color-purple{--opco-color:#ac9bc4}.opco-column>header{display:flex;align-items:center;gap:10px;border-top:3px solid var(--opco-color);border-bottom:1px solid var(--portal-line);border-radius:4px 4px 0 0;padding:14px 12px}.opco-column h2,.opco-support h2,.opco-pool h2,.opco-reports h2{font-size:14px;margin:0}.opco-column>header>span{font-size:11px;color:var(--portal-muted)}.opco-column-members{padding:10px;min-height:160px;display:grid;gap:10px}.opco-column-menu{margin-left:auto;position:relative}.opco-column-menu>summary{cursor:pointer;list-style:none;font-size:20px;line-height:20px;color:var(--portal-muted)}.opco-column-menu>div{position:absolute;right:0;top:26px;z-index:5;width:150px;padding:5px;background:var(--portal-raised);border:1px solid var(--portal-line);border-radius:4px;box-shadow:0 6px 18px #0003}.opco-column-menu button{display:block;border:0;background:transparent;width:100%;padding:9px;text-align:left;color:var(--portal-text);font-size:12px}.opco-column-menu button:hover{background:var(--portal-soft)} .opco-member{min-width:0;background:var(--portal-bg);border:1px solid var(--portal-line);border-radius:4px;padding:13px}.opco-member[draggable=true]{cursor:grab}.opco-member-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.opco-member strong{font-size:12px;overflow-wrap:anywhere;line-height:1.6}.opco-member small{display:block;font-size:11px;color:var(--portal-muted);margin-top:4px}.opco-member .tag{font-size:9px;padding:2px 4px}.opco-member-actions{display:flex;align-items:center;gap:7px;margin-top:12px;flex-wrap:wrap}:root[data-theme] .opco-member-actions select{width:100%;min-width:0;height:32px;min-height:32px;padding:4px 8px;font-size:11px;margin:0}:root[data-theme] .opco-member-actions .btn{font-size:10px;min-height:28px;padding:5px 8px}.opco-empty{margin:0;padding:18px 12px;font-size:12px;color:var(--portal-muted);text-align:center}.opco-support{display:grid;grid-template-columns:1fr 2fr;gap:18px;margin-bottom:24px}.opco-support>section,.opco-pool,.opco-reports{min-width:0;border-radius:5px;overflow:visible}.opco-support header,.opco-pool>header,.opco-reports>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;border-bottom:1px solid var(--portal-line)}.opco-pool>header>span,.opco-reports>header>span{font-size:11px;color:var(--portal-muted)}#opco-command{padding:18px 20px;display:grid;gap:9px}#opco-command>strong{font-size:14px}#opco-command>small{font-size:11px;color:var(--portal-muted)}#opco-command label{margin-top:10px;font-size:11px}#opco-command .opco-empty{padding:0;text-align:left}.opco-status-row{padding:15px 20px;border-bottom:1px solid var(--portal-line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.opco-status-row:last-child{border-bottom:0}.opco-status-row strong{display:block;font-size:12px}.opco-timer{display:block;font-size:11px;font-variant-numeric:tabular-nums;color:var(--portal-gold);margin-top:7px}.opco-timer.opco-overtime{color:light-dark(#a83c32,#efa28e)}.opco-status-row .btn{font-size:11px;padding:7px 10px;min-height:32px}.opco-pool{margin-bottom:24px}#opco-pool{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}#opco-assign-form{display:flex;align-items:end;gap:14px;padding:18px 20px 0;flex-wrap:wrap}#opco-assign-form label{min-width:180px;flex:1;max-width:380px;font-size:11px}#opco-assign-form .btn{height:40px}#opco-assign-form select{margin-bottom:0}.opco-report{padding:18px 20px;border-bottom:1px solid var(--portal-line);display:flex;align-items:center;justify-content:space-between;gap:15px}.opco-report>div{min-width:0}.opco-report strong{font-size:12px}.opco-report small{display:block;font-size:11px;color:var(--portal-muted);margin-top:6px}.opco-report p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:10px 0}.opco-history>summary{padding:16px 20px;cursor:pointer;font-size:12px;color:var(--portal-accent)}.opco-drop-active{outline:2px dashed var(--portal-accent);outline-offset:3px}#opco-dialog .dialog-body{display:grid;gap:18px}#opco-dialog .form-error:empty{display:none} @media(max-width:1100px){.opco-board,#opco-pool{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.opco-board,#opco-pool,.opco-support{grid-template-columns:minmax(0,1fr)}.opco-column-members{min-height:90px}.opco-summary{gap:12px}.opco-report{align-items:start;flex-direction:column}#opco-assign-form label{max-width:none;min-width:100%;width:100%}} .opco-column>header[draggable=true]{cursor:grab}.opco-column>header[draggable=true]:active{cursor:grabbing}.opco-column>header{gap:8px}.opco-column h2{overflow-wrap:anywhere}.opco-column>header>.opco-drag-grip{font-size:14px;letter-spacing:-3px;color:var(--portal-muted);margin-right:3px}.opco-column>header>.opco-channel-dot{height:9px;width:9px;flex:none;border-radius:50%;background:var(--opco-color)}.opco-channel-before{box-shadow:-4px 0 0 var(--portal-accent)}.opco-channel-after{box-shadow:4px 0 0 var(--portal-accent)}.opco-color-picker{padding:0;border:0;margin:0;min-width:0}.opco-color-picker legend{font-size:12px;margin-bottom:12px;color:var(--portal-muted)}.opco-color-presets{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}:root[data-theme] .opco-color-swatch{height:30px;width:30px;padding:0;border:2px solid transparent;border-radius:4px;box-shadow:inset 0 0 0 1px #0002}:root[data-theme] .opco-color-swatch[aria-pressed=true]{outline:2px solid var(--portal-text);outline-offset:3px}.opco-custom-color{display:flex;align-items:center;gap:16px;justify-content:space-between}:root[data-theme] .opco-custom-color input[type=color]{height:38px;width:64px;min-height:0;padding:3px;margin:0;cursor:pointer;border-radius:4px}.opco-color-preview{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--portal-line);border-left-width:4px;border-radius:4px;margin-top:18px;background:var(--portal-bg)}.opco-color-preview>span{height:10px;width:10px;border-radius:50%;flex:none}.opco-color-preview strong{font-size:13px;overflow-wrap:anywhere} .opco-report>div{flex:1}.opco-report-title{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.opco-report-meta{display:flex;gap:16px 36px;flex-wrap:wrap;margin:14px 0}.opco-report-meta>div{min-width:150px}.opco-report-meta dt{font-size:11px;color:var(--portal-muted);margin-bottom:5px}.opco-report-meta dd{margin:0;font-size:12px;line-height:1.6;font-weight:600;color:var(--portal-text);overflow-wrap:anywhere}.opco-report-meta time{color:inherit;font-variant-numeric:tabular-nums}.opco-report-decision{margin-top:16px;padding-top:16px;border-top:1px solid var(--portal-line)}@media(max-width:650px){.opco-report-meta{gap:12px}.opco-report-meta>div{width:100%;min-width:0}} .settings-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}.settings-toolbar>.row-actions{font-size:11px;color:var(--portal-muted)}.settings-section{margin-bottom:20px;overflow:hidden}.settings-section>header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid var(--portal-line)}.settings-section h2{font-size:14px;margin:0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:22px 20px}.settings-grid label{font-size:12px}.settings-note{font-size:12px;line-height:1.7;color:var(--portal-muted);margin:0 0 20px}.settings-section>.settings-note{padding:0 20px}.settings-content-links{display:flex;gap:12px;flex-wrap:wrap;padding:20px}.settings-promotion-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-promotion-list .settings-section{margin:0}.settings-promotion-list .settings-grid{gap:16px}.settings-section .checkbox-label{font-size:11px}.settings-qualifications>summary{padding:0 20px 20px;cursor:pointer;color:var(--portal-accent);font-size:12px}.settings-qualifications>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 20px 20px}.settings-qualifications input[type=checkbox],.settings-section header input[type=checkbox]{width:15px;height:15px;min-height:0;margin:0}.settings-promotion-list+#settings-defaults{margin-top:20px}.settings-text-count{display:block;font-size:11px;color:var(--portal-muted);margin-bottom:14px}.settings-text-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:20px;align-items:center;padding:18px 20px;margin-bottom:12px}.settings-text-row small{display:block;font-size:10px;color:var(--portal-muted);margin-bottom:7px}.settings-text-row strong{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.settings-text-row textarea{margin:0;font-size:12px;min-height:62px}.settings-text-row .text-button{font-size:11px}#settings-defaults{margin-top:18px}#site-text-toolbar{position:fixed;z-index:1500;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:14px 20px;border:1px solid var(--portal-accent);border-radius:5px;background:var(--portal-surface);box-shadow:0 4px 24px #0004;color:var(--portal-text);max-width:calc(100% - 30px);font-size:12px}#site-text-toolbar span{color:var(--portal-muted)}.editing-site-texts :is(button,a,h1,h2,h3,p,label,strong,span):hover{cursor:crosshair}#site-text-dialog .dialog-body{display:grid;gap:18px}#site-text-dialog textarea{font-size:12px}.settings-qualifications .checkbox-label{gap:8px} @media(max-width:850px){.settings-promotion-list{grid-template-columns:1fr}.settings-text-row{grid-template-columns:minmax(0,1fr)}.settings-text-row .text-button{justify-self:start}}@media(max-width:600px){.settings-grid{grid-template-columns:1fr}.settings-qualifications>div{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-toolbar .catalog-tabs{flex-wrap:wrap}#site-text-toolbar{width:calc(100% - 30px);flex-wrap:wrap;gap:10px}#site-text-toolbar .btn{margin-left:auto}.settings-section>header{align-items:start}} .handbook-chapter summary[draggable=true]{cursor:grab}.handbook-chapter summary[draggable=true]:active{cursor:grabbing}.chapter-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:22px;min-width:22px;height:28px;color:var(--portal-muted);letter-spacing:-3px;font-size:18px;cursor:grab;touch-action:none;user-select:none;border-radius:3px}.chapter-drag-handle:hover{color:var(--portal-accent);background:var(--portal-soft)}.chapter-drag-handle:focus-visible{outline:2px solid var(--portal-accent);outline-offset:2px}.chapter-dragging{opacity:.45}.handbook-chapter.chapter-drop-before{box-shadow:inset 0 3px var(--portal-accent)}.handbook-chapter.chapter-drop-after{box-shadow:inset 0 -3px var(--portal-accent)}#list-content[aria-busy=true] .chapter-drag-handle{cursor:wait} #handbook-drop-indicator{position:fixed;z-index:1800;height:4px;background:var(--portal-accent);pointer-events:none;border-radius:3px;box-shadow:0 0 0 2px var(--portal-bg),0 3px 10px #0003}#handbook-drop-indicator[hidden]{display:none}#handbook-drop-indicator::before{content:'';position:absolute;left:-4px;top:-3px;width:10px;height:10px;background:var(--portal-accent);border-radius:50%}#handbook-drop-indicator>span{position:absolute;right:12px;bottom:7px;padding:6px 11px;border:1px solid var(--portal-accent);border-radius:4px;background:var(--portal-surface);color:var(--portal-text);font:600 12px Arial,sans-serif;white-space:nowrap;box-shadow:0 2px 8px #0003}.handbook-is-dragging,.handbook-is-dragging *{cursor:grabbing!important;user-select:none!important}.chapter-drop-before,.chapter-drop-after{background:color-mix(in srgb,var(--portal-soft) 35%,var(--portal-surface))}.chapter-drag-handle{width:28px;min-width:28px;border:1px solid var(--portal-line);background:var(--portal-raised);font-size:20px}.handbook-chapter.chapter-dragging{opacity:.5} .handbook-chapter summary[data-chapter-drag]{cursor:grab} /* Quiet handbook sorting controls and a compact floating chapter. */ :root[data-theme] .handbook-chapter summary{min-height:65px;gap:14px}:root[data-theme] .handbook-directory .chapter-drag-handle{width:22px;min-width:22px;height:30px;border:0;background:transparent;color:var(--portal-muted);border-radius:4px;opacity:.65;letter-spacing:normal}:root[data-theme] .handbook-directory summary:hover .chapter-drag-handle{opacity:1;color:var(--portal-accent)}:root[data-theme] .handbook-directory .chapter-drag-handle:hover{background:var(--portal-soft)}:root[data-theme] .handbook-directory .chapter-drag-handle:focus-visible{outline:1px solid var(--portal-accent);outline-offset:2px;opacity:1}:root[data-theme] .handbook-directory .chapter-index{font-size:13px;font-weight:600;color:var(--portal-muted);width:28px}:root[data-theme] .handbook-chapter.chapter-dragging{opacity:.42;background:var(--portal-bg)}:root[data-theme] .handbook-chapter.chapter-drop-before,:root[data-theme] .handbook-chapter.chapter-drop-after{box-shadow:none;background:transparent} #handbook-drop-indicator{height:2px;border-radius:2px;box-shadow:0 0 0 3px var(--portal-surface)}#handbook-drop-indicator::before{width:6px;height:6px;left:-2px;top:-2px}#handbook-drop-indicator>span{right:0;bottom:8px;padding:4px 9px;background:var(--portal-soft);border:1px solid var(--portal-line);color:var(--portal-accent);font-size:10px;font-weight:600;border-radius:4px;box-shadow:none} #handbook-drag-preview{position:fixed;z-index:1810;pointer-events:none;display:flex;align-items:center;gap:12px;width:320px;max-width:calc(100vw - 24px);padding:15px 17px;background:var(--portal-surface);border:1px solid var(--portal-line);border-left:3px solid var(--portal-accent);border-radius:5px;box-shadow:0 8px 24px #0002}#handbook-drag-preview[hidden]{display:none}.drag-preview-number{font-size:11px;font-weight:600;color:var(--portal-accent);flex-shrink:0}#handbook-drag-preview strong{font:600 12px/1.6 Arial,sans-serif;color:var(--portal-text);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-preview-grip{margin-left:auto;color:var(--portal-muted);font-size:18px} @media(max-width:600px){:root[data-theme] .handbook-chapter summary{gap:10px;min-height:62px}#handbook-drag-preview{width:260px;padding:12px 14px}} .rights-owner-lock{font-size:11px;color:var(--portal-muted);padding:8px 0} :root[data-theme] .discord-login-button{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:49px;background:#5865f2;color:#fff;border:1px solid #5865f2;border-radius:5px;font-size:14px;font-weight:600;text-decoration:none}:root[data-theme] .discord-login-button:hover{background:#4752c4;border-color:#4752c4;color:#fff}.developer-login{border-top:1px solid var(--portal-line);margin-top:32px;padding-top:20px}.developer-login>summary{font-size:11px;color:var(--portal-muted);cursor:pointer;list-style:none}.developer-login>summary::after{content:' +';margin-left:8px}.developer-login[open]>summary::after{content:' -'}.developer-login form{display:grid;gap:17px;margin-top:20px}.developer-login label{font-size:12px}.discord-login-status{padding:14px 16px;margin:0 0 22px;border:1px solid var(--portal-line);border-left:3px solid var(--portal-accent);border-radius:4px;color:var(--portal-text);font-size:12px;line-height:1.7;background:var(--portal-soft)}