body.login-mode{--navy:#003366;--cyan:#0099CC;--bg:#f5f7fa;--card:#fff;--line:#e4e9f0;
--green:#1e7d46;--greenbg:#eaf4ee;--amber:#8a6d1f;--amberbg:#f7f0dd;--red:#a3271f;--redbg:#f6e5e3;
--grey:#8894a3;--greybg:#eef1f5;--over:#0a6a97;--overbg:#e6f1f7;--under:#a85a22;--underbg:#f6ebe0;--ink:#1a2733;--muted:#5a6b7b;}
body.login-mode.dark{--bg:#0f1720;--card:#16212e;--line:#26333f;--ink:#e6edf3;--muted:#9fb0c0;--greybg:#1b2735;background:var(--bg);color:var(--ink)}
body.login-mode.dark .card,body.login-mode.dark .tile,body.login-mode.dark .hero,body.login-mode.dark .pcard,body.login-mode.dark .modal{background:#16212e!important;color:var(--ink);border-color:#26333f}
body.login-mode.dark .hero h1,body.login-mode.dark .view-title,body.login-mode.dark .tile .v,body.login-mode.dark .wsum,body.login-mode.dark .sec-h,body.login-mode.dark .kv b,body.login-mode.dark .pcard h3{color:#cfe0ee}
body.login-mode.dark table{color:var(--ink)}
body.login-mode.dark td{background:#16212e!important;border-color:#26333f!important}
body.login-mode.dark tr:nth-child(even) td{background:#131c27!important}
body.login-mode.dark td.name,body.login-mode.dark th.name{background:#1b2735!important;color:#cfe0ee!important}
body.login-mode.dark .mhead,body.login-mode.dark .tot{background:#1b2735!important;color:#cfe0ee!important}
body.login-mode.dark input,body.login-mode.dark select,body.login-mode.dark textarea{background:#0f1720;color:var(--ink);border-color:#31404e}
body.login-mode.dark .who select{background:#16212e;color:#cfe0ee}
body.login-mode.dark .btn.ghost{background:#16212e;color:#cfe0ee;border-color:#31404e}
body.login-mode.dark .namelink{color:#7fc4e6}
body.login-mode.dark .qa button{background:#16212e!important;border:1px solid #26333f}
body.login-mode.dark .qa .t{color:#cfe0ee}body.login-mode.dark .qa .d{color:#9fb0c0}body.login-mode.dark .qa .ic svg{stroke:#7fc4e6}
body.login-mode.dark .badge2{filter:brightness(1.05)}
body.login-mode.dark .bar{background:#26333f}
body.login-mode .navbadge{background:var(--red);color:#fff;border-radius:9px;padding:0 6px;font-size:10.5px;font-weight:700;margin-left:3px;vertical-align:middle}
body.login-mode .msgrow{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-bottom:1px solid var(--line);cursor:pointer}
body.login-mode .msgrow:last-child{border-bottom:none}body.login-mode .msgrow:hover{background:var(--greybg)}
body.login-mode .msgrow.unread .msgsub{font-weight:700;color:var(--navy)}
body.login-mode.dark .msgrow.unread .msgsub{color:#cfe0ee}
body.login-mode .msgsub{font-size:14px}
body.login-mode .msgdot{width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-top:5px;flex:0 0 8px}
body.login-mode .msgdot.off{background:transparent;border:1px solid var(--line)}
body.login-mode .msgmeta{font-size:11.5px;color:var(--muted);margin-top:2px}
body.login-mode .thread{border-left:3px solid var(--cyan);padding:7px 11px;margin:8px 0;background:var(--greybg)}
body.login-mode .thread .tm{font-size:11px;color:var(--muted);margin-bottom:2px}
body.login-mode .hdctl{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#cddcea;flex-wrap:wrap}
body.login-mode .hdctl .lbl{opacity:.7}
body.login-mode .hdctl select,body.login-mode .hdctl button{background:rgba(255,255,255,.12);color:#eaf2f9;border:1px solid rgba(255,255,255,.28);padding:5px 9px;font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer}
body.login-mode .hdctl button:hover{background:rgba(255,255,255,.22)}
/* Startseite (Premium) */
body.login-mode .landing{position:fixed;inset:0;z-index:50;display:flex;background:#02182c;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
body.login-mode .landing .hero{position:relative;flex:1.4;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:7vh 5.5vw;background:radial-gradient(1100px 720px at 15% 6%,rgba(0,153,204,.24),transparent 58%),radial-gradient(920px 640px at 90% 24%,rgba(20,74,124,.5),transparent 55%),radial-gradient(1200px 900px at 60% 112%,rgba(0,168,168,.13),transparent 60%),linear-gradient(158deg,#02182c 0%,#04233f 55%,#05294a 100%)}
body.login-mode .landing .hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.032) 0 1px,transparent 1px 66px),repeating-linear-gradient(90deg,rgba(255,255,255,.032) 0 1px,transparent 1px 66px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 32%);mask-image:linear-gradient(180deg,transparent,#000 32%)}
body.login-mode .landing .hero svg.contour{position:absolute;left:0;right:0;bottom:0;width:100%;height:44%;opacity:.5;pointer-events:none}
body.login-mode .landing .herocontent{position:relative;z-index:2;color:#fff;max-width:600px}
body.login-mode .landing .hbrand{font-size:12.5px;letter-spacing:3.5px;color:#7fb8d6;text-transform:uppercase;font-weight:600}
body.login-mode .landing .htitle{font-size:44px;line-height:1.1;font-weight:700;letter-spacing:-.02em;margin:14px 0 14px;color:#f2f7fb}
body.login-mode .landing .htitle b{font-weight:700;color:#7fd0ee}
body.login-mode .landing .htag{font-size:16.5px;color:#aec4d6;max-width:440px;line-height:1.6;font-weight:400}
body.login-mode .landing .feats{margin-top:28px;display:flex;flex-direction:column;gap:13px}
body.login-mode .landing .feat{display:flex;align-items:center;gap:12px;font-size:14.5px;color:#cbdae7;font-weight:400}
body.login-mode .landing .fk{width:20px;height:20px;flex:0 0 20px;border:1px solid rgba(127,208,238,.45);color:#7fd0ee;display:inline-flex;align-items:center;justify-content:center;font-size:11px}
body.login-mode .landing .trust{margin-top:26px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#728aa0}
body.login-mode .landing .loginpane{flex:.9;min-width:360px;max-width:460px;background:#fff;display:flex;align-items:center;justify-content:center;padding:44px 42px}
body.login-mode.dark .landing .loginpane{background:#0d1620}
body.login-mode .landing .logincard{font-family:inherit}
body.login-mode .landing .loginlogo{font-weight:700;font-size:17px;color:var(--navy);margin-bottom:26px;letter-spacing:.2px}
body.login-mode .landing .loginh{font-size:23px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}
body.login-mode .landing .loginsub{font-size:13px;color:var(--muted);margin-bottom:22px}
body.login-mode .landing .logincard label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:14px 0 5px;font-weight:600}
body.login-mode .landing .logincard select{width:100%;padding:11px 12px;border:1px solid var(--line);font-family:inherit;font-size:14px;background:#fff;color:var(--ink)}
body.login-mode.dark .landing .logincard select{background:#0f1720;color:var(--ink);border-color:#31404e}
body.login-mode .landing .logincard select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,153,204,.16)}
body.login-mode .landing .logincard .btn{width:100%;margin-top:24px;padding:12px;font-size:14.5px;letter-spacing:.02em}
body.login-mode .landing .loginfoot{margin-top:20px;text-align:center;font-size:11px;color:var(--muted);letter-spacing:.03em}
@media(max-width:880px){body.login-mode .landing{flex-direction:column}body.login-mode .landing .hero{flex:none;min-height:32vh;padding:30px}body.login-mode .landing .htitle{font-size:30px}body.login-mode .landing .feats{display:none}body.login-mode .landing .loginpane{flex:1;max-width:none;min-width:0}}
body.login-mode .logincard{background:transparent;border:none;padding:0;width:100%;max-width:340px}
body.login-mode.dark .logincard{background:transparent;color:var(--ink);border:none}
body.login-mode .loginlogo{font-weight:700;font-size:18px;color:var(--navy);margin-bottom:18px}body.login-mode .loginlogo b{color:var(--cyan)}
body.login-mode.dark .loginlogo{color:#cfe0ee}
body.login-mode .loginh{font-size:21px;font-weight:700;color:var(--navy);margin-bottom:2px}body.login-mode.dark .loginh{color:#cfe0ee}
body.login-mode .loginsub{font-size:12.5px;color:var(--muted);margin-bottom:16px}
body.login-mode .logincard label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:12px 0 4px}
body.login-mode .logincard select{width:100%;padding:9px;border:1px solid var(--line);font-family:inherit;font-size:14px}
body.login-mode .logincard .btn{width:100%;margin-top:20px}
body.login-mode *{box-sizing:border-box}
body.login-mode{margin:0;font-family:'Aptos','Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45}
body.login-mode header.top{background:var(--navy);color:#fff;padding:10px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
body.login-mode header.top .logo{font-weight:700;font-size:16px;letter-spacing:.2px}body.login-mode header.top .logo b{color:#8fd4ec}
body.login-mode header.top .sub{opacity:.72;font-size:11.5px;margin-top:2px}
body.login-mode .rolewrap{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.login-mode .rolewrap .hsel{background:rgba(255,255,255,.10);color:#eaf2f9;border:1px solid rgba(255,255,255,.28);padding:0 10px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;height:32px;max-width:210px}
body.login-mode .rolewrap .hsel option{color:#12283d}
body.login-mode .seg,body.login-mode .hdgrp{display:flex;border:1px solid rgba(255,255,255,.25);overflow:hidden;height:32px}
body.login-mode .seg button,body.login-mode .hdgrp button{background:transparent;border:none;color:#d3e0ec;padding:0 13px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;border-right:1px solid rgba(255,255,255,.18)}
body.login-mode .seg button:last-child,body.login-mode .hdgrp button:last-child{border-right:none}
body.login-mode .seg button.on{background:#fff;color:var(--navy)}
body.login-mode .seg button:not(.on):hover,body.login-mode .hdgrp button:hover{background:rgba(255,255,255,.14)}
body.login-mode .hdgrp button{min-width:38px;text-align:center}
body.login-mode .who{display:flex;align-items:center}
body.login-mode .who .chip{background:rgba(255,255,255,.12);color:#eaf2f9;border:1px solid rgba(255,255,255,.28);padding:0 13px;height:32px;display:inline-flex;align-items:center;font-weight:600;font-size:12.5px}
body.login-mode nav.tabs{display:flex;gap:2px;background:#00294f;padding:0 12px;flex-wrap:wrap}
body.login-mode nav.tabs button{background:transparent;border:none;color:#b9cbdc;padding:12px 16px;font-size:13px;cursor:pointer;border-bottom:2px solid transparent;font-family:inherit}
body.login-mode nav.tabs button:hover{color:#fff}body.login-mode nav.tabs button.active{color:#fff;border-bottom-color:var(--cyan);font-weight:600}
body.login-mode main{padding:24px;max-width:1500px;margin:0 auto}
body.login-mode h2.view-title{margin:0 0 3px;color:var(--navy);font-size:20px;font-weight:700}body.login-mode .view-sub{color:var(--muted);margin:0 0 18px;font-size:13px}
body.login-mode .sec-h{color:var(--navy);font-size:12px;letter-spacing:.05em;text-transform:uppercase;margin:0 0 12px;font-weight:700}
body.login-mode .card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:0 1px 2px rgba(16,42,67,.04)}
body.login-mode .row{display:flex;flex-wrap:wrap;gap:16px}body.login-mode .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px}
body.login-mode .tile{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--cyan);border-radius:10px;padding:15px 16px}
body.login-mode .tile .k{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}body.login-mode .tile .v{font-size:23px;font-weight:700;color:var(--navy);margin-top:5px}
body.login-mode .tile.warn{border-top-color:var(--amber)}body.login-mode .tile.good{border-top-color:var(--green)}
body.login-mode label{display:block;font-size:11.5px;color:var(--muted);margin:10px 0 4px}
body.login-mode select,body.login-mode input,body.login-mode textarea{font-family:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;width:100%;background:#fff;color:var(--ink)}
body.login-mode select:focus,body.login-mode input:focus,body.login-mode textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 2px rgba(0,153,204,.18)}
body.login-mode .btn{background:var(--navy);color:#fff;border:none;padding:9px 16px;border-radius:6px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit}
body.login-mode .btn:hover{background:#004a91}body.login-mode .btn.ghost{background:#fff;color:var(--navy);border:1px solid #c3cede}body.login-mode .btn.ghost:hover{background:#f2f6fb}
body.login-mode .btn.sm{padding:6px 11px;font-size:12px}body.login-mode .btn.green{background:var(--green)}body.login-mode .btn.green:hover{filter:brightness(1.06)}body.login-mode .btn.grey{background:#8894a3}body.login-mode .btn:disabled{opacity:.45;cursor:not-allowed}
body.login-mode .qa{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
body.login-mode .qa button{display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px;cursor:pointer;font-family:inherit;text-align:left}
body.login-mode .qa button:hover{border-color:var(--cyan);box-shadow:0 2px 8px rgba(0,120,180,.10)}
body.login-mode .qa .ic svg{width:22px;height:22px;fill:none;stroke:var(--navy);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.login-mode .qa .t{font-weight:600;color:var(--navy)}body.login-mode .qa .d{font-size:11px;color:var(--muted)}
body.login-mode table{border-collapse:collapse;width:100%;font-size:13px}body.login-mode th,body.login-mode td{border:1px solid var(--line);padding:8px 9px;text-align:center}
body.login-mode th{background:var(--navy);color:#fff;font-weight:600;font-size:12px}body.login-mode td.name,body.login-mode th.name{text-align:left;font-weight:600;color:var(--navy);background:#f7fafd}
body.login-mode tr:nth-child(even) td{background:#fafcfe}body.login-mode .mhead{background:#eaf1f8!important;color:var(--navy)!important;font-size:11px;font-weight:700}
body.login-mode .tot{background:#eef2f7!important;color:var(--navy)!important;font-weight:700}
body.login-mode .badge2{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
body.login-mode .s-offen{background:var(--greybg);color:var(--grey)}body.login-mode .s-eingereicht{background:var(--amberbg);color:var(--amber)}body.login-mode .s-freigegeben{background:var(--greenbg);color:var(--green)}body.login-mode .s-abgelehnt{background:var(--redbg);color:var(--red)}body.login-mode .s-bestätigt{background:var(--greenbg);color:var(--green)}body.login-mode .s-zurückgewiesen{background:var(--redbg);color:var(--red)}
body.login-mode .ot-plus{color:var(--over);font-weight:600}body.login-mode .ot-minus{color:var(--under);font-weight:600}body.login-mode .ot-zero{color:var(--green);font-weight:600}
body.login-mode .cell-offen{background:var(--greybg)!important}body.login-mode .cell-eingereicht{background:var(--amberbg)!important}body.login-mode .cell-freigegeben{background:var(--greenbg)!important}
body.login-mode .legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:12px 0}body.login-mode .legend span{display:inline-flex;align-items:center;gap:6px}body.login-mode .sw{width:12px;height:12px;border-radius:2px;display:inline-block;border:1px solid var(--line)}
body.login-mode .pcard{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;min-width:280px;flex:1}body.login-mode .pcard h3{margin:0 0 2px;color:var(--navy);font-size:15px}body.login-mode .pcard .role{font-size:11px;color:var(--muted);margin-bottom:10px}
body.login-mode .kv{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #eef2f6;font-size:13px}body.login-mode .kv:last-child{border-bottom:none}body.login-mode .kv b{color:var(--navy);font-weight:600}
body.login-mode .bar{height:6px;background:var(--greybg);border-radius:4px;overflow:hidden;margin-top:8px}body.login-mode .bar>i{display:block;height:100%;background:var(--cyan)}
body.login-mode .hero{background:#fff;border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:10px;padding:18px 22px;margin-bottom:18px}
body.login-mode .hero h1{margin:0 0 3px;font-size:19px;color:var(--navy);font-weight:700}body.login-mode .hero p{margin:0;color:var(--muted);font-size:13px}body.login-mode .hero.client{border-left-color:var(--cyan)}
body.login-mode .reqrow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eef2f6;font-size:13px}body.login-mode .reqrow:last-child{border:none}
body.login-mode .pill{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:var(--overbg);color:var(--over)}
body.login-mode .proto-note{background:#f7f9fc;border:1px solid var(--line);border-left:3px solid var(--cyan);color:var(--muted);padding:10px 14px;border-radius:8px;font-size:12px;margin-bottom:16px}
body.login-mode .wsum{font-size:27px;font-weight:700;color:var(--navy)}
body.login-mode .foot{color:#98a4b2;font-size:11px;text-align:center;padding:20px}

body.login-mode header.top{min-height:60px}
body.login-mode .who{display:flex;align-items:center;gap:8px;min-width:290px;justify-content:flex-end}
body.login-mode .wlbl{opacity:.8;font-size:12px;color:#cddcea}
body.login-mode .chip{background:#fff;color:var(--navy);border-radius:5px;padding:0 12px;height:30px;display:inline-flex;align-items:center;font-weight:600;font-size:12px}
body.login-mode .who select{height:30px;padding:0 9px}
body.login-mode .namelink{background:none;border:none;font-family:inherit;font-weight:600;color:var(--navy);cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0;font-size:13px}
body.login-mode .link{color:var(--cyan);cursor:pointer;text-decoration:underline;background:none;border:none;font-family:inherit;padding:0;font-size:12px}
body.login-mode .modal-bg{position:fixed;inset:0;background:rgba(10,25,45,.55);display:none;align-items:flex-start;justify-content:center;z-index:50;padding:28px 16px;overflow:auto}
body.login-mode .modal-bg.open{display:flex}
body.login-mode .modal{background:#fff;border-radius:12px;max-width:840px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden}
body.login-mode .modal .mhd{background:var(--navy);color:#fff;padding:13px 20px;display:flex;align-items:center;gap:10px}
body.login-mode .modal .mhd h3{margin:0;font-size:15px;font-weight:700}body.login-mode .modal .mhd .x{margin-left:auto;cursor:pointer;font-size:20px;line-height:1;background:none;border:none;color:#fff}
body.login-mode .modal .mbd{padding:20px}
body.login-mode .sigpad{border:1px dashed #9fb2c6;border-radius:8px;background:#fbfdff;touch-action:none;width:100%;height:150px;display:block}
body.login-mode .sigline{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
body.login-mode .docwrap{border:1px solid var(--line);border-radius:8px;padding:22px}
body.login-mode .docwrap h2{margin:0 0 2px;color:var(--navy);font-size:18px}body.login-mode .doc-meta{font-size:12px;color:var(--muted);margin-bottom:14px}
body.login-mode .sigblock{display:flex;gap:24px;margin-top:26px;flex-wrap:wrap}
body.login-mode .sigbox{flex:1;min-width:230px;border-top:1px solid #333;padding-top:6px;font-size:12px;color:var(--muted)}
body.login-mode .sigbox b{color:var(--ink)}body.login-mode .sigbox img{max-height:50px;display:block;margin-bottom:4px}
body.login-mode .sig-typed{font-family:'Segoe Script','Bradley Hand',cursive;font-size:22px;color:#12305a;margin-bottom:2px}
@media print{body.login-mode>header,body.login-mode>nav,body.login-mode>.foot{display:none!important}body.login-mode .modal-bg{position:static;background:#fff;padding:0;display:block}body.login-mode .modal{box-shadow:none;max-width:100%}body.login-mode .modal .mhd,body.login-mode .noprint{display:none!important}}

body.login-mode .card,body.login-mode .tile,body.login-mode .btn,body.login-mode select,body.login-mode input,body.login-mode textarea,body.login-mode .badge2,body.login-mode .pill,body.login-mode .chip,body.login-mode .modal,body.login-mode .seg,body.login-mode .seg button,body.login-mode .qa button,body.login-mode .pcard,body.login-mode .proto-note,body.login-mode .sigpad,body.login-mode .docwrap,body.login-mode .bar,body.login-mode .bar>i,body.login-mode .sw,body.login-mode .hero,body.login-mode .namelink{border-radius:0!important}
/* Logo */
body.login-mode .brandblock{display:flex;align-items:center;gap:11px}
body.login-mode header.top .hdlogo{height:30px;width:30px;flex:0 0 30px}
body.login-mode .landing .hbrand{display:flex;align-items:center;gap:11px}
body.login-mode .landing .heromark{height:30px;width:30px;flex:0 0 30px}
body.login-mode .landing .loginlogoimg{height:34px;width:auto;display:block;margin-bottom:24px}

body.login-mode .landing .hero::before{display:none}
body.login-mode .landing .hero svg.contour{display:none}
body.login-mode .landing .herocontent .htitle,body.login-mode .landing .herocontent .htag,body.login-mode .landing .hbrand{text-shadow:0 1px 14px rgba(0,8,18,.45)}
@media(max-width:880px){body.login-mode .landing .hero{min-height:38vh}}
/* DE/EN auf Login */
body.login-mode .landing .loginpane{position:relative}
body.login-mode .loginlang{position:absolute;top:18px;right:20px;display:flex;border:1px solid var(--line);overflow:hidden}
body.login-mode .loginlang button{background:#fff;border:none;padding:5px 11px;font-family:inherit;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;border-right:1px solid var(--line)}
body.login-mode .loginlang button:last-child{border-right:none}
body.login-mode .loginlang button.on{background:var(--navy);color:#fff}
body.login-mode.dark .loginlang{border-color:#31404e}
body.login-mode.dark .loginlang button{background:#0f1720;color:#9fb0c0;border-color:#31404e}
body.login-mode.dark .loginlang button.on{background:var(--cyan);color:#04233f}

/* Welcome-Hero (hi-res) */
body.login-mode .landing .hero{background:linear-gradient(90deg,rgba(2,24,44,.90) 0%,rgba(2,24,44,.66) 46%,rgba(2,24,44,.40) 100%),url(/assets/login-a1954bc03ac553df.jpg) center/cover no-repeat}
/* Mobile-Feinschliff */
@media(max-width:880px){body.login-mode .landing .hero{min-height:300px}body.login-mode .landing .loginpane{justify-content:flex-start;padding:26px 24px 40px}body.login-mode .loginlang{position:static;align-self:flex-end;margin-bottom:20px}body.login-mode .landing .logincard{margin:0 auto}body.login-mode .landing .loginlogoimg{margin-bottom:20px}}
/* Mobile v2: Login-Pane als Spalte */
@media(max-width:880px){body.login-mode .landing .loginpane{flex-direction:column;justify-content:flex-start;align-items:center;padding:22px 24px 44px}body.login-mode .loginlang{position:static;align-self:flex-end;margin-bottom:22px}body.login-mode .landing .logincard{margin:0 auto;max-width:420px}}
/* Login-Formular */
body.login-mode input.lg_in{width:100%;padding:11px 12px;border:1px solid var(--line);font-family:inherit;font-size:14px;background:#fff;color:var(--ink)}
body.login-mode.dark input.lg_in{background:#0f1720;color:var(--ink);border-color:#31404e}
body.login-mode input.lg_in:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,153,204,.16)}
body.login-mode .linklike{background:none;border:none;color:var(--cyan);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:12px 0 0}
body.login-mode .loginhint{margin-top:14px;font-size:11.5px;color:var(--muted);background:var(--greybg);padding:9px 11px}
body.login-mode .modal-bg{z-index:60}
body.login-mode .daydate{font-size:10.5px;color:var(--muted);font-weight:400}
body.login-mode .legalbox{margin-top:10px;font-size:12px;border:1px solid var(--line);background:var(--greybg)}
body.login-mode .legalbox summary{cursor:pointer;padding:9px 12px;font-weight:600;color:var(--navy);list-style:none}
body.login-mode.dark .legalbox summary{color:#cfe0ee}
body.login-mode .legalbox>div{padding:0 12px 12px;color:var(--muted);line-height:1.55}
body.login-mode .tile{position:relative}
body.login-mode .tile .k{padding-right:42px}
body.login-mode .tico{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:var(--overbg);display:inline-flex;align-items:center;justify-content:center}
body.login-mode .tico svg{width:18px;height:18px;fill:none;stroke:var(--navy);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.login-mode.dark .tico{background:#0f2436}
body.login-mode.dark .tico svg{stroke:#7fc4e6}
body.login-mode .hero.mein{display:flex;align-items:center;gap:16px}
body.login-mode .heroav{width:52px;height:52px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:19px;flex:0 0 52px}
body.login-mode.dark .heroav{background:var(--cyan);color:#04233f}
@media(max-width:560px){body.login-mode main{padding:14px}body.login-mode .qa2{grid-template-columns:1fr;gap:9px;margin-bottom:2px}body.login-mode .qacard{padding:12px 13px}body.login-mode .qaic{width:38px;height:38px;flex:0 0 38px}body.login-mode .qaic svg{width:19px;height:19px}body.login-mode .tiles{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px}body.login-mode .tiles .tile:last-child{grid-column:1 / -1}body.login-mode .tile{padding:12px 13px}body.login-mode .tile .v{font-size:20px;margin-top:2px}body.login-mode .tile .k{padding-right:32px;font-size:10.5px}body.login-mode .tico{top:10px;right:10px;width:28px;height:28px}body.login-mode .tico svg{width:15px;height:15px}body.login-mode .ov-h{margin-top:16px}body.login-mode .hero.mein{gap:12px;padding:14px 16px}body.login-mode .hero h1{font-size:17px}body.login-mode .hero p{font-size:12px}body.login-mode .heroav{width:42px;height:42px;flex:0 0 42px;font-size:15px}body.login-mode .row{gap:12px}body.login-mode .card{padding:14px}body.login-mode .sec-h{margin-bottom:10px}}
body.login-mode .qa2{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:12px;margin-bottom:6px}
body.login-mode .qacard{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:0;padding:14px 15px;cursor:pointer;font-family:inherit;text-align:left;position:relative;transition:border-color .15s,box-shadow .15s,transform .12s}
body.login-mode .qacard:hover{border-color:var(--cyan);box-shadow:0 4px 14px rgba(0,60,110,.10);transform:translateY(-1px)}
body.login-mode .qaic{width:42px;height:42px;border-radius:50%;flex:0 0 42px;display:flex;align-items:center;justify-content:center}
body.login-mode .qaic svg{width:21px;height:21px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.login-mode .qatx{display:flex;flex-direction:column;gap:2px;min-width:0}
body.login-mode .qatt{font-weight:700;color:var(--navy);font-size:14px;line-height:1.15}
body.login-mode .qads{font-size:11.5px;color:var(--muted);line-height:1.2}
body.login-mode .qachev{margin-left:auto;color:#9fb0c0;display:flex;flex:0 0 auto}
body.login-mode .qachev svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.login-mode .qa-navy{border-left-color:var(--navy)}body.login-mode .qa-navy .qaic{background:rgba(0,51,102,.10)}body.login-mode .qa-navy .qaic svg{stroke:var(--navy)}
body.login-mode .qa-cyan{border-left-color:var(--cyan)}body.login-mode .qa-cyan .qaic{background:rgba(0,153,204,.14)}body.login-mode .qa-cyan .qaic svg{stroke:var(--cyan)}
body.login-mode .qa-amber{border-left-color:var(--amber)}body.login-mode .qa-amber .qaic{background:rgba(138,109,31,.14)}body.login-mode .qa-amber .qaic svg{stroke:var(--amber)}
body.login-mode .qa-green{border-left-color:var(--green)}body.login-mode .qa-green .qaic{background:rgba(30,125,70,.13)}body.login-mode .qa-green .qaic svg{stroke:var(--green)}
body.login-mode .qa-h{margin-bottom:10px}body.login-mode .ov-h{margin-top:20px}
body.login-mode.dark .qatt{color:#cfe0ee}
body.login-mode.dark .qacard{background:#16212e}
body.login-mode.dark .qa-navy .qaic{background:rgba(127,196,230,.14)}body.login-mode.dark .qa-navy .qaic svg{stroke:#7fc4e6}
body.login-mode .tcell{display:flex;flex-direction:column;gap:3px}
body.login-mode .tcell input[type=time]{width:100%}
body.login-mode .nowb{font-family:inherit;font-size:10px;letter-spacing:.03em;text-transform:uppercase;padding:3px 4px;border:1px solid var(--line);background:var(--greybg);color:var(--navy);cursor:pointer;white-space:nowrap;line-height:1.2;border-radius:0}
body.login-mode .nowb:hover{border-color:var(--cyan);color:var(--cyan)}
body.login-mode .nowb:disabled{opacity:.4;cursor:not-allowed}
body.login-mode .tin:disabled{background:var(--greybg);opacity:.55;cursor:not-allowed}
body.login-mode.dark .nowb{background:#1b2735;color:#cfe0ee}
body.login-mode .exttag{display:inline-block;margin-left:8px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--amber);border:1px solid var(--amber);padding:1px 6px;vertical-align:middle;white-space:nowrap}
body.login-mode .hclock{display:flex;align-items:center;gap:6px;color:#cfe0ee;font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap;padding:2px 0}
body.login-mode .hclock svg{width:15px;height:15px;fill:none;stroke:#7fc4e6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 15px}
body.login-mode .hclock .hct{font-weight:700;letter-spacing:.02em}
body.login-mode .hclock .hcd{color:#9fb0c0;font-size:11.5px}
@media(max-width:560px){
body.login-mode .erfcard{min-width:0!important}
body.login-mode .sumcard{width:100%!important}
body.login-mode table.erf thead{display:none}
body.login-mode table.erf,body.login-mode table.erf tbody,body.login-mode table.erf tr,body.login-mode table.erf td{display:block;width:auto}
body.login-mode table.erf tr{border:1px solid var(--line);border-left:3px solid var(--cyan);margin-bottom:12px;padding:4px 12px 10px;background:var(--card)}
body.login-mode table.erf td.tc{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);text-align:right}
body.login-mode table.erf td.tc:last-child{border-bottom:none}
body.login-mode table.erf td.tc::before{content:attr(data-label);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-weight:700;text-align:left;flex:0 0 auto}
body.login-mode table.erf td.daycell{border-bottom:2px solid var(--line);margin-bottom:2px;padding:2px 0 7px;text-align:left}
body.login-mode table.erf td.daycell b{font-size:15px;color:var(--navy)}
body.login-mode table.erf .tcell{flex-direction:row;align-items:center;gap:6px;flex:0 0 auto}
body.login-mode table.erf .tcell input[type=time]{width:auto}
body.login-mode table.erf input[type=number]{width:84px;text-align:center}
body.login-mode table.erf td.actcell{flex-direction:column;align-items:stretch;text-align:left}
body.login-mode table.erf td.actcell::before{margin-bottom:5px}
body.login-mode table.erf td.actcell .ainp{width:100%}
body.login-mode table.erf .hcell{font-size:16px}
body.login-mode table.erf .nowb{font-size:9.5px;padding:3px 5px}
}
body.login-mode .ainp{resize:none;overflow:hidden;min-height:34px;line-height:1.35}
body.login-mode .stin{width:160px}
body.login-mode .pjcell{white-space:nowrap}
body.login-mode .pjchk{display:inline-flex;align-items:center;gap:4px;font-size:12px;margin-right:12px;color:var(--ink);cursor:pointer}
body.login-mode .pjchk input{width:auto;margin:0}
body.login-mode .wc{font-size:10.5px;margin-top:3px;display:block;color:var(--muted)}
body.login-mode .wc.lo{color:var(--under)}
body.login-mode .wc.ok{color:var(--green)}
body.login-mode .notice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--overbg);border:1px solid var(--cyan);border-left:3px solid var(--cyan);border-radius:0;padding:12px 15px;margin-bottom:18px;cursor:pointer;font-family:inherit;color:var(--navy);font-weight:600;font-size:14px}
body.login-mode .notice:hover{box-shadow:0 3px 12px rgba(0,120,180,.12)}
body.login-mode .notice .nic{width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 34px}
body.login-mode .notice .nic svg{width:18px;height:18px;fill:none;stroke:var(--cyan);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.login-mode .notice .ntx{flex:1}
body.login-mode.dark .notice{background:#0f2436}
body.login-mode.dark .notice{color:#cfe0ee}
body.login-mode.dark .notice .nic{background:#16212e}

/* Mobile review, September 2026 */
body.login-mode .demo-banner{padding:8px 16px;background:#fff0d4;color:#664700;font-size:12px;text-align:center}
body.login-mode .mobile-nav{display:none}
body.login-mode .table-scroll{max-width:100%;overflow:auto}
body.login-mode :focus-visible{outline:3px solid #0099cc!important;outline-offset:3px}
body.login-mode .landing{overflow-y:auto}body.login-mode .landing .hero{flex-shrink:0}body.login-mode .landing .loginpane{flex-shrink:0}
@media(max-width:600px){
 body.login-mode header.top{padding:12px;gap:8px}body.login-mode .rolewrap{margin:0;width:100%;gap:8px}
 body.login-mode .who{min-width:0}body.login-mode .rolewrap .hsel{max-width:100%;height:44px}
 body.login-mode .seg,body.login-mode .hdgrp{height:44px}body.login-mode .seg button,body.login-mode .hdgrp button{min-width:44px}
 body.login-mode #hproj{flex:1;min-width:0}body.login-mode #hclock{display:none}
 body.login-mode nav.tabs{flex-wrap:nowrap;overflow:auto;padding:0 8px}body.login-mode nav.tabs button{white-space:nowrap;min-height:48px;padding:10px 12px}
 body.login-mode main{padding:14px 12px 90px;width:100%;min-width:0}
 body.login-mode main .row{flex-direction:column}body.login-mode main .row>*,body.login-mode main .card,body.login-mode main .pcard{min-width:0!important;max-width:100%;width:100%!important}
 body.login-mode main .card{overflow-wrap:anywhere}body.login-mode .qa2{grid-template-columns:1fr}body.login-mode .tiles{grid-template-columns:1fr 1fr}
 body.login-mode input,body.login-mode select,body.login-mode textarea,body.login-mode input.lg_in{font-size:16px;min-height:44px;max-width:100%}
 body.login-mode input[type=checkbox]{min-height:24px;width:24px}
 body.login-mode button.btn,body.login-mode button.link,body.login-mode button.linklike,body.login-mode .nowb,body.login-mode .namelink{min-height:44px}
 body.login-mode .erfcard>div[style*="display:flex"]{flex-wrap:wrap}body.login-mode .erfcard>div[style*="display:flex"]>.btn{flex:1}
 body.login-mode .reqrow{flex-wrap:wrap}body.login-mode .modal-bg{padding:10px 8px}body.login-mode .modal .mbd{padding:14px}body.login-mode .modal .mhd .x{min-width:44px;min-height:44px}
 body.login-mode .modal .mbd>div[style*="display:flex"]{flex-wrap:wrap}body.login-mode .sigbox{min-width:0;width:100%;flex-basis:100%}
 body.login-mode .landing .hero{min-height:170px;padding:24px;margin-bottom:0}body.login-mode .landing .htitle{font-size:28px;margin:10px 0}body.login-mode .landing .htag{font-size:14px}
 body.login-mode .landing .trust{margin-top:12px}body.login-mode .landing .loginpane{padding:18px 22px 32px;flex:1 0 auto}body.login-mode .loginlang{margin-bottom:14px}
 body.login-mode .mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--card);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -3px 15px #00336612}
 body.login-mode .mobile-nav button{flex:1;min-height:54px;border:0;background:transparent;color:var(--muted);font:600 12px inherit;padding:8px 3px}
 body.login-mode .mobile-nav button.active{color:var(--navy);background:var(--overbg);border-top:3px solid var(--cyan)}
 body.login-mode table.mobile-list,body.login-mode table.mobile-list tbody,body.login-mode table.mobile-list tr,body.login-mode table.mobile-list td{display:block;width:100%}
 body.login-mode table.mobile-list thead{display:none}body.login-mode table.mobile-list tr{border:1px solid var(--line);margin:10px 0;padding:8px}
 body.login-mode table.mobile-list td{display:flex;justify-content:space-between;gap:12px;text-align:right!important;border:0;padding:8px 2px;white-space:normal!important;flex-wrap:wrap}
 body.login-mode table.mobile-list td::before{content:attr(data-label);font-weight:600;color:var(--muted);text-align:left}
}
@media print{body.login-mode .demo-banner,body.login-mode .mobile-nav{display:none!important}}

body.login-mode .menu-trigger{display:none}
body.login-mode .area-directory{margin:18px 0 24px}body.login-mode .area-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}body.login-mode .area-heading h2{margin:0;font-size:19px;color:var(--navy)}
body.login-mode .area-directory-browse .area-open{padding:16px 12px;min-height:80px}
body.login-mode .favorite-count{white-space:nowrap;font-weight:700;background:var(--overbg);color:var(--navy);padding:6px 10px}
body.login-mode .area-hint{font-size:13px;color:var(--muted);margin:8px 0 14px}body.login-mode .area-storage{font-size:12px;color:var(--muted)}
body.login-mode .area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.login-mode .area-card{display:flex;border:1px solid var(--line);background:var(--card);min-width:0;border-left:3px solid var(--cyan)}
body.login-mode .area-open{flex:1;min-width:0;background:transparent;border:0;text-align:left;padding:14px 8px 14px 12px;color:var(--ink);font:inherit;cursor:pointer}
body.login-mode .area-open strong{display:block;font-size:14px}body.login-mode .area-open small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
body.login-mode .favorite-toggle{align-self:flex-start;flex:0 0 44px;width:44px;height:48px;background:transparent;border:0;font-size:27px;color:var(--muted);cursor:pointer}
body.login-mode .favorite-toggle[aria-pressed=true]{color:#936200;background:#fff1cc}body.login-mode .area-card:focus-within{outline:2px solid var(--cyan)}
body.login-mode.dark .area-heading h2{color:#cfe0ee}
@media(max-width:600px){body.login-mode .area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.login-mode .area-card{position:relative}body.login-mode .area-open{padding:12px 10px;min-height:106px;padding-top:44px}body.login-mode .favorite-toggle{position:absolute;right:0;top:0}body.login-mode .area-open small{font-size:11.5px}body.login-mode .mobile-nav button span{display:block;line-height:1.15;overflow-wrap:normal}}
body.login-mode .notification-form{max-width:660px}
body.login-mode .choice-row{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink);cursor:pointer}
body.login-mode .choice-row input{width:24px;height:24px;flex:0 0 24px;accent-color:var(--navy)}
body.login-mode .choice-row span{display:block}body.login-mode .choice-row small{display:block;color:var(--muted);font-size:13px;margin-top:3px}
body.login-mode .notice-status{padding:12px 14px;background:var(--overbg);color:var(--ink);margin:16px 0;font-size:14px}
body.login-mode .notice-status:empty{display:none}
body.login-mode .report-number,body.login-mode .tile .v,body.login-mode .wsum,body.login-mode .kv b{white-space:nowrap;word-break:normal;overflow-wrap:normal;font-variant-numeric:tabular-nums}
body.login-mode .report-stack{display:grid;gap:12px;max-width:850px}
body.login-mode .report-row{padding:16px;background:var(--card);border:1px solid var(--line)}
body.login-mode .report-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.login-mode .report-top h3{font-size:16px;margin:0}body.login-mode .report-number{font-size:23px;font-weight:700;color:var(--navy)}
body.login-mode.dark .report-number{color:#cfe0ee}
body.login-mode .report-meta{font-size:13px;color:var(--muted);margin-top:6px}
body.login-mode .menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.login-mode .menu-grid button{min-height:64px;text-align:left;padding:14px;background:var(--card);border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer}
body.login-mode .menu-grid button[aria-current=page]{border:2px solid var(--cyan)}
body.login-mode .menu-intro{margin:0 0 16px;color:var(--muted)}
body.login-mode .mobile-nav button{font-family:inherit;font-size:12px;font-weight:600}
body.login-mode .mobile-nav button svg{display:block;width:22px;height:22px;margin:0 auto 4px;stroke:currentColor;fill:none;stroke-width:1.8}
body.login-mode .app-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 24px);width:max-content;background:var(--navy);color:white;padding:12px 16px;z-index:100;box-shadow:0 3px 14px #0003}
@media(max-width:600px){
 body.login-mode nav.tabs{display:none}
 body.login-mode .menu-trigger{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid #ffffff66;color:white;min-height:44px;padding:8px 12px;font:inherit;margin-left:auto}
 body.login-mode header.top .brandblock{flex:1;min-width:0}body.login-mode header.top .logo{font-size:14px}
 body.login-mode .tiles{grid-template-columns:1fr!important}
 body.login-mode .tile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding:16px!important}
 body.login-mode .tile .k{padding-right:0!important}body.login-mode .tile .v{font-size:23px!important;grid-column:2;grid-row:1 / span 2;margin:0}
 body.login-mode .tile .tico{display:none}body.login-mode .tile>div:not(.k):not(.v):not(.tico){grid-column:1}
 body.login-mode .kv{gap:12px;flex-wrap:wrap}body.login-mode .kv b{margin-left:auto}
 body.login-mode .report-row{padding:14px}body.login-mode .report-number{font-size:22px}body.login-mode .report-top{align-items:flex-start}
 body.login-mode .mobile-nav button{min-height:62px}body.login-mode .mobile-nav button.active{color:var(--ink)}
 body.login-mode .menu-grid{grid-template-columns:1fr}body.login-mode .menu-grid button{min-height:52px}
 body.login-mode #app .notification-form{width:100%;padding:16px}
 body.login-mode #app .notification-form .btn{width:100%;min-height:48px}
 body.login-mode table.mobile-list td{word-break:normal;overflow-wrap:normal}
 body.login-mode table.mobile-list td.numeric-cell{white-space:nowrap!important;flex-wrap:nowrap}
 body.login-mode .landing .hero{min-height:160px}body.login-mode .landing .loginpane{padding-bottom:32px}
}
@media print{body.login-mode .menu-trigger{display:none!important}}

body.login-mode .home-layout{max-width:1000px;margin:auto;display:grid;gap:24px}body.login-mode .welcome-panel{position:relative;padding:30px;background:linear-gradient(125deg,#003366,#074965);color:white;border-radius:18px;overflow:hidden}body.login-mode .welcome-panel::after{content:'';position:absolute;right:-65px;top:-85px;width:220px;height:220px;border:34px solid #ffffff09;border-radius:50%;pointer-events:none}body.login-mode .welcome-date{color:#b9d9e7;font-size:13px}body.login-mode .welcome-panel h1{font-size:32px;margin:15px 0 18px;line-height:1.2}body.login-mode .welcome-panel h1 span{display:block;font-size:17px;color:#cbe6f0;font-weight:400;margin-top:8px}body.login-mode .welcome-project{display:flex;align-items:center;gap:8px;font-size:13px;margin:0 0 24px}body.login-mode .project-dot{width:7px;height:7px;background:#64d6cc;border-radius:50%}body.login-mode .home-primary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 18px;min-height:56px;background:#bceee7;color:#073c4b;border:0;border-radius:10px;font:700 16px inherit;cursor:pointer}body.login-mode .home-primary span{font-size:24px}body.login-mode .welcome-foot{font-size:12px;color:#bed6e2;margin:12px 0 0}body.login-mode .home-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}body.login-mode .home-section-title h2{font-size:18px;margin:0;color:var(--ink)}body.login-mode .home-section-title>span{font-size:12px;color:var(--muted)}body.login-mode .attention-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:16px;font:inherit;cursor:pointer;margin-bottom:9px}body.login-mode .attention-row strong{font-size:14px;display:block}body.login-mode .attention-row small{font-size:12px;color:var(--muted);display:block;margin-top:4px}body.login-mode .attention-icon{display:grid;place-items:center;width:40px;height:40px;background:#e2f3f5;color:#006b7c;border-radius:12px;flex:0 0 40px;font-size:23px}body.login-mode .attention-amber{background:#fbf0de;color:#916625}body.login-mode .attention-arrow{margin-left:auto;font-size:24px;color:var(--muted)}body.login-mode .home-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}body.login-mode .home-stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}body.login-mode .home-stat>span{display:block;font-size:12px;color:var(--muted)}body.login-mode .home-stat>strong{display:block;font-size:34px;margin:12px 0 8px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}body.login-mode .home-stat strong small{font-size:14px;font-weight:400}body.login-mode .home-stat>div{font-size:11px;color:var(--muted);margin-bottom:8px}body.login-mode .home-pending{font-size:12px;color:var(--muted);margin-top:12px}body.login-mode .home-textlink{background:none;border:0;color:var(--cyan);font:inherit;font-size:13px;min-height:44px;cursor:pointer}body.login-mode .home-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}body.login-mode .home-links button{background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:16px;text-align:left;font:inherit;min-height:60px;cursor:pointer}body.login-mode .home-links button span{float:right}body.login-mode .time-toolbar{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px;gap:12px}body.login-mode .time-toolbar-label{font-weight:700}body.login-mode .time-view-toggle{background:none;border:0;color:var(--cyan);font:inherit;font-size:12px;min-height:44px;cursor:pointer}body.login-mode .time-day-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}body.login-mode .time-day-strip button{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:9px;min-height:65px;padding:8px 2px;cursor:pointer;font:inherit}body.login-mode .time-day-strip span{display:block;font-size:11px}body.login-mode .time-day-strip strong{display:block;font-size:17px;margin-top:3px}body.login-mode .time-day-strip button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}
body.login-mode .time-workspace table.erf,body.login-mode .time-workspace table.erf tbody{display:block;width:100%}body.login-mode .time-workspace table.erf thead{display:none}body.login-mode .time-workspace table.erf tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;margin:12px 0;background:var(--card);border:1px solid var(--line);border-radius:12px}body.login-mode .time-workspace #days>tr[hidden]{display:none!important}body.login-mode .time-workspace table.erf td{display:block;width:auto;border:0;padding:0;text-align:left;background:transparent!important;min-width:0}body.login-mode .time-workspace table.erf td.daycell{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:12px}body.login-mode .time-workspace table.erf td.tc::before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:6px}body.login-mode .time-workspace table.erf .tcell{display:flex;flex-direction:column;max-width:none;width:100%}body.login-mode .time-workspace table.erf td.tc input{width:100%!important;min-width:0;min-height:48px;font-size:17px;border-radius:8px!important}body.login-mode .time-workspace table.erf .nowb{min-height:32px;font-size:11px}body.login-mode .time-workspace table.erf .actcell{grid-column:1/-1;display:block!important}body.login-mode .time-workspace table.erf .actcell textarea{display:block;min-height:80px;width:100%!important;border-radius:8px!important}body.login-mode .time-workspace .erfcard{min-width:0!important}body.login-mode .time-workspace .time-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}body.login-mode .time-actions .btn{min-height:48px;border-radius:8px!important}body.login-mode .time-actions #e_status{margin:0!important;align-self:center}body.login-mode .time-summary{align-self:flex-start}body.login-mode .time-demo-note{font-size:11px;color:var(--muted);margin:0 0 12px}body.login-mode .time-workspace .legalbox{margin-top:18px}
@media(max-width:600px){body.login-mode .home-layout{gap:22px}body.login-mode .welcome-panel{padding:24px 20px}body.login-mode .welcome-panel h1{font-size:29px}body.login-mode .home-stat{padding:15px 12px}body.login-mode .home-stat>strong{font-size:29px}body.login-mode .home-links button{font-size:13px;padding:14px 12px}body.login-mode .time-workspace .erfcard{padding:12px!important}body.login-mode .time-workspace table.erf tr{padding:12px;gap:12px}body.login-mode .time-workspace table.erf td.tc{display:block}body.login-mode .time-workspace .time-actions{grid-template-columns:1fr!important}body.login-mode .time-workspace .time-actions #e_status{order:-1}body.login-mode .time-workspace .view-title{font-size:24px}body.login-mode .time-workspace .time-summary{width:100%!important}body.login-mode .time-workspace table.erf .actcell::before{margin-bottom:6px}body.login-mode .time-workspace table.erf .actcell .wc{display:block;text-align:right}body.login-mode .home-primary{font-family:inherit;font-size:16px;font-weight:700}}
@media(min-width:850px){body.login-mode .home-layout{grid-template-columns:1.1fr 1fr}body.login-mode .welcome-panel{grid-row:span 2}body.login-mode .home-links{grid-column:1/-1}}
body.login-mode .daily-note{font-size:14px;line-height:1.5;color:#d8eeee;margin:12px 0 18px;max-width:36em}body.login-mode .home-secondary{min-height:44px;background:transparent;color:#d7f6f1;border:1px solid #ffffff50;border-radius:8px;width:100%;margin-top:10px;font:inherit;cursor:pointer}body.login-mode .home-links small{display:block;color:var(--muted);font-size:12px;margin-top:8px}
body.login-mode .employee-session #subline{display:none}body.login-mode .assigned-project{font-weight:600;font-size:13px;color:#d9edf5;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media(max-width:600px){body.login-mode .employee-session header.top{padding:10px 14px;gap:8px}body.login-mode .employee-session header.top .rolewrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:0;gap:12px}body.login-mode .employee-session #hdctl,body.login-mode .employee-session #who,body.login-mode .employee-session #hclock{display:none}body.login-mode .employee-session #hproj{min-width:0}body.login-mode .employee-session .menu-trigger{margin:0;min-height:40px;padding:6px 12px}body.login-mode .employee-session header.top .sub{display:none}}
body.login-mode .time-day-strip .day-mark{font-size:17px;font-weight:700;margin:5px 0}body.login-mode .time-day-strip small{display:block;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}body.login-mode .time-day-strip button[data-state=saved]{border-bottom:4px solid #16856b}body.login-mode .time-day-strip button[data-state=partial]{border-bottom:4px solid #c48513}body.login-mode .time-day-strip button[data-state=draft]{border-bottom:4px solid #1497b3}body.login-mode .time-progress{padding:12px 0 2px;color:var(--ink);font-size:13px;line-height:1.5}body.login-mode .time-progress p{font-size:11px;color:var(--muted);margin:5px 0}body.login-mode .time-day-strip button{min-height:100px}
body.login-mode .welcome-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}body.login-mode .welcome-top h1{font-size:24px;margin:0;line-height:1.25}body.login-mode .welcome-top h1 span{font-size:14px;margin-top:4px}body.login-mode .welcome-top .welcome-date{font-size:11px;text-align:right;max-width:110px;line-height:1.5;padding-top:3px}body.login-mode .welcome-panel .daily-note{font-size:12px;margin:14px 0 18px}body.login-mode .home-open{border-top:1px solid #ffffff25;padding:14px 0;margin-bottom:12px}body.login-mode .home-open h2{font-size:14px;color:white;margin:0 0 10px}body.login-mode .home-open button{display:block;width:100%;text-align:left;border:1px solid #ffffff30;border-radius:8px;background:#ffffff0c;color:white;min-height:44px;padding:10px 12px;margin:6px 0;font:inherit;font-size:13px;cursor:pointer}body.login-mode .home-open p{font-size:12px;line-height:1.6;color:#d8eeee;margin:8px 0}body.login-mode .home-open .home-waiting{font-size:11px;color:#bed6e2;margin-top:12px}body.login-mode .welcome-panel{padding:24px}body.login-mode .welcome-panel .welcome-foot{font-size:11px}@media(max-width:600px){body.login-mode .welcome-panel{padding:20px 16px}body.login-mode .welcome-panel .welcome-top h1{font-size:23px}body.login-mode .welcome-panel .welcome-top h1 span{font-size:14px}}
body.login-mode .time-workspace~*{box-sizing:border-box}body.login-mode #app details>summary{min-height:44px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 0}body.login-mode #app [role=button]:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}
body.login-mode .today-card{padding:20px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px}body.login-mode .today-card h2{font-size:17px;margin:0 0 12px}body.login-mode .today-card p{font-size:14px}body.login-mode .today-card small{display:block;font-size:12px;color:var(--muted);line-height:1.5}body.login-mode .today-card>.btn{display:block;width:100%;margin-top:10px;min-height:44px}body.login-mode .location-picker{border:0;padding:12px 0;margin:10px 0;display:flex;gap:8px;flex-wrap:wrap}body.login-mode .location-picker legend{font-size:13px;font-weight:600}body.login-mode .location-picker label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:12px;font-size:13px;min-height:44px;box-sizing:border-box}body.login-mode .location-picker input{width:auto!important}body.login-mode .reminder-plan{margin-top:20px}body.login-mode .reminder-plan p{font-size:13px;line-height:1.5}body.login-mode .reminder-plan label{display:block;margin:12px 0}body.login-mode .reminder-plan input[type=checkbox]{width:auto}
body.login-mode #view-arrows{display:flex;justify-content:space-between;gap:12px;margin:0 0 12px;grid-column:1/-1}body.login-mode #view-arrows button{font:inherit;font-size:13px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);cursor:pointer}body.login-mode #view-arrows button:disabled{opacity:.4;cursor:default}body.login-mode .time-workspace .top-week-total{width:100%!important;box-sizing:border-box;padding:12px!important;margin:12px 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px}body.login-mode .top-week-total .wsum{font-size:24px!important;white-space:nowrap}body.login-mode .top-week-total #e_soll{grid-column:1/-1;margin:0!important}body.login-mode .top-week-total .bar{display:none}body.login-mode .time-workspace .location-picker{padding:4px 0;margin:4px 0;gap:6px}body.login-mode .time-workspace .location-picker legend{font-size:11px}body.login-mode .time-workspace .location-picker label{flex:1;margin:0!important;padding:6px 10px;min-height:44px;font-size:12px;white-space:nowrap}body.login-mode .day-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}body.login-mode .day-save-actions .btn{min-height:44px;font-size:13px;padding:8px;border-radius:8px!important}body.login-mode .day-save-actions p,body.login-mode .day-save-actions small{grid-column:1/-1;margin:0;font-size:11px;line-height:1.5;color:var(--muted)}
body.login-mode .time-workspace .view-title{font-size:23px;letter-spacing:-.4px}body.login-mode .time-workspace .view-sub{font-size:12px;margin-bottom:14px}body.login-mode .time-workspace .top-week-total{background:linear-gradient(120deg,#07375b,#07566a)!important;color:#fff!important;border:0!important;border-radius:14px!important;padding:14px 16px!important}body.login-mode .top-week-total label,body.login-mode .top-week-total #e_soll{color:#d1e8ef!important;font-size:12px!important}body.login-mode .top-week-total .wsum{color:#fff!important;font-size:29px!important}body.login-mode .time-workspace .time-toolbar{margin:8px 0 4px}body.login-mode .time-toolbar-label{font-size:13px}body.login-mode .time-day-strip{gap:4px}body.login-mode .time-day-strip button{position:relative;min-height:124px;padding:7px 2px;border-radius:10px;background:var(--card)}body.login-mode .time-day-strip strong{font-size:14px}body.login-mode .time-day-strip .week-mini-track{height:36px;width:12px;margin:7px auto 4px;position:relative;background:#8aafbe25;border-radius:4px;overflow:hidden}body.login-mode .time-day-strip .week-mini-fill{position:absolute;bottom:0;width:100%;background:#13a99b;border-radius:4px;min-height:0}body.login-mode .time-day-strip button[aria-pressed=true]{background:#073c5b;color:#fff;border-color:#073c5b}body.login-mode .time-day-strip button[aria-pressed=true] .week-mini-fill{background:#a8eee1}body.login-mode .time-day-strip .day-mark{position:absolute;right:3px;top:0;font-size:10px}body.login-mode .time-day-strip small{font-size:11px;font-weight:600}body.login-mode #week-chart-note{font-size:11px;line-height:1.4;color:var(--muted);margin:7px 0}body.login-mode .time-workspace .time-progress{padding:6px 0;font-size:12px}body.login-mode .time-progress p{font-size:10px}body.login-mode .time-workspace .location-picker{display:grid;grid-template-columns:1fr 1fr;border-radius:10px;background:var(--bg);padding:4px;margin:8px 0}body.login-mode .time-workspace .location-picker label{min-height:44px!important;border:0!important;background:transparent;border-radius:7px;padding:4px 9px!important}body.login-mode .time-workspace .location-picker label:has(input:checked){background:var(--card);box-shadow:0 1px 5px #002d4520;color:var(--ink);font-weight:600}body.login-mode .time-workspace .location-picker input{min-height:0!important;height:16px;width:16px!important;accent-color:#078579}body.login-mode .day-save-actions{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}body.login-mode #save-selected-day{display:flex;align-items:center;justify-content:center;gap:8px;background:#087c73;color:white;border:0;box-shadow:0 3px 10px #087c731f;min-height:48px}body.login-mode #save-selected-day svg{height:20px;width:20px;flex-shrink:0}body.login-mode #discard-selected-day{border:0;background:transparent;color:var(--muted);font-size:12px}body.login-mode .time-workspace table.erf tr{border-radius:14px;margin:8px 0}body.login-mode .time-workspace .erfcard{border-radius:16px!important}
body.login-mode .time-workspace table.erf tr{padding:12px!important;gap:9px 12px!important}body.login-mode .time-workspace table.erf td.daycell{display:flex;align-items:baseline;gap:7px;padding-bottom:8px;margin-bottom:1px}body.login-mode .time-workspace .daycell br{display:none}body.login-mode .time-workspace .daycell .daydate{font-size:11px;color:var(--muted)}body.login-mode .day-inline-total{margin-left:auto;font-size:16px;font-weight:700;color:var(--ink);white-space:nowrap}body.login-mode .time-workspace table.erf td.redundant-day-total{display:none!important}body.login-mode .time-workspace table.erf td.tc::before{font-size:10px;letter-spacing:.3px;margin-bottom:4px}body.login-mode .time-workspace table.erf td.tc input{min-height:44px;height:44px;font-size:15px;padding:7px 9px!important}body.login-mode .time-workspace table.erf .nowb{min-height:28px;height:28px;font-size:10px;padding:3px 8px;border:0;background:transparent;color:var(--muted)}body.login-mode .time-workspace table.erf .tcell{gap:0}body.login-mode .time-workspace table.erf .actcell textarea{min-height:60px;max-height:160px;overflow-y:auto!important;font-size:13px!important;line-height:1.5;padding:9px!important}body.login-mode .time-workspace table.erf .actcell .wc{font-size:10px;margin-top:3px}body.login-mode .time-workspace .day-save-actions{margin-top:9px}body.login-mode .time-workspace .location-picker{margin:5px 0;padding:3px}body.login-mode .time-workspace .location-picker legend{font-size:10px;margin-bottom:2px}
/* Compact day preview, also available through keyboard focus. */
body.login-mode .day-hover-preview{position:fixed;z-index:10000;box-sizing:border-box;padding:16px;border:1px solid var(--line,#dce5ed);border-radius:16px;background:var(--card,#fff);color:var(--text,#12324b);box-shadow:0 12px 36px #032d4e29;max-height:calc(100vh - 24px);overflow:auto;font-size:13px;line-height:1.5}
body.login-mode .day-hover-preview>strong{display:block;font-size:15px}body.login-mode .day-preview-status{display:block;font-size:11px;color:var(--muted,#557086);margin-top:2px}
body.login-mode .day-hover-preview dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:13px 0;padding:12px 0;border-block:1px solid var(--line,#dce5ed)}
body.login-mode .day-hover-preview dt{font-size:11px;color:var(--muted,#557086)}body.login-mode .day-hover-preview dd{margin:0;font-size:16px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
body.login-mode .day-hover-preview p{margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}body.login-mode .day-preview-activity{max-height:120px;overflow:auto}body.login-mode .day-hover-preview small{display:block;font-size:11px;color:var(--muted,#557086)}
body.login-mode .day-break-hint{margin:0 0 10px;padding:9px 11px;border-radius:9px;background:var(--bg,#f3f7fa);border:1px solid var(--line,#dce5ed);font-size:12px;line-height:1.45}body.login-mode .day-break-hint strong{display:block;font-weight:600}body.login-mode .day-break-hint small{display:block;font-size:11px;color:var(--muted,#557086);margin-top:3px}body.login-mode .day-break-hint.needs-break{border-color:#d5a43f;background:#fff6df;color:#694a08}body.login-mode .day-break-hint.needs-break small{color:#694a08}
body.login-mode .week-activity-peek{margin:10px 0 14px;border:1px solid var(--line,#dce5ed);border-radius:12px;background:var(--card,#fff);font-size:13px}body.login-mode .week-activity-peek>summary{padding:13px;min-height:44px;box-sizing:border-box;cursor:pointer;font-weight:600}body.login-mode .week-activity-list{padding:0 13px 8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}body.login-mode .week-activity-list article{padding:9px 0;border-top:1px solid var(--line,#dce5ed);min-width:0}body.login-mode .week-activity-list button{display:block;background:transparent;color:inherit;border:0;padding:5px 0;min-height:44px;font-weight:650;cursor:pointer;text-align:left}body.login-mode .week-activity-list small{display:block;color:var(--muted,#557086);font-size:11px}body.login-mode .week-activity-list p{margin:7px 0;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;overflow:auto}
body.login-mode .time-workspace td.actcell::before{display:none!important}body.login-mode .day-activity-label{display:block;font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;margin:0 0 4px;color:var(--muted,#557086)}body.login-mode .time-workspace #warn{display:none}
/* Slim weekly total with a small progress ring. */
body.login-mode .time-workspace .top-week-total{grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;padding:10px 12px!important;margin:10px 0;border-radius:12px!important;min-height:64px}
body.login-mode .top-week-total>label{grid-column:2;grid-row:1;margin:0!important;font-size:12px!important;align-self:end}body.login-mode .top-week-total .wsum{grid-column:3;grid-row:1/3;font-size:23px!important;line-height:1.1;align-self:center;margin:0!important}body.login-mode .top-week-total #e_soll{grid-column:2;grid-row:2;font-size:10px!important;line-height:1.3;align-self:start}body.login-mode .week-total-ring{grid-column:1;grid-row:1/3;width:44px;height:44px;position:relative;align-self:center}body.login-mode .week-total-ring svg{display:block;width:44px;height:44px;fill:none;stroke-width:4}body.login-mode .week-ring-track{stroke:#ffffff30}body.login-mode .week-ring-value{stroke:#8ce3d1;stroke-linecap:round}body.login-mode .week-total-ring span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:650;color:#e4fff9;font-variant-numeric:tabular-nums}
/* Agreed portal palette: VPG navy, one green for save/submit actions. */
body.login-mode{--portal-navy:#003366;--portal-action:#1e7d46;--navy:var(--portal-navy);--cyan:var(--portal-navy);--green:var(--portal-action)}
body.login-mode .welcome-panel,body.login-mode .time-workspace .top-week-total{background:var(--portal-navy)!important}
body.login-mode .time-day-strip button[aria-pressed=true]{background:var(--portal-navy);border-color:var(--portal-navy)}
body.login-mode .time-day-strip .week-mini-fill{background:var(--portal-navy)}
body.login-mode .time-day-strip button[aria-pressed=true] .week-mini-fill{background:#fff}
body.login-mode .week-ring-value{stroke:#fff}body.login-mode .week-total-ring span{color:#fff}body.login-mode .project-dot{background:#fff}
body.login-mode #save-selected-day,body.login-mode .btn.green{background:var(--portal-action)!important;color:#fff!important;border-color:var(--portal-action);box-shadow:none;filter:none}
body.login-mode #save-selected-day:hover,body.login-mode .btn.green:hover{background:#176238!important;filter:none}
body.login-mode .home-primary{background:var(--portal-action);color:#fff}
body.login-mode .attention-icon,body.login-mode .attention-amber{background:#edf2f7;color:var(--portal-navy)}
body.login-mode .time-workspace .location-picker input{accent-color:var(--portal-navy)}
body.login-mode.dark{--cyan:#cfe0ee}
body.login-mode.dark .time-day-strip button:not([aria-pressed=true]) .week-mini-fill{background:#cfe0ee}

body.login-mode .header-logout{background:transparent;border:1px solid #ffffff66;color:white;font:inherit;font-size:12px;min-height:40px;padding:6px 10px;cursor:pointer;white-space:nowrap}
body.login-mode header.top #hdctl button:last-child{display:none}
body.login-mode .session-locked #app,body.login-mode .session-locked #tabs,body.login-mode .session-locked header.top,body.login-mode .session-locked #mobile-nav{visibility:hidden!important}
body.login-mode #idle-notice{position:fixed;z-index:90;bottom:88px;left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:440px;background:var(--card);color:var(--ink);border:2px solid #bd8733;padding:18px;box-shadow:0 8px 40px #0004;border-radius:12px}
body.login-mode #idle-notice[hidden]{display:none!important}body.login-mode #idle-notice p{font-size:13px;line-height:1.5}body.login-mode #idle-notice button{min-height:48px;width:100%;background:var(--navy);color:white;border:0;border-radius:6px;font:inherit;cursor:pointer}
@media(max-width:600px){body.login-mode .employee-session header.top .rolewrap{grid-template-columns:minmax(0,1fr) auto auto;gap:6px}body.login-mode .employee-session .menu-trigger{padding:6px 8px}body.login-mode .assigned-project{font-size:12px}}
@media print{body.login-mode .header-logout,body.login-mode #idle-notice{display:none!important}}

body.login-mode .start-dashboard{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:20px;align-items:start}body.login-mode .start-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:30px;align-items:center;padding:8px 0 6px;background:transparent;color:var(--ink)}body.login-mode .start-heading h1{margin:4px 0;font-size:28px;line-height:1.15;color:var(--ink);letter-spacing:-.6px}body.login-mode .start-heading h1 span{display:block;font-size:14px;font-weight:400;letter-spacing:0;margin-top:9px;color:var(--muted)}body.login-mode .start-heading>div>p{margin:0 0 8px;font-size:11px;color:var(--muted)}body.login-mode .start-date{max-width:350px;text-align:right;font-size:13px}body.login-mode .start-date p{line-height:1.5;margin-top:8px!important;font-size:12px!important}body.login-mode .start-today{padding:23px;border-radius:16px;background:var(--navy);color:white}body.login-mode .start-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}body.login-mode .start-card-top h2{font-size:17px;margin:0}body.login-mode .start-card-top>span{font-size:11px;opacity:.8;text-align:right}body.login-mode .start-today-main{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}body.login-mode .start-hours{font-size:42px;line-height:1;letter-spacing:-1px;white-space:nowrap}body.login-mode .start-hours small{font-size:20px;font-weight:400}body.login-mode .start-today-main p{font-size:12px;color:#d6e2f0;line-height:1.5}body.login-mode .start-today .btn{min-height:46px;padding:11px 18px;display:flex;justify-content:space-between;gap:16px;align-items:center}body.login-mode .start-week{text-align:center;flex:0 0 145px;font-size:11px}body.login-mode .start-week>span,body.login-mode .start-week>small{display:block;margin-top:6px;color:#d6e2f0}body.login-mode .start-ring{position:relative;width:88px;height:88px;margin:auto}body.login-mode .start-ring svg{width:100%;height:100%;fill:none;stroke-width:5;stroke:#ffffff30}body.login-mode .start-ring circle+circle{stroke:white}body.login-mode .start-ring>strong{position:absolute;inset:0;display:grid;place-content:center;font-size:22px;line-height:1.2}body.login-mode .start-ring small{font-size:10px;font-weight:400}body.login-mode .start-week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;border-top:1px solid #ffffff2b;padding-top:15px}body.login-mode .start-week-days button{min-height:52px;background:transparent;color:white;border:1px solid transparent;border-radius:8px;cursor:pointer}body.login-mode .start-week-days button[aria-current]{background:#ffffff15;border-color:#ffffff60}body.login-mode .start-week-days span{display:block;font-size:11px;opacity:.8}body.login-mode .start-week-days strong{display:block;font-size:16px;margin-top:5px}body.login-mode .start-schedule-note{display:block;font-size:10px;color:#d6e2f0;line-height:1.4;margin-top:12px}body.login-mode .start-inbox{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:23px}body.login-mode .start-inbox .start-card-top{padding-bottom:12px}body.login-mode .start-attention-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;background:transparent;color:var(--ink);text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;min-height:64px}body.login-mode .start-attention-row>strong{display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;width:36px;height:36px;flex-shrink:0;font-size:16px}body.login-mode .start-attention-row>span:nth-child(2){flex:1}body.login-mode .start-attention-row b{display:block;font-size:13px}body.login-mode .start-attention-row small{display:block;font-size:11px;line-height:1.4;color:var(--muted);margin-top:4px}body.login-mode .start-waiting,body.login-mode .start-clear{font-size:11px;line-height:1.5;color:var(--muted);margin:14px 0 0}body.login-mode .start-services{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}body.login-mode .start-services>button{display:block;padding:20px;text-align:left;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;cursor:pointer;min-width:0}body.login-mode .start-services>button>span{display:block;font-size:12px;color:var(--muted)}body.login-mode .start-services strong{display:block;font-size:28px;margin:14px 0;white-space:nowrap}body.login-mode .start-services strong small{font-size:11px;font-weight:400}body.login-mode .start-services .start-document-title{font-size:19px}body.login-mode .start-services p{font-size:11px;color:var(--muted);margin:0}body.login-mode .start-services b{float:right}body.login-mode .start-shortcuts{grid-column:1/-1;display:flex;gap:20px;border-top:1px solid var(--line);padding-top:5px}body.login-mode .start-shortcuts button,body.login-mode .start-white-link{min-height:44px;background:transparent;border:0;color:var(--ink);font-size:12px;text-align:left;cursor:pointer}body.login-mode .start-white-link{color:white;display:block}body.login-mode .start-dashboard button:hover{filter:brightness(.96)}body.login-mode .profile-settings{margin-top:20px}body.login-mode .profile-settings form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body.login-mode .profile-settings label{display:block}body.login-mode .profile-settings input,body.login-mode .profile-settings select{width:100%;min-height:44px}body.login-mode .profile-confirm{grid-column:1/-1;display:flex!important;gap:10px;align-items:center;font-size:12px}body.login-mode .profile-confirm input{width:18px!important;flex-shrink:0}body.login-mode .profile-settings small,body.login-mode .legal-profile-copy small{display:block;color:var(--muted);font-size:11px;line-height:1.5}body.login-mode .legal-profile-copy{padding:12px;font-size:12px;line-height:1.6}body.login-mode .legal-profile-copy a{display:block;min-height:36px;color:var(--cyan)}
@media(max-width:760px){body.login-mode .start-dashboard{grid-template-columns:1fr;gap:14px}body.login-mode .start-heading{gap:12px;align-items:flex-start;flex-direction:column;padding:0}body.login-mode .start-heading h1{font-size:23px}body.login-mode .start-heading h1 span{font-size:12px;margin-top:5px}body.login-mode .start-date{max-width:none;text-align:left;font-size:11px}body.login-mode .start-date p{font-size:11px!important;margin-bottom:0!important}body.login-mode .start-today,body.login-mode .start-inbox{padding:16px;border-radius:13px}body.login-mode .start-today-main{gap:10px;margin:19px 0}body.login-mode .start-hours{font-size:32px}body.login-mode .start-week{flex-basis:105px;font-size:10px}body.login-mode .start-ring{width:74px;height:74px}body.login-mode .start-today .btn{font-size:12px;padding:10px 12px}body.login-mode .start-card-top h2{font-size:15px}body.login-mode .start-card-top>span{font-size:10px}body.login-mode .start-services{grid-template-columns:1fr;gap:8px}body.login-mode .start-services>button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:14px;gap:7px 10px}body.login-mode .start-services strong{font-size:21px;margin:0}body.login-mode .start-services p{grid-column:1/-1}body.login-mode .start-services .start-document-title{font-size:14px}body.login-mode .start-services strong small{font-size:10px}body.login-mode .start-shortcuts{gap:10px;justify-content:space-between}body.login-mode .start-shortcuts button{font-size:11px}body.login-mode .profile-settings form{grid-template-columns:1fr}}
body.login-mode #app:has(.start-dashboard) #view-arrows:not(:has(button:not(:disabled))){display:none}body.login-mode .start-message-shortcut{display:none}
@media(max-width:760px){body.login-mode .start-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;align-items:start}body.login-mode .start-heading>div:first-child>p{display:none}body.login-mode .start-date{text-align:right;font-size:10px}body.login-mode .start-date p{font-size:10px!important;line-height:1.4}body.login-mode .start-heading h1{font-size:22px;margin:0}body.login-mode .start-heading h1 span{font-size:11px}body.login-mode .start-message-shortcut{display:block;grid-column:1/-1;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-height:44px;text-align:left;padding:8px 12px;font-size:12px}body.login-mode .start-today-main{margin:15px 0}body.login-mode .start-today .btn{border-radius:8px}}
body.login-mode .today-portal-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px}body.login-mode .today-portal-links button{display:flex;align-items:flex-start;gap:9px;background:#ffffff0d;color:white;border:1px solid #ffffff32;border-radius:10px;padding:13px 10px;min-height:84px;text-align:left;cursor:pointer;min-width:0}body.login-mode .today-portal-links svg{width:20px;height:20px;flex:0 0 20px}body.login-mode .today-portal-links strong{display:block;font-size:12px;font-weight:600;line-height:1.4}body.login-mode .today-portal-links small{display:block;font-size:10px;line-height:1.5;color:#d6e2f0;margin-top:5px}body.login-mode .today-portal-links button>span{flex:1;min-width:0}body.login-mode .today-portal-links button>b{font-size:15px;font-weight:400}body.login-mode .today-time-summary{border-top:1px solid #ffffff2b;padding-top:17px;margin:17px 0 12px}body.login-mode .today-time-label{display:block;font-size:11px;color:#d6e2f0;margin-bottom:8px}body.login-mode .today-time-summary .start-hours{font-size:29px}body.login-mode .today-time-summary .start-ring{width:65px;height:65px}body.login-mode .today-time-summary .start-ring>strong{font-size:18px}body.login-mode .today-time-summary .start-week{flex-basis:120px}body.login-mode .today-time-summary p{margin:7px 0 10px}body.login-mode .today-week-details{border-top:1px solid #ffffff2b;margin-top:12px}body.login-mode .today-week-details summary{padding:12px 0;min-height:44px;box-sizing:border-box;font-size:11px;cursor:pointer}body.login-mode .today-week-details .start-week-days{border-top:0;padding-top:0}body.login-mode .start-services:has(>button:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}body.login-mode .start-services:has(>button:nth-child(4)) .start-document-title{font-size:17px;white-space:normal}body.login-mode .payroll-documents article{padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:12px}body.login-mode .payroll-documents strong{display:block;overflow-wrap:anywhere}body.login-mode .payroll-documents small{display:block;color:var(--muted);font-size:11px;margin-top:5px}body.login-mode .payroll-documents p{font-size:12px;line-height:1.5}body.login-mode .payroll-documents a{display:inline-block;min-height:44px;padding-top:10px}
@media(max-width:760px){body.login-mode .today-portal-links{grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}body.login-mode .today-portal-links button:first-child{grid-column:1/-1;min-height:55px;align-items:center}body.login-mode .today-portal-links button{padding:10px 9px;gap:7px;min-height:77px}body.login-mode .today-portal-links strong{font-size:11px}body.login-mode .today-portal-links svg{width:17px;height:17px;flex-basis:17px}body.login-mode .today-portal-links button:first-child small{margin-top:1px}body.login-mode .today-portal-links small{font-size:10px}body.login-mode .today-time-summary .start-week{flex-basis:98px}body.login-mode .today-time-summary .start-hours{font-size:25px}body.login-mode .today-time-summary .start-ring{width:58px;height:58px}body.login-mode .today-time-summary{margin:13px 0 8px;padding-top:13px}body.login-mode .today-time-summary p{font-size:11px}body.login-mode .today-week-details{margin-top:8px}body.login-mode .start-services:has(>button:nth-child(4)){grid-template-columns:1fr}body.login-mode .start-services:has(>button:nth-child(4)) .start-document-title{font-size:14px}}
/* Start cleanup: remove duplicate destinations, keep a quiet rhythm. */
body.login-mode .start-dashboard{gap:18px}body.login-mode .start-heading{padding-bottom:2px}body.login-mode .start-today,body.login-mode .start-inbox{padding:20px}body.login-mode .today-portal-links button{min-height:76px}body.login-mode .start-request-list{margin-top:16px;border-top:1px solid var(--line)}body.login-mode .start-request-list>button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;align-items:center;width:100%;min-height:76px;border:0;border-bottom:1px solid var(--line);padding:15px 0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}body.login-mode .start-request-list>button>span{font-size:13px;font-weight:600}body.login-mode .start-request-list strong{font-size:20px;white-space:nowrap}body.login-mode .start-request-list strong small{font-size:10px;font-weight:400;color:var(--muted)}body.login-mode .start-request-list p{grid-column:1/-1;font-size:11px;color:var(--muted);margin:0}body.login-mode .start-request-list p b{float:right}body.login-mode .start-inbox-clean .start-clear{margin:8px 0;color:var(--muted)}body.login-mode .start-inbox-clean .start-waiting{margin:14px 0 0}body.login-mode .start-shortcuts{justify-content:flex-start;margin-top:0}body.login-mode .start-today .btn{border-radius:8px}body.login-mode .today-time-summary{margin-bottom:8px}body.login-mode .today-week-details summary{font-weight:500}
@media(max-width:760px){body.login-mode .start-dashboard{gap:12px}body.login-mode .start-today,body.login-mode .start-inbox{padding:15px}body.login-mode .start-heading{position:relative;grid-template-columns:1fr auto;gap:4px 12px;padding-bottom:5px}body.login-mode .start-date{display:contents}body.login-mode .start-date time{text-align:right;font-size:10px;padding-top:4px}body.login-mode .start-date p{grid-column:1/-1;text-align:left!important;font-size:11px!important;margin:4px 0 0!important}body.login-mode .start-heading h1 span{display:none}body.login-mode .today-portal-links button{min-height:70px}body.login-mode .today-portal-links button:first-child{min-height:50px}body.login-mode .today-time-summary{padding-top:12px;margin-top:12px}body.login-mode .start-card-top>span{font-size:10px}body.login-mode .start-shortcuts{justify-content:space-between}body.login-mode .start-request-list{margin-top:12px}body.login-mode .start-request-list>button{min-height:70px;padding:12px 0}}
body.login-mode .today-processes{margin-top:13px}body.login-mode .today-processes>p{margin:0 0 7px;font-size:11px;color:#d6e2f0}body.login-mode .today-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}body.login-mode .today-process-grid button{display:grid;grid-template-columns:1fr auto;gap:3px 7px;align-items:center;min-height:55px;padding:9px 10px;background:transparent;border:1px solid #ffffff32;border-radius:9px;color:white;text-align:left;cursor:pointer}body.login-mode .today-process-grid button>span{font-size:11px}body.login-mode .today-process-grid strong{font-size:17px;font-variant-numeric:tabular-nums;grid-column:2;grid-row:1/3}body.login-mode .today-process-grid small{font-size:10px;color:#d6e2f0;grid-column:1;white-space:nowrap}body.login-mode .today-starter-link{display:block;width:100%;min-height:44px;padding:10px 0;background:transparent;border:0;color:white;text-align:left;font-size:12px;cursor:pointer}@media(max-width:760px){body.login-mode .today-process-grid{gap:6px}body.login-mode .today-process-grid button{padding:8px 7px;gap:3px 4px}body.login-mode .today-process-grid strong{font-size:16px}}

body.login-mode .service-page{max-width:1100px;margin:auto}body.login-mode .service-demo{font-size:12px;color:var(--muted);line-height:1.5;margin:10px 0 18px}body.login-mode .service-form,body.login-mode .service-item{margin:14px 0;padding:20px!important;border-radius:12px!important}body.login-mode .service-form h3,body.login-mode .service-item h3{font-size:16px;margin:0 0 12px}body.login-mode .service-form label,body.login-mode .service-item form>label{display:block;font-size:12px;margin:12px 0}body.login-mode .service-form input,body.login-mode .service-form select,body.login-mode .service-item input:not([type=checkbox]),body.login-mode .service-item select{display:block;width:100%;min-height:44px;margin-top:6px;box-sizing:border-box}body.login-mode .service-form textarea,body.login-mode .service-item textarea{display:block;width:100%;min-height:90px;margin-top:6px;box-sizing:border-box}body.login-mode .service-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}body.login-mode .service-form p,body.login-mode .service-item p{font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}body.login-mode .service-item-head{display:flex;justify-content:space-between;gap:14px;align-items:baseline}body.login-mode .service-item-head>span{font-size:11px;white-space:nowrap;color:var(--muted)}body.login-mode .service-item small{color:var(--muted);font-size:11px}body.login-mode .service-check{display:flex!important;align-items:center;gap:10px;min-height:44px;font-size:12px}body.login-mode .service-check input{width:18px!important;min-height:18px!important;flex-shrink:0}body.login-mode .service-page .btn{min-height:44px}body.login-mode .service-reading-text{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);padding:15px;max-height:45vh;overflow:auto;line-height:1.6;font-size:13px}body.login-mode .service-item dl{display:grid;grid-template-columns:minmax(100px,.4fr) 1fr;gap:8px;font-size:12px}body.login-mode .service-item dd{margin:0;overflow-wrap:anywhere}body.login-mode .service-content-text{white-space:pre-wrap}body.login-mode .service-exit-row{padding:15px 0;border-top:1px solid var(--line)}body.login-mode .service-exit-row button{display:block;margin-top:12px}body.login-mode .service-home-links{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px}body.login-mode .service-home-links h2{font-size:14px;margin:0 0 10px}body.login-mode .service-home-links>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body.login-mode .service-home-links button{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:44px;text-align:left;cursor:pointer;font-size:12px}body.login-mode .service-home-tasks{margin-top:10px}body.login-mode .service-home-tasks button{display:grid;grid-template-columns:1fr auto;gap:4px 10px;width:100%;background:transparent;color:white;border:0;border-top:1px solid #ffffff32;padding:10px 0;text-align:left;cursor:pointer;min-height:44px;font-size:12px}body.login-mode .service-home-tasks small{grid-column:1;color:#d6e2f0;font-size:10px}body.login-mode .service-home-tasks button>span{grid-column:2;grid-row:1/3;align-self:center}body.login-mode .service-empty{padding:20px;font-size:13px}body.login-mode .tabs{flex-wrap:wrap}
@media(max-width:760px){body.login-mode .service-form-grid{grid-template-columns:1fr}body.login-mode .service-form,body.login-mode .service-item{padding:14px!important}body.login-mode .service-item-head{flex-wrap:wrap;gap:4px}body.login-mode .service-home-links>div{grid-template-columns:1fr 1fr}body.login-mode .service-home-links button{font-size:11px}body.login-mode .service-item dl{grid-template-columns:1fr}body.login-mode .service-item dd{margin-bottom:8px}}

body.login-mode .admin-navigation{display:block!important;padding:0!important}body.login-mode .admin-primary,body.login-mode .admin-secondary{display:flex;flex-wrap:wrap;gap:5px}body.login-mode .admin-primary button{padding:13px 18px!important;border-radius:8px 8px 0 0!important}body.login-mode .admin-secondary{padding:8px 12px;background:var(--card);border-top:1px solid var(--line)}body.login-mode .admin-secondary button{font-size:12px!important;padding:8px 12px!important;border-radius:6px!important}body.login-mode .admin-menu-group h3{font-size:12px;margin:14px 0 8px}body.login-mode .admin-menu-group button{display:block;width:100%;margin:4px 0}body.login-mode .admin-cockpit{max-width:1400px;margin:auto;color:var(--ink)}body.login-mode .admin-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:5px 0 24px}body.login-mode .admin-eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}body.login-mode .admin-heading h2{font-size:27px;line-height:1.2;margin:8px 0}body.login-mode .admin-heading p{font-size:13px;color:var(--muted);margin:0}body.login-mode .admin-heading time{font-size:12px;white-space:nowrap;color:var(--muted)}body.login-mode .admin-hero{display:grid;grid-template-columns:1fr 1.65fr;gap:36px;padding:28px;border-radius:18px;background:#003366;color:white}body.login-mode .admin-hero>div>span{font-size:13px}body.login-mode .admin-total{display:flex;align-items:baseline;gap:12px;font-size:56px;font-weight:650;line-height:1.2;margin:14px 0}body.login-mode .admin-total small{font-size:15px;font-weight:400}body.login-mode .admin-hero p{font-size:13px;line-height:1.5}body.login-mode .admin-hero small{font-size:11px;color:#d6e2ef;line-height:1.5}body.login-mode .admin-work{display:grid;grid-template-columns:1fr 1fr;gap:8px}body.login-mode .admin-work button{display:flex;gap:12px;align-items:center;justify-content:space-between;text-align:left;background:#ffffff0c;border:1px solid #ffffff30;border-radius:10px;color:white;padding:13px;cursor:pointer;min-width:0}body.login-mode .admin-work button:first-child{grid-column:1/-1}body.login-mode .admin-work button>span:first-child{flex:1;font-size:13px}body.login-mode .admin-work small{display:block;margin-top:5px;font-size:10px}body.login-mode .admin-work b{font-size:24px}body.login-mode .admin-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-top:26px}body.login-mode .admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 15px}body.login-mode .admin-section-head h3,body.login-mode .admin-panel h3{font-size:16px;margin:0}body.login-mode .admin-section-head>span{font-size:11px;color:var(--muted)}body.login-mode .admin-phase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body.login-mode .admin-phase-grid>button{display:flex;flex-direction:column;align-items:flex-start;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:18px;text-align:left;cursor:pointer;min-width:0}body.login-mode .admin-step{display:grid;place-items:center;min-width:38px;height:32px;padding:0 6px;background:#003366;color:white;border-radius:8px;font-size:12px;margin-bottom:14px}body.login-mode .admin-phase-grid strong{font-size:14px;line-height:1.5}body.login-mode .admin-phase-grid small{font-size:10px;color:var(--muted);margin-top:5px}body.login-mode .admin-phase-grid p{font-size:12px;line-height:1.6;color:var(--muted)}body.login-mode .admin-phase-link{font-size:10px;margin-top:auto;padding-top:10px;font-weight:600}body.login-mode .admin-source{font-size:10px;line-height:1.6;color:var(--muted);margin-top:15px}body.login-mode .admin-panel{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:14px}body.login-mode .admin-panel button{display:block;width:100%;text-align:left;min-height:44px;padding:10px 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);font-size:12px;cursor:pointer}body.login-mode .admin-panel h3{margin-bottom:14px;font-size:14px}body.login-mode .admin-panel p,body.login-mode .admin-panel small{font-size:11px;line-height:1.5;color:var(--muted)}body.login-mode .admin-panel button small{display:block;margin-top:5px}body.login-mode .admin-progress{display:flex;align-items:center;gap:16px;margin:16px 0}body.login-mode .admin-ring{width:70px;height:70px;flex-shrink:0;border-radius:50%;background:conic-gradient(#003366 var(--progress),#dce4ee 0);display:grid;place-items:center}body.login-mode .admin-ring strong{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--card);font-size:16px}body.login-mode .admin-progress b{font-size:18px}body.login-mode .admin-progress p{margin:4px 0}body.login-mode .admin-phase-detail p{line-height:1.6;font-size:13px}body.login-mode .admin-phase-detail dt{font-size:11px;color:var(--muted);margin-top:14px}body.login-mode .admin-phase-detail dd{margin:5px 0;font-size:13px}body.login-mode .admin-phase-detail small{display:block;line-height:1.5;color:var(--muted)}body.login-mode .admin-phase-detail .btn{margin-top:20px}body.login-mode .admin-cockpit button:hover{box-shadow:0 3px 12px #00336618}body.login-mode .admin-cockpit button:focus-visible,body.login-mode .admin-navigation button:focus-visible{outline:3px solid #7598bb;outline-offset:3px}
@media(max-width:1100px){body.login-mode .admin-phase-grid{grid-template-columns:1fr 1fr}body.login-mode .admin-body{grid-template-columns:minmax(0,1fr) 260px}body.login-mode .admin-hero{gap:20px}}@media(max-width:760px){body.login-mode .admin-heading{align-items:flex-start}body.login-mode .admin-heading h2{font-size:21px;max-width:240px}body.login-mode .admin-heading time{font-size:10px}body.login-mode .admin-hero{grid-template-columns:1fr;padding:20px;gap:14px}body.login-mode .admin-total{font-size:40px;margin:10px 0}body.login-mode .admin-body{grid-template-columns:1fr}body.login-mode .admin-phase-grid{grid-template-columns:1fr 1fr}body.login-mode .admin-phase-grid>button{padding:13px}body.login-mode .admin-phase-grid strong{font-size:13px}body.login-mode .admin-phase-grid p{font-size:11px}body.login-mode .admin-side{display:grid;grid-template-columns:1fr;gap:0}body.login-mode .admin-primary button{padding:10px!important;font-size:12px!important}body.login-mode .admin-section-head h3{font-size:14px}body.login-mode .admin-work button{padding:10px}body.login-mode .admin-work button>span:first-child{font-size:12px}}
body.login-mode .admin-session #projsel{min-width:150px}
@media(max-width:600px){body.login-mode .admin-session header.top{padding:10px 14px;gap:8px}body.login-mode .admin-session header.top .sub,body.login-mode .admin-session #who,body.login-mode .admin-session #hclock,body.login-mode .admin-session #hdctl{display:none}body.login-mode .admin-session header.top .rolewrap{display:flex;flex-wrap:wrap;align-items:center;width:100%;gap:8px;margin:0}body.login-mode .admin-session #hproj{flex:1;min-width:130px}body.login-mode .admin-session #projsel{width:100%;min-width:130px;max-width:180px;min-height:40px}body.login-mode .admin-session .menu-trigger{margin:0;padding:6px 9px;min-height:40px}body.login-mode .admin-session #header-logout{padding:6px 9px;min-height:40px}body.login-mode .admin-session .admin-primary{display:none}body.login-mode .admin-session .admin-navigation:has(.admin-primary:only-child){padding:0;margin:0;border:0}body.login-mode .admin-session .admin-secondary{gap:4px}body.login-mode .admin-session .admin-secondary button{font-size:11px!important}}

body.login-mode .process-filter{display:flex;align-items:center;gap:14px;font-size:13px;margin:20px 0}body.login-mode .process-filter select{min-height:44px;max-width:280px}body.login-mode .process-progress{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:12px}body.login-mode .process-progress progress{accent-color:#003366;flex:1;height:9px}body.login-mode .process-check-item{border-top:1px solid var(--line);padding:8px 0}body.login-mode .process-check-item summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:13px;line-height:1.5}body.login-mode .process-check-item form{padding:5px 10px 15px}body.login-mode .process-check-item .btn{margin-top:12px}body.login-mode .process-template-actions{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}body.login-mode .service-item li{font-size:13px;line-height:1.8}body.login-mode .service-item h4{font-size:12px;margin:22px 0 10px}body.login-mode .admin-panel p>strong{float:right;font-size:11px}body.login-mode .admin-work button:last-child:nth-child(6){grid-column:1/-1}@media(max-width:600px){body.login-mode .process-filter{display:block}body.login-mode .process-filter select{display:block;width:100%;max-width:none;margin-top:8px}body.login-mode .process-template-actions{flex-direction:column}body.login-mode .process-template-actions button{width:100%}}
body.login-mode .admin-secondary button{color:var(--ink)!important;background:transparent!important}body.login-mode .admin-secondary button.active{background:#003366!important;color:white!important;border-bottom-color:#003366!important}body.login-mode .admin-secondary button:hover{background:#e4ecf5!important;color:#003366!important}

body.login-mode .system-map{max-width:1250px;margin:auto}body.login-mode .system-state{font-size:12px;line-height:1.6;color:var(--muted);padding:12px 16px;border-left:3px solid #003366;background:var(--card)}body.login-mode .system-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}body.login-mode .system-cards>article{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--card);padding:24px}body.login-mode .system-cards h3{font-size:22px;margin:2px 0 8px}body.login-mode .system-cards strong{font-size:13px}body.login-mode .system-map p,body.login-mode .system-map dd{font-size:13px;line-height:1.65}body.login-mode .system-map dt{font-size:11px;font-weight:700;margin-top:14px}body.login-mode .system-map dd{margin:5px 0 15px;color:var(--muted)}body.login-mode .system-cards button,body.login-mode .system-tag{margin-top:auto;border:0;background:#003366;color:white;padding:12px;font-size:12px;border-radius:6px;text-align:left;min-height:44px}body.login-mode .system-cards button{cursor:pointer}body.login-mode .system-tag{display:flex;align-items:center;background:#0033660c;color:var(--ink)}body.login-mode .system-section{border-top:1px solid var(--line);padding:22px 0}body.login-mode .system-section h3{font-size:18px;margin:0 0 14px}body.login-mode .system-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;gap:10px;padding:0}body.login-mode .system-flow li{background:#003366;color:white;border-radius:8px;padding:15px;font-size:13px}body.login-mode .system-flow span{display:block;font-size:11px;line-height:1.5;margin-top:8px}body.login-mode .system-access,body.login-mode .system-release{display:grid;grid-template-columns:1fr 1fr;gap:14px}body.login-mode .system-access article,body.login-mode .system-release>div{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:10px}body.login-mode .system-access h4{margin:0;font-size:13px}body.login-mode .system-release strong{font-size:14px}body.login-mode .system-map-link{display:block;width:100%;text-align:left;min-height:44px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:0 0 18px;cursor:pointer;font-size:12px}@media(max-width:760px){body.login-mode .system-cards{grid-template-columns:1fr}body.login-mode .system-cards>article{padding:18px}body.login-mode .system-flow{grid-template-columns:1fr}body.login-mode .system-flow li{display:flex;align-items:center;gap:15px}body.login-mode .system-flow span{margin:0}body.login-mode .system-flow b{min-width:70px}body.login-mode .system-access,body.login-mode .system-release{grid-template-columns:1fr}}

body.login-mode .system-cards{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){body.login-mode .system-cards{grid-template-columns:1fr}}

body.login-mode .admin-settings-link{margin-left:auto!important;border-left:1px solid var(--line)!important}body.login-mode .admin-desk{max-width:1240px;margin:auto}body.login-mode .desk-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 22px}body.login-mode .desk-heading h2{font-size:26px;margin:6px 0}body.login-mode .desk-heading p,body.login-mode .desk-heading time{font-size:12px;color:var(--muted)}body.login-mode .desk-heading time{white-space:nowrap}body.login-mode .desk-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#003366;border-radius:14px;padding:8px;gap:8px}body.login-mode .desk-summary button{min-height:84px;display:flex;align-items:center;gap:18px;background:transparent;color:white;border:1px solid transparent;border-radius:10px;padding:15px 20px;text-align:left;cursor:pointer}body.login-mode .desk-summary button[aria-pressed=true]{background:#ffffff14;border-color:#ffffff65}body.login-mode .desk-summary strong{font-size:30px;line-height:1}body.login-mode .desk-summary span{font-size:13px}body.login-mode .desk-scope{font-size:10px;line-height:1.6;color:var(--muted);margin:10px 0 24px}body.login-mode .desk-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}body.login-mode .desk-work,body.login-mode .desk-panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}body.login-mode .desk-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}body.login-mode .desk-list-heading h3,body.login-mode .desk-panel h3{font-size:15px;margin:0}body.login-mode .desk-list-heading .btn{font-size:11px;white-space:normal}body.login-mode .desk-task{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line)}body.login-mode .desk-task>div{min-width:0}body.login-mode .desk-task h4{font-size:14px;margin:5px 0;overflow-wrap:anywhere}body.login-mode .desk-task p,body.login-mode .desk-task small{font-size:11px;line-height:1.5;color:var(--muted);margin:4px 0}body.login-mode .desk-kind{font-size:10px;color:var(--muted)}body.login-mode .desk-task>.btn{flex-shrink:0;min-height:44px;font-size:12px}body.login-mode .desk-panel{margin-bottom:14px}body.login-mode .desk-panel p,body.login-mode .desk-empty p{font-size:12px;line-height:1.6;color:var(--muted)}body.login-mode .desk-panel button{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;min-height:48px;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font-size:12px;cursor:pointer}body.login-mode .desk-panel h3{margin-bottom:10px}body.login-mode .desk-empty{padding:24px 0}body.login-mode .desk-empty strong{font-size:14px}body.login-mode .desk-create{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:0 16px;margin:15px 0}body.login-mode .desk-create>summary{display:list-item;cursor:pointer;min-height:48px;padding:14px 0;font-size:13px;color:var(--ink);font-weight:600}body.login-mode .desk-create>.card{border:0;margin:0!important;min-width:0!important;width:auto!important}body.login-mode .desk-selected{outline:2px solid var(--navy);outline-offset:3px}body.login-mode .admin-desk button:focus-visible,body.login-mode .desk-create summary:focus-visible{outline:3px solid #829fbd;outline-offset:3px}body.login-mode .admin-session .admin-primary button{padding:12px 14px!important}
@media(max-width:900px){body.login-mode .desk-layout{grid-template-columns:1fr}body.login-mode .desk-aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}body.login-mode .desk-summary button{padding:13px;gap:10px}body.login-mode .admin-settings-link{margin-left:0!important}}
@media(max-width:600px){body.login-mode .admin-session .admin-primary{display:flex!important;flex-wrap:nowrap;overflow-x:auto;padding:4px 6px;scrollbar-width:thin}body.login-mode .admin-session .admin-primary button{white-space:nowrap;flex-shrink:0;min-height:44px}body.login-mode .desk-heading{align-items:flex-start;margin-bottom:15px}body.login-mode .desk-heading h2{font-size:22px}body.login-mode .desk-heading p{line-height:1.5;max-width:250px}body.login-mode .desk-summary{gap:3px;padding:5px}body.login-mode .desk-summary button{display:block;padding:12px 8px;min-height:95px}body.login-mode .desk-summary strong{display:block;font-size:25px;margin-bottom:8px}body.login-mode .desk-summary span{font-size:10px;line-height:1.4;display:block}body.login-mode .desk-work,body.login-mode .desk-panel{padding:15px}body.login-mode .desk-list-heading{align-items:flex-start}body.login-mode .desk-list-heading h3{font-size:14px}body.login-mode .desk-list-heading .btn{max-width:120px;padding:8px}body.login-mode .desk-task{gap:12px;flex-wrap:wrap}body.login-mode .desk-task>div{flex:1 1 180px}body.login-mode .desk-task>.btn{margin-left:auto}body.login-mode .desk-aside{grid-template-columns:1fr}body.login-mode .desk-scope{font-size:10px}body.login-mode .desk-create{padding:0 12px}body.login-mode .admin-session .service-form-grid{grid-template-columns:1fr}body.login-mode .admin-session .row>.card{min-width:0!important}body.login-mode .admin-session .admin-secondary button{min-height:44px}}
body.login-mode .desk-filters{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;margin:12px 0 18px}body.login-mode .desk-filters label{font-size:11px}body.login-mode .desk-filters input,body.login-mode .desk-filters select{width:100%;min-height:44px;margin-top:6px;box-sizing:border-box}body.login-mode .desk-more{margin-top:12px;width:100%}body.login-mode .desk-more[hidden]{display:none}
body.login-mode .desk-people{display:grid;grid-template-columns:1fr 1fr;gap:14px}body.login-mode .desk-person{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--card)}body.login-mode .desk-person[hidden]{display:none}body.login-mode .desk-person-head button{font-size:14px;min-height:44px}body.login-mode .desk-person .desk-create{margin:8px 0 0;border:0;padding:0}body.login-mode .desk-person-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}body.login-mode .desk-person-fields input:not([type=radio]){width:100%;min-height:44px;box-sizing:border-box}body.login-mode .desk-person-fields label{font-size:11px;display:block;margin:6px 0}body.login-mode .desk-person-search{display:block;max-width:440px;margin-bottom:20px}body.login-mode .desk-person-search input{display:block;width:100%;min-height:44px;margin-top:7px;box-sizing:border-box}@media(max-width:600px){body.login-mode .desk-people{grid-template-columns:1fr}body.login-mode .desk-person-fields{grid-template-columns:1fr}body.login-mode .admin-session #access-form,body.login-mode .admin-session #onboarding-form{min-width:0!important}body.login-mode .admin-session .row:has(#access-form){display:block}}
body.login-mode .admin-session #view-arrows:has(#view-back:disabled):has(#view-forward:disabled){display:none}body.login-mode .desk-task p,body.login-mode .desk-task small{font-size:12px}body.login-mode .desk-task .desk-kind{font-size:11px}@media(max-width:600px){body.login-mode .desk-heading{margin:4px 0 12px}body.login-mode .desk-heading .admin-eyebrow,body.login-mode .desk-heading>div>p{display:none}body.login-mode .desk-heading h2{margin:4px 0}body.login-mode .desk-summary button{min-height:80px;padding:10px 7px}body.login-mode .desk-summary span{font-size:11px}body.login-mode .desk-scope{margin:8px 0 14px}body.login-mode .desk-layout{gap:14px}body.login-mode .desk-filters{gap:8px;margin:8px 0 12px}body.login-mode .desk-task{padding:13px 0}body.login-mode .desk-list-heading{margin-bottom:6px}}

body.login-mode .visual-overview{display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:25px;margin-bottom:18px}body.login-mode .visual-chart{text-align:center;align-self:center}body.login-mode .overview-donut{width:158px;height:158px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center}body.login-mode .overview-donut>div{width:124px;height:124px;border-radius:50%;display:grid;align-content:center;background:var(--card)}body.login-mode .overview-donut strong{font-size:35px;line-height:1.2;color:var(--ink)}body.login-mode .overview-donut span{font-size:11px;color:var(--muted);margin-top:3px}body.login-mode .visual-chart h3{font-size:15px;margin:8px 0}body.login-mode .visual-chart p{font-size:11px;line-height:1.5;color:var(--muted)}body.login-mode .visual-area-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}body.login-mode .visual-area-grid button{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);padding:15px;text-align:left;min-height:75px;cursor:pointer}body.login-mode .visual-area-grid button:hover{border-color:var(--navy);background:var(--bg)}body.login-mode .visual-dot{width:10px;height:28px;border-radius:5px;flex-shrink:0;border:1px solid #00336625}body.login-mode .visual-area-grid button>span:nth-child(2){flex:1}body.login-mode .visual-area-grid b{font-size:13px;display:block}body.login-mode .visual-area-grid small{display:block;font-size:10px;color:var(--muted);margin-top:5px}body.login-mode .visual-area-grid strong{font-size:24px;white-space:nowrap}body.login-mode .visual-status-strip{background:transparent;gap:12px;padding:0}body.login-mode .visual-status-strip button{background:var(--card);border:1px solid var(--line);color:var(--ink);min-height:64px;padding:12px 18px}body.login-mode .visual-status-strip button[aria-pressed=true]{border-color:var(--navy);background:var(--card);box-shadow:inset 0 3px 0 var(--navy)}body.login-mode .visual-status-strip strong{font-size:24px}body.login-mode .visual-status-strip span{font-size:12px}body.login-mode .visual-overview button:focus-visible{outline:3px solid #7294b4;outline-offset:3px}body.login-mode #checklist-assign label{display:block;margin:14px 0;font-size:12px}body.login-mode #checklist-assign input,body.login-mode #checklist-assign select{width:100%;min-height:44px;box-sizing:border-box;margin-top:6px}body.login-mode #checklist-preview{border:1px solid var(--line);padding:15px;border-radius:10px;margin:16px 0}body.login-mode #checklist-preview li{font-size:13px;line-height:1.6;margin:7px 0}body.login-mode #checklist-person-fields[hidden]{display:none}
@media(max-width:850px){body.login-mode .visual-overview{grid-template-columns:180px minmax(0,1fr);gap:16px;padding:18px}body.login-mode .visual-area-grid button{padding:12px;gap:8px}body.login-mode .visual-area-grid b{font-size:12px}}
@media(max-width:600px){body.login-mode .visual-overview{grid-template-columns:1fr;padding:15px;gap:14px}body.login-mode .visual-chart{display:grid;grid-template-columns:105px 1fr;text-align:left;column-gap:16px;align-items:center}body.login-mode .overview-donut{width:100px;height:100px;grid-row:span 2;margin:0}body.login-mode .overview-donut>div{width:78px;height:78px}body.login-mode .overview-donut strong{font-size:26px;text-align:center}body.login-mode .overview-donut span{font-size:8px;text-align:center}body.login-mode .visual-chart h3{align-self:end;margin:0}body.login-mode .visual-chart p{align-self:start;margin:5px 0 0}body.login-mode .visual-area-grid{gap:7px}body.login-mode .visual-area-grid button{padding:10px;min-height:78px;gap:8px}body.login-mode .visual-area-grid button>span:last-child{display:none}body.login-mode .visual-area-grid strong{font-size:21px}body.login-mode .visual-area-grid small{font-size:10px}body.login-mode .visual-dot{width:6px;height:25px}body.login-mode .visual-status-strip{gap:6px}body.login-mode .visual-status-strip button{padding:10px 7px;min-height:78px}body.login-mode .visual-status-strip span{font-size:10px}}
body.login-mode #employee-template-editor label{display:block;margin:14px 0;font-size:12px}body.login-mode #employee-template-editor input,body.login-mode #employee-template-editor select,body.login-mode #employee-template-editor textarea{display:block;width:100%;min-height:44px;box-sizing:border-box;margin-top:7px}body.login-mode .start-inbox>.card{margin-top:15px;padding:15px}body.login-mode .start-inbox>.card h3{font-size:14px}

@media(min-width:900px){
body.login-mode .employee-desktop-nav{display:block!important;padding:0!important}body.login-mode .employee-nav-main,body.login-mode .employee-nav-sub{display:flex;gap:6px;flex-wrap:wrap}body.login-mode .employee-nav-main{max-width:1300px;margin:auto}body.login-mode .employee-nav-main button{padding:13px 20px!important;min-height:48px}body.login-mode .employee-nav-main button:last-child{margin-left:auto}body.login-mode .employee-nav-sub{padding:8px max(20px,calc((100% - 1300px)/2));background:var(--card);border-bottom:1px solid var(--line)}body.login-mode .employee-nav-sub button{color:var(--ink)!important;border-radius:7px!important;padding:8px 14px!important;min-height:44px}body.login-mode .employee-nav-sub button.active{background:var(--navy)!important;color:white!important}
body.login-mode .start-dashboard.employee-desktop{max-width:1300px;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:start;padding:12px 0 30px}body.login-mode .employee-desktop .start-heading{grid-column:1/-1;grid-row:1;padding:5px 0 14px;align-items:center}body.login-mode .employee-desktop .start-heading h1{font-size:30px;letter-spacing:-.5px}body.login-mode .employee-desktop .start-heading h1 span{font-size:15px;margin-top:8px}body.login-mode .employee-desktop .start-date{max-width:440px;font-size:13px}body.login-mode .employee-desktop .start-today{grid-column:1/8;grid-row:2;padding:25px;border-radius:17px;min-height:315px;box-sizing:border-box}body.login-mode .employee-desktop .start-card-top h2{font-size:17px}body.login-mode .employee-desktop .start-today-main{margin:20px 0;align-items:center}body.login-mode .employee-desktop .start-hours{font-size:38px}body.login-mode .employee-desktop .today-time-label{font-size:12px}body.login-mode .employee-desktop .start-week{flex:0 0 145px}body.login-mode .employee-desktop .start-ring{width:86px;height:86px}body.login-mode .employee-desktop .today-week-details{margin-top:12px}body.login-mode .employee-desktop .today-week-details>summary{font-size:12px;padding:10px 0;min-height:24px}body.login-mode .employee-desktop .start-week-days{gap:8px;padding-top:10px}body.login-mode .employee-desktop .start-week-days button{min-height:62px;border:1px solid #ffffff25;border-radius:9px}body.login-mode .employee-desktop .start-week-days strong{font-size:19px}body.login-mode .employee-desktop .start-schedule-note{font-size:10px}
body.login-mode .employee-desktop .start-inbox{grid-column:8/-1;grid-row:2;padding:25px;min-height:315px;border-radius:17px;box-sizing:border-box}body.login-mode .employee-desktop .start-attention-row{padding:13px 0}body.login-mode .employee-desktop .start-attention-row b{font-size:13px}body.login-mode .employee-desktop .start-clear{padding:16px 0;font-size:13px}body.login-mode .employee-desktop .service-home-tasks{margin-top:14px}body.login-mode .employee-desktop .service-home-tasks button{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px;min-height:48px}body.login-mode .employee-desktop .service-home-tasks button small{color:var(--muted)}
body.login-mode .employee-desktop-documents{grid-column:1/-1;grid-row:3}body.login-mode .employee-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:16px}body.login-mode .employee-section-title h2{font-size:16px;margin:0}body.login-mode .employee-section-title>span{font-size:11px;color:var(--muted)}body.login-mode .employee-desktop .today-portal-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}body.login-mode .employee-desktop .today-portal-links button{grid-column:auto!important;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);min-height:96px;padding:20px;gap:15px}body.login-mode .employee-desktop .today-portal-links button svg{width:25px;height:25px;color:var(--navy)}body.login-mode .employee-desktop .today-portal-links button strong{font-size:14px}body.login-mode .employee-desktop .today-portal-links button small{font-size:12px;color:var(--muted);margin-top:6px}
body.login-mode .employee-desktop-status{grid-column:1/8;grid-row:4}body.login-mode .employee-desktop .today-processes{margin:0;padding:0;border:0}body.login-mode .employee-desktop .today-processes>p{display:none}body.login-mode .employee-desktop .today-process-grid{gap:12px}body.login-mode .employee-desktop .today-process-grid button{background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--ink);padding:17px;min-height:100px}body.login-mode .employee-desktop .today-process-grid button>span{font-size:12px}body.login-mode .employee-desktop .today-process-grid strong{font-size:26px;color:var(--navy);margin:8px 0}body.login-mode .employee-desktop .today-process-grid small{color:var(--muted);font-size:11px}body.login-mode .employee-desktop .today-starter-link{color:var(--ink);border-color:var(--line)}
body.login-mode .employee-desktop .service-home-links{grid-column:8/-1;grid-row:4;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:20px;margin:0}body.login-mode .employee-desktop .service-home-links h2{font-size:15px;margin:0 0 12px}body.login-mode .employee-desktop .service-home-links>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}body.login-mode .employee-desktop .service-home-links button{min-height:44px;text-align:left;font-size:12px;padding:8px;border:0;background:transparent;color:var(--ink)}body.login-mode .employee-desktop .start-shortcuts{grid-column:1/-1;grid-row:5;margin:0;padding-top:10px}body.login-mode .employee-desktop button:focus-visible,body.login-mode .employee-desktop-nav button:focus-visible{outline:3px solid #7497b8;outline-offset:3px}body.login-mode .employee-desktop .today-portal-links button:hover{border-color:var(--navy);box-shadow:0 4px 15px #0033660c}
}
@media(min-width:900px){body.login-mode .employee-desktop .start-inbox{align-self:stretch}body.login-mode .employee-desktop .start-attention-row small{display:block;line-height:1.5;margin-top:5px}body.login-mode .employee-desktop .start-today-main{min-height:125px}body.login-mode .employee-desktop-status .employee-section-title h2{font-size:16px}}

@media(min-width:1000px){
body.login-mode .start-dashboard.employee-workspace{max-width:1180px;gap:20px;padding-top:2px}body.login-mode .employee-workspace .start-heading{padding:4px 0 8px}body.login-mode .employee-workspace .start-heading h1{font-size:28px}body.login-mode .employee-workspace .start-heading h1 span{font-size:13px;margin-top:7px}body.login-mode .employee-workspace .start-date{font-size:12px}
body.login-mode .employee-workspace .start-today{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:235px minmax(0,1fr);gap:26px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;min-height:0;color:var(--ink);box-shadow:0 3px 16px #00336605}body.login-mode .employee-workspace .start-today-main{margin:0;min-height:0;display:block;background:#003366;color:white;border-radius:11px;padding:20px;box-sizing:border-box}body.login-mode .employee-workspace .today-time-label{font-size:11px;color:#d7e4f0}body.login-mode .employee-workspace .start-hours{font-size:29px;margin-top:12px;display:block}body.login-mode .employee-workspace .start-today-main p{font-size:11px;margin:7px 0 13px}body.login-mode .employee-workspace .start-today-main .btn{width:100%;display:flex;justify-content:space-between;min-height:44px;border-radius:6px;font-size:12px;padding:10px 12px}body.login-mode .employee-week-pane{min-width:0;padding:2px 8px 0 0}body.login-mode .employee-week-head{display:flex;align-items:center;justify-content:space-between;gap:20px}body.login-mode .employee-week-head>div>span{font-size:9px;letter-spacing:1.4px;color:var(--muted)}body.login-mode .employee-week-head h2{font-size:18px;margin:7px 0 0;color:var(--ink)}body.login-mode .employee-workspace .start-week{display:grid;grid-template-columns:54px 100px;column-gap:10px;text-align:left;flex:none;align-items:center}body.login-mode .employee-workspace .start-ring{width:54px;height:54px;grid-row:span 2;margin:0}body.login-mode .employee-workspace .start-ring svg{stroke:var(--line)}body.login-mode .employee-workspace .start-ring circle+circle{stroke:var(--navy)}body.login-mode .employee-workspace .start-ring>strong{font-size:16px;color:var(--ink)}body.login-mode .employee-workspace .start-ring small{font-size:9px}body.login-mode .employee-workspace .start-week>span,body.login-mode .employee-workspace .start-week>small{color:var(--muted);font-size:10px;margin:0}body.login-mode .employee-workspace .today-week-details{margin:8px 0 0;border:0;padding:0}body.login-mode .employee-workspace .today-week-details>summary{color:var(--muted);font-size:10px;padding:5px 0;min-height:0}body.login-mode .employee-workspace .start-week-days{border:0;padding:7px 0 0;gap:8px}body.login-mode .employee-workspace .start-week-days button{background:var(--bg);color:var(--ink);border:1px solid var(--line);min-height:55px;border-radius:8px}body.login-mode .employee-workspace .start-week-days button[aria-current]{background:#003366;color:white;border-color:#003366}body.login-mode .employee-workspace .start-week-days span{font-size:10px}body.login-mode .employee-workspace .start-week-days strong{font-size:17px;margin-top:5px}body.login-mode .employee-workspace .start-schedule-note{font-size:9px;color:var(--muted);margin-top:9px}
body.login-mode .employee-workspace .start-inbox{grid-column:1/8;grid-row:3;min-height:0;align-self:stretch;padding:23px;border:1px solid var(--line);border-radius:14px}body.login-mode .employee-workspace .start-card-top{padding-bottom:12px}body.login-mode .employee-workspace .start-card-top h2{font-size:16px}body.login-mode .employee-workspace .start-card-top>span{font-size:10px}body.login-mode .employee-workspace .start-attention-row{min-height:66px;padding:12px 0}body.login-mode .employee-workspace .start-attention-row>strong{border:0;border-radius:9px;background:var(--bg);width:36px;height:36px;font-size:16px}body.login-mode .employee-workspace .start-attention-row b{font-size:13px}body.login-mode .employee-workspace .start-attention-row small{font-size:11px}
body.login-mode .employee-workspace .employee-desktop-status{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}body.login-mode .employee-workspace .employee-desktop-status .employee-section-title{margin-bottom:6px}body.login-mode .employee-workspace .employee-desktop-status h2{font-size:11px;color:var(--muted);font-weight:400}body.login-mode .employee-workspace .today-process-grid{gap:0}body.login-mode .employee-workspace .today-process-grid button{border:0;border-radius:0;min-height:48px;padding:10px 12px;background:transparent;display:flex;align-items:center;gap:8px}body.login-mode .employee-workspace .today-process-grid button+button{border-left:1px solid var(--line)}body.login-mode .employee-workspace .today-process-grid button>span{font-size:11px}body.login-mode .employee-workspace .today-process-grid strong{font-size:19px;margin:0}body.login-mode .employee-workspace .today-process-grid small{display:none}
body.login-mode .employee-workspace .employee-desktop-documents{grid-column:8/-1;grid-row:3;border:1px solid var(--line);border-radius:14px;padding:23px;background:var(--card)}body.login-mode .employee-workspace .employee-desktop-documents h2{font-size:16px}body.login-mode .employee-workspace .today-portal-links{display:flex;flex-direction:column;gap:0}body.login-mode .employee-workspace .today-portal-links button{min-height:75px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:16px 0}body.login-mode .employee-workspace .today-portal-links button:first-child{border-top:0}body.login-mode .employee-workspace .today-portal-links button:hover{box-shadow:none;background:var(--bg)}body.login-mode .employee-workspace .today-portal-links button svg{width:21px;height:21px}body.login-mode .employee-workspace .today-portal-links button strong{font-size:13px}body.login-mode .employee-workspace .today-portal-links button small{font-size:11px}
body.login-mode .employee-workspace .service-home-links{grid-column:1/-1;grid-row:4;border:0;border-radius:0;background:transparent;padding:3px 0;margin:0}body.login-mode .employee-workspace .service-home-links h2{font-size:15px;margin-bottom:13px}body.login-mode .employee-workspace .service-home-links>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}body.login-mode .employee-workspace .service-home-links button{background:var(--card);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:16px;min-height:96px;font-size:11px}body.login-mode .employee-workspace .service-home-links button:hover{border-color:var(--navy)}body.login-mode .employee-workspace .service-home-links svg{width:22px;height:22px;fill:none;stroke:var(--navy);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}body.login-mode .employee-workspace .start-shortcuts{grid-row:5;padding-top:8px;gap:22px}body.login-mode .employee-workspace .start-shortcuts button{font-size:10px;min-height:36px}
}

@media(min-width:900px){
 body.login-mode .eh-home .eh-main{width:100%;max-width:none;margin:0;padding:0}
 body.login-mode .eh-home{max-width:1240px;margin:28px auto 48px;color:#12304d;font-size:14px}
 body.login-mode .eh-home h1,body.login-mode .eh-home h2,body.login-mode .eh-home p{margin:0}body.login-mode .eh-home button{font:inherit;cursor:pointer}body.login-mode .eh-home button:focus-visible{outline:3px solid #277da6;outline-offset:3px}
 body.login-mode .eh-greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}body.login-mode .eh-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#60768b}body.login-mode .eh-greeting h1{font-size:32px;line-height:1.4;letter-spacing:-.8px}body.login-mode .eh-greeting h1 span{color:#1e7d46}body.login-mode .eh-greeting p{color:#64788a;font-size:13px;margin-top:3px}body.login-mode .eh-date{text-align:right}body.login-mode .eh-date time{font-size:13px;font-weight:600}
 body.login-mode .eh-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px}body.login-mode .eh-main,body.login-mode .eh-aside{min-width:0}body.login-mode .eh-focus{background:#003366;color:white;border-radius:18px;padding:26px 28px;position:relative;overflow:hidden}body.login-mode .eh-focus .eh-eyebrow{color:#b9cfe0}body.login-mode .eh-focus h2{font-size:24px;letter-spacing:-.5px;margin:8px 0}body.login-mode .eh-focus p{color:#cedde8;font-size:13px}body.login-mode .eh-counters{display:flex;gap:32px;border-top:1px solid #ffffff29;margin-top:23px;padding-top:17px}body.login-mode .eh-counters button{display:flex;align-items:center;gap:12px;border:0;background:none;color:white;text-align:left;padding:0}body.login-mode .eh-counters strong{font-size:29px;line-height:1}body.login-mode .eh-counters span{font-size:12px;max-width:110px;line-height:1.5}
 body.login-mode .eh-section{margin-top:27px}body.login-mode .eh-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}body.login-mode .eh-home h2{font-size:16px;font-weight:700}body.login-mode .eh-focus h2{font-size:24px}body.login-mode .eh-section-head>button{border:0;background:none;color:#365b7d;padding:6px 0;font-size:12px}body.login-mode .eh-section-head>span{font-size:11px;color:#657b8c}
 body.login-mode .eh-row{width:100%;display:flex;align-items:center;gap:13px;text-align:left;background:white;border:0;border-bottom:1px solid #e6ecf1;padding:16px 15px;color:#183951;min-height:74px}body.login-mode .eh-row:first-child{border-radius:12px 12px 0 0}body.login-mode .eh-row:last-child{border-radius:0 0 12px 12px}body.login-mode .eh-row:only-child{border-radius:12px}body.login-mode .eh-row:hover{background:#edf3f8}body.login-mode .eh-row-mark{width:30px;height:30px;border:1px solid #dce6ef;border-radius:9px;display:grid;place-items:center;flex-shrink:0;color:#003366;font-size:20px}body.login-mode .eh-row-content{flex:1;min-width:0}body.login-mode .eh-row-content strong{font-size:13px;display:block;line-height:1.5}body.login-mode .eh-row-content small{display:block;color:#6b7e8e;margin-top:4px;font-size:11px;line-height:1.5}body.login-mode .eh-row-meta{font-size:10px;color:#657b8c;white-space:nowrap}body.login-mode .eh-unread .eh-row-mark{background:#e6eff7}body.login-mode .eh-unread .eh-row-meta{color:#003366;font-weight:600}body.login-mode .eh-empty{background:#edf3f7;border-radius:12px;padding:20px;display:flex;gap:14px;align-items:center;font-size:13px}body.login-mode .eh-empty>span{font-size:22px;color:#1e7d46}body.login-mode .eh-empty p{font-size:12px;color:#64788a;margin-top:5px}body.login-mode .eh-footnote{display:block;color:#6c7d8c;font-size:10px;margin-top:9px;line-height:1.5}
 body.login-mode .eh-time,body.login-mode .eh-documents{background:white;border:1px solid #dfe7ee;border-radius:15px;padding:20px}body.login-mode .eh-time .start-today-main{display:grid;grid-template-columns:1fr 85px;gap:12px;margin:0;padding:4px 0 12px;border:0;align-items:center}body.login-mode .eh-time .start-today-main>div:first-child{min-width:0}body.login-mode .eh-time .today-time-label{display:none}body.login-mode .eh-time .start-hours{font-size:26px;color:#003366}body.login-mode .eh-time .start-hours small{font-size:13px}body.login-mode .eh-time .start-today-main p{font-size:11px;line-height:1.4;color:#64788a;margin:4px 0 14px}body.login-mode .eh-time .btn.green{padding:10px 12px;border-radius:8px;font-size:12px;background:#1e7d46;color:white;min-height:40px}body.login-mode .eh-time .start-week{color:#003366;text-align:center}body.login-mode .eh-time .start-week>span,body.login-mode .eh-time .start-week>small{font-size:9px;color:#61788c;line-height:1.4}body.login-mode .eh-time .start-ring{width:64px;height:64px;margin:auto auto 5px}body.login-mode .eh-time .start-ring svg{width:64px;height:64px}body.login-mode .eh-time .start-ring circle{stroke:#e0e9f0}body.login-mode .eh-time .start-ring circle+circle{stroke:#003366}body.login-mode .eh-time .start-ring strong{font-size:18px;color:#003366}body.login-mode .eh-time .today-week-details{border-top:1px solid #e5ebf0;margin:0;padding-top:12px;color:#003366}body.login-mode .eh-time summary{font-size:11px;cursor:pointer}body.login-mode .eh-time .start-week-days{gap:3px;margin-top:12px}body.login-mode .eh-time .start-week-days button{color:#003366;background:#f2f6f9;border:1px solid #dce5ed;padding:8px 1px;font-size:10px;min-width:0}body.login-mode .eh-time .start-schedule-note{color:#64788a;font-size:9px}body.login-mode .eh-documents{margin-top:18px;padding-bottom:8px}body.login-mode .eh-documents .eh-row{padding:13px 0}body.login-mode .eh-documents .eh-row-mark{border:0;background:#eff4f8}body.login-mode .eh-documents .eh-row-content strong{font-size:12px;overflow-wrap:anywhere}body.login-mode .eh-actions{padding:23px 5px}body.login-mode .eh-actions h2{margin-bottom:12px}body.login-mode .eh-actions>button{display:flex;justify-content:space-between;width:100%;padding:12px 0;background:none;border:0;border-bottom:1px solid #dfe7ee;color:#254a6c;text-align:left;font-size:12px}body.login-mode .eh-status{margin-top:25px}body.login-mode .eh-status h2{margin-bottom:12px}body.login-mode #eh-status{display:flex;gap:14px}body.login-mode #eh-status button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #dce5ec;background:transparent;border-radius:10px;padding:12px 16px;color:#244660;flex:1}body.login-mode #eh-status strong{font-size:24px;color:#003366}body.login-mode #eh-status small{display:block;font-size:10px;margin-top:3px;color:#657b8c}body.login-mode #eh-status button>span:last-child{margin-left:auto}
 body.login-mode.dark .eh-home{color:#dae5ef}body.login-mode.dark .eh-row,body.login-mode.dark .eh-time,body.login-mode.dark .eh-documents{background:#16212e;color:#dae5ef;border-color:#304254}body.login-mode.dark .eh-empty{background:#1b2b3b;color:#dae5ef}body.login-mode.dark .eh-actions>button,body.login-mode.dark .eh-section-head>button,body.login-mode.dark #eh-status button{color:#c8dced}body.login-mode.dark .eh-time .start-hours,body.login-mode.dark .eh-time .start-ring strong,body.login-mode.dark .eh-time summary,body.login-mode.dark #eh-status strong{color:#c8dced}
}

@media(min-width:768px) and (max-width:899px){
 body.login-mode .employee-desktop-nav{display:block!important;padding:0!important}body.login-mode .employee-nav-main,body.login-mode .employee-nav-sub{display:flex;gap:2px;flex-wrap:wrap;padding:0 12px}body.login-mode .employee-nav-main button{padding:12px 10px!important;min-height:44px;font-size:12px}body.login-mode .employee-nav-main button:last-child{margin-left:auto}body.login-mode .employee-nav-sub{background:var(--card);padding:8px 12px;border-bottom:1px solid var(--line)}body.login-mode .employee-nav-sub button{color:var(--ink)!important;min-height:40px;padding:8px 12px!important}body.login-mode .employee-nav-sub button.active{background:var(--navy)!important;color:white!important}
}
@media(min-width:900px){
 body.login-mode.dark .employee-reviewed .card b{color:var(--ink)!important}body.login-mode.dark .eh-row-content small,body.login-mode.dark .eh-row-meta,body.login-mode.dark .eh-greeting p,body.login-mode.dark .eh-eyebrow,body.login-mode.dark .eh-footnote,body.login-mode.dark .eh-empty p{color:#aebfce}body.login-mode.dark .eh-unread .eh-row-meta{color:#d4e5f2}body.login-mode.dark .eh-row-mark{background:#223b50!important;color:#d4e5f2}body.login-mode.dark .eh-row:hover{background:#223b50}
 body.login-mode .employee-reviewed .card{border-radius:12px!important}body.login-mode .employee-reviewed input,body.login-mode .employee-reviewed select,body.login-mode .employee-reviewed textarea,body.login-mode .employee-reviewed .btn{border-radius:7px!important}body.login-mode .employee-reviewed .report-stack{width:100%;max-width:none}body.login-mode .ev-favourite-settings{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:18px}body.login-mode .ev-favourite-settings>summary{cursor:pointer;font-size:15px;font-weight:600}body.login-mode .employee-reviewed .favorite-toggle[aria-pressed=true]{background:#e6edf4;color:#003366}body.login-mode .employee-reviewed .area-directory{margin-top:18px}
 body.login-mode #app.employee-reviewed{max-width:1240px;margin:auto;padding:24px 24px 40px;box-sizing:content-box;color:var(--ink)}
 body.login-mode .employee-reviewed .view-title{font-size:25px;letter-spacing:-.4px;margin-bottom:7px}body.login-mode .employee-reviewed .view-sub{font-size:13px;line-height:1.6;margin-bottom:22px;color:var(--muted)}
 body.login-mode .employee-reviewed .card,body.login-mode .employee-reviewed .report-row{border-radius:12px;border:1px solid var(--line);box-shadow:none;padding:22px}body.login-mode .employee-reviewed .card .sec-h{letter-spacing:0;font-size:15px;text-transform:none;margin-bottom:16px}
 body.login-mode .employee-reviewed input:not([type=checkbox]):not([type=radio]),body.login-mode .employee-reviewed select,body.login-mode .employee-reviewed textarea{border-radius:7px;border:1px solid var(--line);background:var(--card);color:var(--ink);min-height:42px;font-size:13px}body.login-mode .employee-reviewed label{font-size:12px;line-height:1.5}body.login-mode .employee-reviewed .btn{border-radius:7px;min-height:40px;font-size:12px}body.login-mode .employee-reviewed .btn.green{background:#1e7d46}body.login-mode .employee-reviewed button:focus-visible,body.login-mode .employee-reviewed input:focus-visible,body.login-mode .employee-reviewed select:focus-visible,body.login-mode .employee-reviewed textarea:focus-visible{outline:3px solid #648aa9;outline-offset:2px}
 body.login-mode .employee-reviewed .ev-form-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:22px;align-items:start}body.login-mode .employee-reviewed .ev-form-layout>.card{width:auto!important;min-width:0!important}body.login-mode .employee-reviewed .ev-form-layout>.card:last-child{background:var(--greybg)}body.login-mode .ev-side-note h3{font-size:15px;margin:0 0 16px}body.login-mode .ev-side-note p{font-size:13px;line-height:1.7}body.login-mode .ev-side-note p:last-child{color:var(--muted)}
 body.login-mode .employee-reviewed table{font-size:12px}body.login-mode .employee-reviewed th{text-transform:none;font-size:12px;background:var(--greybg);color:var(--ink);padding:12px;border-color:var(--line)}body.login-mode .employee-reviewed td{padding:12px;border-color:var(--line)}body.login-mode .employee-reviewed .badge{border-radius:5px}body.login-mode .employee-reviewed tr[hidden],body.login-mode .employee-reviewed [role=button][hidden]{display:none!important}
 body.login-mode .ev-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:16px 22px;margin:0 0 22px}body.login-mode .ev-eyebrow{font-size:10px;letter-spacing:1.2px;color:var(--muted);font-weight:700}body.login-mode .ev-summary h3{font-size:16px;margin:7px 0 0}body.login-mode .ev-chart{display:flex;align-items:center;gap:16px}body.login-mode .ev-chart svg{width:86px;height:86px;flex-shrink:0}body.login-mode .ev-chart circle{fill:none;stroke-width:9}body.login-mode .ev-track{stroke:#e6edf3}body.login-mode .ev-arc{transform:rotate(-90deg);transform-origin:40px 40px}body.login-mode .ev-arc.ev-tone-0{stroke:#003366}body.login-mode .ev-arc.ev-tone-1{stroke:#779cba}body.login-mode .ev-arc.ev-tone-2{stroke:#bed1df}body.login-mode .ev-legend{display:grid;gap:8px;min-width:170px}body.login-mode .ev-legend>span{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);white-space:nowrap}body.login-mode .ev-legend b{margin-left:auto;padding-left:15px;color:var(--ink);font-size:13px}body.login-mode .ev-legend i{height:7px;width:7px;border-radius:50%;background:#003366}body.login-mode .ev-legend i.ev-tone-1{background:#779cba}body.login-mode .ev-legend i.ev-tone-2{background:#bed1df}
 body.login-mode .eh-focus{display:grid;grid-template-columns:1fr auto;column-gap:24px;align-items:center}body.login-mode .eh-focus>div:first-child{grid-column:1;grid-row:1}body.login-mode .eh-focus .eh-counters{grid-column:1;grid-row:2;margin-top:16px;gap:24px}body.login-mode .ev-home-chart{grid-column:2;grid-row:1/3;border-left:1px solid #ffffff30;padding-left:20px}body.login-mode .ev-home-chart .ev-chart{flex-direction:column;gap:8px}body.login-mode .ev-home-chart .ev-chart svg{width:74px;height:74px}body.login-mode .ev-home-chart .ev-legend{min-width:120px}body.login-mode .ev-home-chart .ev-legend>span,body.login-mode .ev-home-chart .ev-legend b{color:#e2ebf3}body.login-mode .ev-home-chart .ev-track{stroke:#ffffff25}body.login-mode .ev-home-chart .ev-tone-0{stroke:#ffffff}body.login-mode .ev-home-chart i.ev-tone-0{background:white}body.login-mode .eh-focus h2{font-size:22px}body.login-mode .ev-text-link{font-size:11px;color:var(--ink);background:none;border:0;padding:14px 0 0;cursor:pointer;text-align:left}
 body.login-mode .ev-task-overview{display:flex;align-items:center;gap:36px;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:13px;margin-bottom:22px}body.login-mode .ev-task-overview>p{max-width:420px;color:var(--muted);line-height:1.7;font-size:12px}body.login-mode .ev-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}body.login-mode .ev-task-card{text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:20px;color:var(--ink);cursor:pointer}body.login-mode .ev-task-card>span{display:flex;justify-content:space-between;gap:12px;font-size:15px}body.login-mode .ev-task-card p{font-size:12px;color:var(--muted);margin:16px 0}body.login-mode .ev-task-card progress{width:100%;height:6px;accent-color:#003366}body.login-mode .ev-task-card:hover{border-color:#779cba}
 body.login-mode .employee-reviewed .service-page{max-width:none;margin:0}body.login-mode .ev-service-columns{display:grid;grid-template-columns:minmax(0,650px) minmax(240px,1fr);gap:22px;align-items:start}body.login-mode .ev-service-columns>.service-form{grid-column:1;grid-row:1/30;max-width:none;width:auto;margin:0}body.login-mode .ev-service-columns>:not(.service-form){grid-column:2;margin:0}body.login-mode .ev-service-columns .card{padding:18px}body.login-mode .employee-reviewed .service-form h3{font-size:16px}body.login-mode .employee-reviewed .service-form p{font-size:12px;line-height:1.6;color:var(--muted)}
 body.login-mode .employee-reviewed .ev-document-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}body.login-mode .employee-reviewed .ev-document-layout>.card{width:auto!important;min-width:0!important}body.login-mode .ev-filter{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 16px}body.login-mode .ev-filter label{width:420px;max-width:100%;display:grid;gap:5px}body.login-mode .ev-filter p,body.login-mode .ev-note{font-size:11px;line-height:1.6;color:var(--muted)}
 body.login-mode .employee-reviewed .ev-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}body.login-mode .employee-reviewed .ev-settings-grid>.card{width:auto!important;min-width:0!important}body.login-mode .employee-reviewed[data-employee-view=settings]>.card{margin-top:18px}body.login-mode .employee-reviewed[data-employee-view=notifications] .notification-form{max-width:760px}body.login-mode .employee-reviewed[data-employee-view=notifications] .reminder-plan{max-width:760px}body.login-mode .employee-reviewed .report-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}body.login-mode .employee-reviewed .report-row{margin:0;min-width:0}
 body.login-mode .ev-week-chart{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;margin:20px 0}body.login-mode .ev-week-chart h3{font-size:16px;margin:0 0 7px}body.login-mode .ev-week-chart p{font-size:11px;color:var(--muted)}body.login-mode .ev-week-chart>div{display:flex;gap:18px;margin-top:22px}body.login-mode .ev-week-column{flex:1;text-align:center;min-width:0}body.login-mode .ev-week-column>span{font-size:11px;white-space:nowrap}body.login-mode .ev-week-column>div{height:90px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line);margin:8px 0}body.login-mode .ev-week-column i{display:block;width:55%;background:#003366;border-radius:5px 5px 0 0}body.login-mode .ev-week-column small{font-size:11px;color:var(--muted)}
 body.login-mode.dark .ev-track{stroke:#31475b}body.login-mode.dark .ev-arc.ev-tone-0{stroke:#d1e2ef}body.login-mode.dark .ev-legend i.ev-tone-0,body.login-mode.dark .ev-week-column i{background:#d1e2ef}
}

body.login-mode .traffic-red{--traffic-ink:#a52222;--traffic-fill:#d03434;--traffic-bg:#fff0ef}body.login-mode .traffic-yellow{--traffic-ink:#735200;--traffic-fill:#d3a300;--traffic-bg:#fff7d6}body.login-mode .traffic-green{--traffic-ink:#17633a;--traffic-fill:#23844f;--traffic-bg:#ebf7ef}body.login-mode .traffic-unknown{--traffic-ink:#586879;--traffic-fill:#7c8b99;--traffic-bg:#edf1f5}
body.login-mode .traffic-badge{display:inline-flex;align-items:center;gap:7px;border-radius:20px;padding:6px 10px;background:var(--traffic-bg);color:var(--traffic-ink);font-size:11px;font-weight:650;line-height:1.4}body.login-mode .traffic-dot{background:var(--traffic-fill);width:8px;height:8px;border-radius:50%;flex-shrink:0}body.login-mode .traffic-personal,body.login-mode .traffic-admin{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:13px;padding:18px;margin:0 0 22px}body.login-mode .traffic-personal-main{display:flex;align-items:center;justify-content:space-between;gap:16px}body.login-mode .traffic-personal h2,body.login-mode .traffic-admin h3{font-size:16px;margin:0 0 5px}body.login-mode .traffic-personal-main>div>span,body.login-mode .traffic-admin p,body.login-mode .traffic-scope{font-size:11px;color:var(--muted);line-height:1.6}body.login-mode .traffic-open,body.login-mode .traffic-work{border:0;background:transparent;text-align:left;padding:4px;cursor:pointer;color:var(--ink)}body.login-mode .traffic-open>small,body.login-mode .traffic-work>small{display:block;font-size:11px;line-height:1.5;margin-top:6px;color:var(--muted)}body.login-mode .traffic-access-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}body.login-mode .traffic-access-line>small{font-size:10px;color:var(--muted)}body.login-mode .traffic-legend{font-size:11px;margin-top:12px;line-height:1.65;color:var(--muted)}body.login-mode .traffic-legend>summary{cursor:pointer;color:var(--ink);min-height:24px}body.login-mode .traffic-personal button:focus-visible,body.login-mode .traffic-admin button:focus-visible,body.login-mode .traffic-detail button:focus-visible{outline:3px solid #6086a8;outline-offset:3px}body.login-mode .traffic-filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}body.login-mode .traffic-filter{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:5px 9px;cursor:pointer;color:var(--ink);min-height:44px}body.login-mode .traffic-filter[aria-pressed=true]{border:2px solid #003366;padding:4px 8px}body.login-mode .traffic-person-list{max-height:320px;overflow:auto}body.login-mode .traffic-person-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(210px,1.5fr) minmax(175px,1fr);gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:13px}body.login-mode .traffic-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:10px;cursor:pointer}body.login-mode .traffic-item>span:nth-child(2){flex:1;min-width:0}body.login-mode .traffic-item strong{font-size:12px;display:block;overflow-wrap:anywhere}body.login-mode .traffic-item small{display:block;font-size:11px;color:var(--muted);margin-top:5px}body.login-mode .traffic-summary{border-bottom:3px solid var(--traffic-fill)!important}body.login-mode .traffic-summary>strong{color:var(--traffic-ink)!important}
@media(max-width:767px){body.login-mode .traffic-personal{padding:13px;margin-bottom:14px}body.login-mode .traffic-personal-main{align-items:flex-start;flex-direction:column;gap:8px}body.login-mode .traffic-open{width:100%;min-height:44px}body.login-mode .traffic-person-row{grid-template-columns:1fr}body.login-mode .traffic-admin{padding:14px}body.login-mode .traffic-item{flex-wrap:wrap}body.login-mode .traffic-item>.traffic-badge{font-size:10px}body.login-mode .traffic-personal h2{font-size:15px}}
body.login-mode.dark .traffic-red{--traffic-ink:#ffc1bc;--traffic-bg:#50282a}body.login-mode.dark .traffic-yellow{--traffic-ink:#f7dc86;--traffic-bg:#423a23}body.login-mode.dark .traffic-green{--traffic-ink:#a6e3b9;--traffic-bg:#213e30}body.login-mode.dark .traffic-unknown{--traffic-ink:#bac8d5;--traffic-bg:#293745}
@media(min-width:900px){body.login-mode .traffic-personal{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 22px;padding:15px 18px}body.login-mode .traffic-personal-main{gap:22px;justify-content:flex-start}body.login-mode .traffic-personal .traffic-access-line{border:0;padding:0;margin:0;max-width:235px;gap:5px;align-content:center}body.login-mode .traffic-personal>.traffic-legend{grid-column:1/-1;margin-top:0}}
/* Quiet signal: one illuminated lamp, plain typography, no coloured label cloud. */
body.login-mode .traffic-signal{display:inline-flex;gap:4px;align-items:center;flex-shrink:0}body.login-mode .traffic-signal i{width:7px;height:7px;border-radius:50%;background:#bdc9d3;opacity:.4}body.login-mode .traffic-signal i.lit{background:var(--traffic-fill);opacity:1;box-shadow:0 0 0 2px var(--traffic-bg)}
body.login-mode .traffic-badge{background:transparent;padding:3px 0;border-radius:0;color:var(--ink);font-weight:500;gap:10px}body.login-mode .traffic-personal.traffic-integrated{grid-column:1/-1;display:block;background:none;color:white;border:0;border-top:1px solid #ffffff29;border-radius:0;padding:15px 0 0;margin:18px 0 0}body.login-mode .traffic-integrated .traffic-personal-main{justify-content:space-between}body.login-mode .traffic-integrated h2{color:white!important;font-size:13px!important;letter-spacing:0!important}body.login-mode .traffic-integrated .traffic-personal-main>div>span{color:#b9ccdc;font-size:10px}body.login-mode .traffic-integrated .traffic-open{color:white;text-align:right;padding:0}body.login-mode .traffic-integrated .traffic-badge{color:white;font-size:12px}body.login-mode .traffic-integrated .traffic-open>small{color:#cedde8;font-size:10px}body.login-mode .traffic-integrated .traffic-signal i:not(.lit){background:white;opacity:.22}body.login-mode .traffic-integrated .traffic-signal .lit{box-shadow:none;width:8px;height:8px}body.login-mode .traffic-integrated .traffic-yellow{--traffic-fill:#f1c44d}body.login-mode .traffic-integrated .traffic-red{--traffic-fill:#ff8178}body.login-mode .traffic-integrated .traffic-green{--traffic-fill:#65ca8b}
body.login-mode .traffic-refined{padding:20px 22px;border-radius:14px}body.login-mode .traffic-refined .traffic-admin-head h3{font-size:16px}body.login-mode .traffic-refined .traffic-admin-head p{margin:5px 0 0}body.login-mode .traffic-refined .traffic-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:16px 0}body.login-mode .traffic-refined .traffic-filter{border:0;border-right:1px solid var(--line);border-radius:0;background:none;text-align:left;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}body.login-mode .traffic-refined .traffic-filter:first-child{padding-left:0}body.login-mode .traffic-refined .traffic-filter:last-child{border-right:0}body.login-mode .traffic-refined .traffic-filter[aria-pressed=true]{background:var(--greybg);box-shadow:inset 0 -2px #003366}body.login-mode .traffic-filter-caption{font-size:11px;display:grid;gap:9px;color:var(--muted)}body.login-mode .traffic-filter>strong{font-size:26px;font-weight:650;color:var(--ink)}body.login-mode .traffic-people-details>summary{font-size:12px;font-weight:600;color:var(--ink);cursor:pointer;padding:4px 0 10px}body.login-mode .traffic-refined .traffic-person-list{max-height:300px}body.login-mode .traffic-refined .traffic-person-row{padding:10px 0}body.login-mode .traffic-refined .traffic-person-row>strong{font-size:12px}body.login-mode .traffic-refined .traffic-person-row .traffic-badge{font-size:11px}body.login-mode .traffic-refined .traffic-work>small{font-size:10px}body.login-mode .traffic-refined .traffic-scope{font-size:10px;margin:10px 0 0}body.login-mode .traffic-refined>.traffic-legend{font-size:10px;margin-top:8px}body.login-mode .traffic-account-settings{margin-top:18px}body.login-mode .traffic-account-settings p{font-size:12px;line-height:1.6;color:var(--muted)}
@media(max-width:767px){body.login-mode .traffic-integrated .traffic-personal-main{flex-direction:row;align-items:center;gap:10px}body.login-mode .traffic-integrated .traffic-open{width:auto;min-height:44px}body.login-mode .traffic-integrated .traffic-badge{font-size:11px}body.login-mode .traffic-integrated .traffic-open>small{max-width:185px}body.login-mode .traffic-refined .traffic-filters{grid-template-columns:repeat(2,minmax(0,1fr))}body.login-mode .traffic-refined .traffic-filter{padding:12px!important}body.login-mode .traffic-refined .traffic-filter:nth-child(2){border-right:0}body.login-mode .traffic-refined .traffic-filter>strong{font-size:23px}}

@media(min-width:900px){
 body.login-mode .traffic-chart-total{fill:white;font-size:21px;font-weight:700}body.login-mode .traffic-chart-caption{fill:#d0deeb;font-size:8px}body.login-mode .ev-home-chart{cursor:pointer}body.login-mode .ev-home-chart .ev-chart svg{width:104px;height:104px}body.login-mode .ev-home-chart .ev-legend{min-width:165px}body.login-mode .ev-home-chart:focus-visible{outline:2px solid white;outline-offset:6px}
 body.login-mode #app.time-workspace .td-workspace{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(440px,1.2fr);gap:26px;padding:0!important;background:transparent;border:0;align-items:start}
 body.login-mode .td-week,body.login-mode .td-day{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}
 body.login-mode .td-week h3,body.login-mode .td-day h3{font-size:18px;margin:0;color:var(--ink)}body.login-mode .td-intro,body.login-mode .td-heading p{font-size:12px;color:var(--muted);line-height:1.5;margin:7px 0 22px}
 body.login-mode .td-heading{display:flex;gap:12px;align-items:flex-start}body.login-mode .td-heading>span{border:1px solid var(--line);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:11px;color:var(--muted);flex-shrink:0}body.login-mode .td-heading p{margin-bottom:16px}
 body.login-mode .td-week>label{display:block;margin-top:18px}body.login-mode .td-week .ev-text-link{float:right;padding:0 0 8px}body.login-mode .td-week .time-demo-note{font-size:10px;line-height:1.5}body.login-mode .td-week #e_kw{width:100%;margin-bottom:6px}
 body.login-mode #app.time-workspace .td-week .top-week-total{min-height:88px;padding:16px!important;margin:10px 0 22px}body.login-mode .td-week .time-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}body.login-mode .td-week .time-toolbar-label{font-size:12px}body.login-mode .td-week .time-view-toggle{font-size:10px}
 body.login-mode .td-week .time-day-strip{gap:4px;margin-top:14px}body.login-mode .td-week .time-day-strip button{min-width:0;min-height:140px;padding:8px 2px;border-radius:8px}body.login-mode .td-week .time-day-strip .week-mini-track{height:55px;width:14px;margin-top:12px}body.login-mode .td-week .week-activity-peek{margin:18px 0 0}body.login-mode .td-week #week-chart-note{font-size:10px;line-height:1.5}
 body.login-mode #app.time-workspace .td-day .time-progress{padding:0 0 8px}body.login-mode .td-day .time-progress strong{font-size:13px}body.login-mode .td-day .time-progress p{line-height:1.5}
 body.login-mode #app.time-workspace .td-day .location-picker{max-width:320px;margin:5px 0 16px;background:var(--greybg)}
 body.login-mode #app.time-workspace .td-day table.erf{margin-top:0!important}body.login-mode #app.time-workspace .td-day table.erf tr{border:0;padding:0!important;gap:14px!important;margin:0}
 body.login-mode #app.time-workspace .td-day table.erf td.tc input{font-size:17px;height:46px;background:var(--greybg)}body.login-mode #app.time-workspace .td-day table.erf .actcell textarea{min-height:88px;background:var(--greybg)}
 body.login-mode .td-day .day-save-actions{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}body.login-mode .td-day .day-save-actions small{font-size:10px}body.login-mode .td-day .time-actions{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}
 body.login-mode .eh-time{background:var(--card);overflow:hidden}body.login-mode .eh-time .start-today-main{padding:10px 0 18px!important;align-items:center}body.login-mode .eh-time #start-primary{border-radius:8px;min-height:42px;padding:10px 14px}body.login-mode .eh-time .today-week-details{border-top:1px solid var(--line)}
}
/* Consistent edges and spacing for the desktop day form. */
@media(min-width:900px){
 body.login-mode #app.time-workspace.employee-reviewed{padding-top:14px}
 body.login-mode .td-page-head{display:flex;align-items:center;gap:18px;min-height:40px;margin:0 0 14px}
 body.login-mode #app .td-page-head .view-title{font-size:21px;margin:0;white-space:nowrap}
 body.login-mode #app .td-page-head #legal-profile-label{margin:0;font-size:11px;color:var(--muted);line-height:1.4}
 body.login-mode #app .td-page-head #view-arrows{margin:0 0 0 auto;display:flex;gap:6px;flex-shrink:0}
 body.login-mode #app .td-page-head #view-arrows button{min-height:34px;padding:6px 10px;font-size:11px}
 body.login-mode #app.time-workspace:has(.td-page-head)>.view-sub{display:none}
 body.login-mode .td-week>.td-intro,body.login-mode .td-day .td-heading p{display:none}
 body.login-mode .td-week>h3{font-size:15px;margin-bottom:12px}
 body.login-mode .td-week .tm-toggle{margin-bottom:14px}
 body.login-mode #app .td-day .td-heading{margin-bottom:12px}
 @media(max-width:1100px){body.login-mode .td-page-head{flex-wrap:wrap;gap:6px 14px}body.login-mode .td-page-head #legal-profile-label{order:3;flex-basis:100%}}
 body.login-mode #app .td-day{padding:24px;box-sizing:border-box}
 body.login-mode .td-day .td-heading{align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
 body.login-mode .td-day .td-heading p{margin:6px 0 0;line-height:1.5}body.login-mode .td-heading-total{font-size:23px;white-space:nowrap;line-height:1.3;color:var(--ink)}body.login-mode .td-heading-total[hidden]{display:none}
 body.login-mode #app.time-workspace .td-day .time-progress{padding:0 0 14px;margin-bottom:0;border-bottom:1px solid var(--line)}
 body.login-mode .td-day .time-progress p{margin:6px 0 0;font-size:10px}
 body.login-mode #app.time-workspace .td-day .location-picker{width:100%;max-width:none;box-sizing:border-box;margin:18px 0!important;padding:4px!important}
 body.login-mode .td-day .location-picker legend{padding:0 0 6px;font-size:11px!important}body.login-mode .td-day .location-picker label{justify-content:flex-start}
 body.login-mode #app.time-workspace .td-single-day table.erf td.daycell{display:none!important}
 body.login-mode #app.time-workspace .td-day table.erf tr{gap:16px 14px!important}
 body.login-mode #app.time-workspace .td-day table.erf td.tc{position:relative}
 body.login-mode #app.time-workspace .td-day table.erf td.tc::before{font-size:11px;letter-spacing:0;margin-bottom:7px}
 body.login-mode #app.time-workspace .td-day table.erf .tcell{position:relative}
 body.login-mode #app.time-workspace .td-day table.erf .nowb{position:absolute;right:0;top:-24px;height:20px;min-height:20px;padding:0 2px;font-size:10px;text-transform:none}
 body.login-mode #app.time-workspace .td-day table.erf td.tc input{box-sizing:border-box;width:100%!important;min-height:46px;height:46px;margin:0}
 body.login-mode #app.time-workspace .td-day .actcell textarea{box-sizing:border-box;min-height:82px;margin:0}
 body.login-mode .td-day .day-activity-label{font-size:11px;text-transform:none;letter-spacing:0;margin-bottom:7px}body.login-mode .td-day .day-break-hint{margin:0 0 16px;padding:10px 12px}
 body.login-mode #app.time-workspace .td-day .day-save-actions,body.login-mode #app.time-workspace .td-day .time-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px 14px!important}
 body.login-mode .td-day .day-save-actions{margin:20px 0 0;padding-top:18px}body.login-mode .td-day .day-save-actions .btn,body.login-mode .td-day .time-actions .btn{width:100%;min-height:46px!important;box-sizing:border-box;margin:0!important;font-size:12px!important}
 body.login-mode #app .td-day #discard-selected-day{border:1px solid var(--line);background:var(--card);border-radius:8px!important;color:var(--muted)}
 body.login-mode .td-day #day-save-state{font-size:11px;margin-top:0}body.login-mode .td-day .day-save-actions small{line-height:1.6}
 body.login-mode .td-week-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:20px;padding-top:18px}body.login-mode .td-week-heading h4{font-size:12px;margin:0}body.login-mode .td-week-heading #e_status{margin:0!important;font-size:10px}
 body.login-mode #app.time-workspace .td-day .time-actions{border-top:0;margin-top:12px;padding-top:0}
 body.login-mode .td-day .legalbox{padding:0!important;border:1px solid var(--line);border-radius:9px!important;background:transparent!important;overflow:hidden}
 body.login-mode #app .td-day .legalbox>summary{padding:12px 14px!important;font-size:12px;min-height:44px;box-sizing:border-box}body.login-mode .td-day .legalbox>div,body.login-mode .td-day .legalbox>p{padding:0 14px 12px}
}

body.login-mode .tm-toggle{display:flex;background:var(--greybg,#edf2f6);padding:4px;border-radius:10px;margin:0 0 20px;gap:4px}body.login-mode .tm-toggle button{flex:1;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:600;min-height:40px;cursor:pointer}body.login-mode .tm-toggle button[aria-pressed=true]{background:var(--navy,#003366);color:white;box-shadow:0 2px 5px #00336620}body.login-mode .tm-week-hidden{display:none!important}body.login-mode .tm-panel[hidden]{display:none!important}body.login-mode .tm-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}body.login-mode .tm-nav h3{font-size:17px!important;margin:0!important}body.login-mode .tm-nav button{border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font-size:25px;width:40px;min-height:40px;cursor:pointer}body.login-mode .tm-stat{background:var(--navy,#003366);color:white;border-radius:12px;padding:16px;display:flex;justify-content:space-between;gap:16px;margin-bottom:20px}body.login-mode .tm-stat>div{display:flex;flex-direction:column;gap:5px}body.login-mode .tm-stat>div:last-child{text-align:right}body.login-mode .tm-stat strong{font-size:27px;line-height:1.2;color:white}body.login-mode .tm-stat strong span{font-size:14px}body.login-mode .tm-stat small{font-size:10px;color:#dce6f0}body.login-mode .tm-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}body.login-mode .tm-weekday{text-align:center;font-size:10px;color:var(--muted);padding-bottom:5px}body.login-mode .tm-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:63px;padding:7px 2px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);cursor:pointer;font:inherit}body.login-mode .tm-day>span{font-size:13px;font-weight:600}body.login-mode .tm-day small{font-size:10px;white-space:nowrap}body.login-mode .tm-day i{height:4px;width:75%;background:var(--greybg);border-radius:3px;overflow:hidden}body.login-mode .tm-day i:before{content:'';display:block;width:var(--hours);height:100%;background:#7398b8}body.login-mode .tm-day em{position:absolute;right:2px;top:1px;font-size:8px;font-style:normal}body.login-mode .tm-day[aria-pressed=true]{background:var(--navy,#003366);color:white;border-color:var(--navy,#003366)}body.login-mode .tm-day.tm-is-today{outline:2px solid #7f9eb8;outline-offset:1px}body.login-mode .tm-day:disabled{background:var(--greybg);opacity:.55;cursor:default}body.login-mode .tm-key,body.login-mode .tm-note{font-size:10px;line-height:1.6;color:var(--muted);margin:14px 0 0}body.login-mode .tm-today{margin-top:12px;min-height:40px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}body.login-mode .tm-panel button:focus-visible,body.login-mode .tm-toggle button:focus-visible{outline:3px solid #7f9eb8;outline-offset:2px}
@media(max-width:767px){body.login-mode .tm-calendar{gap:4px}body.login-mode .tm-day{min-height:60px}body.login-mode .tm-stat{padding:14px}body.login-mode .tm-toggle{margin-top:5px}body.login-mode .tm-panel{margin-bottom:18px}}

body.login-mode .info-company{max-width:1240px;margin:auto}body.login-mode .info-company-hero{background:var(--navy,#003366);color:white;border-radius:15px;padding:28px;margin:20px 0}body.login-mode .info-company-hero>span,body.login-mode .info-eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:700}body.login-mode .info-company-hero h3{font-size:24px;margin:12px 0}body.login-mode .info-company-hero p{font-size:13px;max-width:650px;line-height:1.7;color:#dbe6ef}body.login-mode .info-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}body.login-mode .info-company .card{padding:24px;border-radius:13px}body.login-mode .info-company h3{margin-top:0}body.login-mode .info-company .card p{font-size:13px;line-height:1.6}body.login-mode .info-company .card small,body.login-mode .info-report-note{color:var(--muted);font-size:11px;line-height:1.7}body.login-mode .info-guide{margin-top:20px}body.login-mode .info-guide h3{margin:12px 0 20px}body.login-mode .info-guide-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}body.login-mode .info-guide-links button{display:flex;flex-direction:column;gap:8px;text-align:left;background:var(--greybg);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:16px;cursor:pointer}body.login-mode .info-guide-links strong{font-size:13px}body.login-mode .info-home-link{border:1px solid var(--line);border-radius:13px;padding:20px;background:var(--card);margin-top:18px}body.login-mode .info-home-link span{font-size:9px;letter-spacing:1.1px;color:var(--muted)}body.login-mode .info-home-link h3{font-size:16px;margin:9px 0}body.login-mode .info-home-link p{font-size:12px;color:var(--muted);line-height:1.6}body.login-mode .info-home-link button{border:0;background:transparent;color:var(--ink);font:inherit;font-size:12px;font-weight:600;min-height:40px;cursor:pointer;padding:5px 0}body.login-mode .info-report-toggle{max-width:480px;margin:18px 0}body.login-mode .info-month-report{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:24px}body.login-mode .info-month-report>label{display:flex;flex-direction:column;gap:8px;max-width:230px;font-size:12px}body.login-mode .info-month-report input{padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink)}body.login-mode .info-report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}body.login-mode .info-report-stats>div{padding:18px;background:var(--greybg);border-radius:10px;display:flex;flex-direction:column;gap:9px}body.login-mode .info-report-stats span{font-size:11px;color:var(--muted)}body.login-mode .info-report-stats strong{font-size:25px;color:var(--ink)}body.login-mode .info-report-table{overflow-x:auto}body.login-mode .info-report-table small{display:block;font-size:10px;color:var(--muted)}body.login-mode .info-report-table td{white-space:nowrap}body.login-mode .info-report-table table{width:100%;font-size:12px}
@media(max-width:767px){body.login-mode .info-company-hero{padding:20px}body.login-mode .info-company-hero h3{font-size:21px}body.login-mode .info-company-grid,body.login-mode .info-guide-links{grid-template-columns:1fr}body.login-mode .info-company .card,body.login-mode .info-month-report{padding:16px}body.login-mode .info-report-stats{gap:6px}body.login-mode .info-report-stats>div{padding:10px}body.login-mode .info-report-stats strong{font-size:20px}body.login-mode .info-report-stats span{font-size:10px}body.login-mode .info-home-link{margin:18px 0}}

@media(min-width:900px){
 body.login-mode #app.employee-compact{padding-top:14px;padding-bottom:24px}
 body.login-mode .ec-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 8px;min-height:36px}
 body.login-mode #app .ec-page-head .view-title{margin:0;font-size:21px;line-height:1.3}
 body.login-mode #app .ec-page-head #view-arrows{margin:0;gap:6px;flex-shrink:0}
 body.login-mode #app.employee-compact #view-arrows button{min-height:34px;padding:6px 10px;font-size:11px}
 body.login-mode .employee-compact>.view-sub{margin:0 0 14px!important;font-size:12px!important;line-height:1.5!important}
 body.login-mode .employee-compact .ev-summary{margin:0 0 16px;padding:12px 18px;gap:16px}body.login-mode .employee-compact .ev-summary h3{font-size:15px}body.login-mode .employee-compact .ev-summary .ev-chart svg{width:66px;height:66px}body.login-mode .employee-compact .ev-summary .ev-chart{gap:12px}
 body.login-mode .employee-compact .ev-form-layout,body.login-mode .employee-compact .ev-document-layout,body.login-mode .employee-compact .ev-settings-grid,body.login-mode .employee-compact .ev-service-columns{gap:16px}
 body.login-mode .employee-compact.employee-reviewed .card{padding:17px}body.login-mode .employee-compact .card h3{font-size:15px;margin-top:0;margin-bottom:12px}body.login-mode .employee-compact .card p{line-height:1.5}body.login-mode .employee-compact.employee-reviewed th,body.login-mode .employee-compact.employee-reviewed td{padding:10px}
 body.login-mode .employee-compact .ev-task-overview{padding:16px 18px;gap:24px;margin-bottom:16px}body.login-mode .employee-compact .ev-task-overview .ev-chart svg{width:72px;height:72px}body.login-mode .employee-compact .ev-task-card{padding:16px}body.login-mode .employee-compact .ev-task-card p{margin:12px 0}body.login-mode .employee-compact .ev-task-grid{gap:12px}
 body.login-mode .employee-compact .report-stack{gap:12px}body.login-mode .employee-compact .report-row{padding:16px}body.login-mode .employee-compact .ev-week-chart{padding:16px 18px;margin:14px 0}body.login-mode .employee-compact .ev-week-column>div{height:64px}body.login-mode .employee-compact .ev-week-chart>div{margin-top:14px}
 body.login-mode .employee-compact .info-report-stats{margin:16px 0;gap:12px}body.login-mode .employee-compact .info-report-stats>div{padding:13px}body.login-mode .employee-compact .info-report-toggle{margin:12px 0}body.login-mode .employee-compact .info-month-report{padding:18px}
 body.login-mode .employee-compact .info-company .view-title{font-size:21px;margin:0 0 6px}body.login-mode .employee-compact .info-company .view-sub{margin:0 0 14px;font-size:12px}body.login-mode .employee-compact .info-company-hero{padding:18px 22px;margin:14px 0}body.login-mode .employee-compact .info-company-hero h3{font-size:21px;margin:8px 0}body.login-mode .employee-compact .info-company-hero p{margin:6px 0}body.login-mode .employee-compact .info-company .card{padding:18px}body.login-mode .employee-compact .info-company-grid{gap:14px}body.login-mode .employee-compact .info-guide{margin-top:14px}body.login-mode .employee-compact .info-guide h3{margin:8px 0 12px}body.login-mode .employee-compact .info-guide-links button{padding:12px 14px;gap:5px}
 body.login-mode .employee-compact .eh-home{margin:8px auto 24px}body.login-mode .employee-compact .eh-greeting{margin-bottom:14px}body.login-mode .employee-compact .eh-greeting h1{font-size:25px;line-height:1.3}body.login-mode .employee-compact .eh-greeting .eh-eyebrow{font-size:10px}body.login-mode .employee-compact .eh-greeting p{font-size:12px}
 body.login-mode .ec-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:16px}
 body.login-mode .ec-shortcuts button{display:flex;align-items:center;gap:12px;min-height:62px;padding:12px 14px;text-align:left;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px}
 body.login-mode .ec-shortcuts button:hover{border-color:#7f9db7;background:var(--greybg)}body.login-mode .ec-shortcuts svg{width:23px;height:23px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}body.login-mode .ec-shortcuts strong{font-size:13px;display:block}body.login-mode .ec-shortcuts small{font-size:11px;color:var(--muted);display:block;margin-top:4px}
 body.login-mode .employee-compact .eh-layout{gap:18px;grid-template-columns:minmax(0,1fr) 300px}body.login-mode .employee-compact .eh-focus{padding:19px 22px;border-radius:14px}body.login-mode .employee-compact .eh-focus h2{font-size:20px;margin:6px 0}body.login-mode .employee-compact .eh-focus>div:first-child>p{display:none}body.login-mode .employee-compact .eh-counters{margin-top:10px!important;padding-top:12px;gap:22px}body.login-mode .employee-compact .eh-counters strong{font-size:25px}body.login-mode .employee-compact .ev-home-chart .ev-chart svg{width:78px;height:78px}body.login-mode .employee-compact .traffic-integrated{margin-top:12px;padding-top:12px}
 body.login-mode .employee-compact .eh-section,body.login-mode .employee-compact .eh-status{margin-top:16px}body.login-mode .employee-compact .eh-section-head{margin-bottom:8px}body.login-mode .employee-compact .eh-empty{padding:12px 14px}body.login-mode .employee-compact .eh-empty p{margin-top:3px;font-size:11px}body.login-mode .employee-compact .eh-row{min-height:56px;padding:10px 12px;gap:10px}body.login-mode .employee-compact .eh-row-content small{margin-top:2px}body.login-mode .employee-compact .eh-row-mark{width:26px;height:26px}body.login-mode .employee-compact .eh-footnote{margin-top:6px}body.login-mode .employee-compact .eh-time,body.login-mode .employee-compact .eh-documents{padding:15px}body.login-mode .employee-compact .eh-documents{margin-top:14px}body.login-mode .employee-compact .eh-documents .eh-row{padding:10px 0}body.login-mode .employee-compact .eh-status h2{margin-bottom:8px}body.login-mode .employee-compact #eh-status button{padding:10px 12px}body.login-mode .employee-compact #eh-status strong{font-size:22px}
 body.login-mode .employee-compact .eh-aside>.eh-actions,body.login-mode .employee-compact .eh-aside>.info-home-link{display:none}
 body.login-mode #app.employee-compact[data-employee-view=settings]{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
 body.login-mode #app.employee-compact[data-employee-view=settings]>*{grid-column:1/-1}
 body.login-mode #app.employee-compact[data-employee-view=settings]>.card,body.login-mode #app.employee-compact[data-employee-view=settings]>.ev-favourite-settings{grid-column:auto;margin:0;padding:17px}
 body.login-mode #app.employee-compact[data-employee-view=settings]>.ec-page-head,body.login-mode #app.employee-compact[data-employee-view=settings]>.view-sub{margin:0!important}
 body.login-mode #app.employee-compact .ec-page-head{width:100%;min-width:0;box-sizing:border-box;padding:0;background:transparent;overflow:visible}
 body.login-mode #app.employee-compact .ec-page-head .view-title{flex:0 0 auto;width:auto;max-width:none;overflow:visible;white-space:nowrap}
 body.login-mode #app.employee-compact .ec-page-head #view-arrows{width:auto;margin-left:auto}
}

body.login-mode .pn-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}body.login-mode .pn-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px}body.login-mode .pn-layout>section{min-width:0}body.login-mode .pn-case{display:grid;text-align:left;gap:8px;width:100%;padding:16px;border:1px solid #dce5ed;border-radius:12px;background:white;color:#003366;margin-bottom:10px}body.login-mode .pn-case.active{border-color:#003366;background:#f0f5fa}body.login-mode .pn-case progress{width:100%;accent-color:#003366}body.login-mode .pn-case small,body.login-mode .pn-case span{font-size:12px}body.login-mode .pn-summary{background:#003366;color:white;border-radius:14px;padding:20px;display:flex;gap:24px;align-items:center;justify-content:space-between}body.login-mode .pn-summary h3{color:white;margin:6px 0}body.login-mode .pn-summary strong{display:block;font-size:23px}body.login-mode .pn-summary small{display:block;font-size:12px}body.login-mode .pn-item{background:white;border:1px solid #dce5ed;border-radius:10px;margin:8px 0}body.login-mode .pn-item summary{display:flex;align-items:center;gap:12px;padding:15px;cursor:pointer}body.login-mode .pn-item summary small{display:block;font-size:12px;color:#52697f;margin-top:5px}body.login-mode .pn-dot{width:9px;height:9px;border-radius:50%;background:#a1adba;flex:none}body.login-mode .pn-dot.green{background:#1e7d46}body.login-mode .pn-dot.yellow{background:#bf8b24}body.login-mode .pn-dot.red{background:#b54040}body.login-mode .pn-body{padding:0 18px 18px}body.login-mode .pn-reference{font-size:12px;color:#52697f;line-height:1.6}body.login-mode .pn-modules{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 0}body.login-mode .pn-modules label{display:flex;align-items:center;gap:8px}body.login-mode .pn-modules input{width:auto}body.login-mode .pn-error{color:#a32929}body.login-mode .pn-body form{margin-top:15px}body.login-mode .pn-layout table{white-space:nowrap}@media(max-width:900px){body.login-mode .pn-layout{grid-template-columns:1fr}body.login-mode .pn-summary{flex-wrap:wrap;gap:15px}body.login-mode .pn-summary>div:first-child{flex-basis:100%}body.login-mode .pn-modules{grid-template-columns:1fr}}

body.login-mode .ao-icon{width:21px;height:21px;flex:none;vertical-align:middle}body.login-mode .admin-session .admin-primary>button{display:flex;align-items:center;gap:8px;min-height:48px;font-size:13px!important}body.login-mode .admin-session .admin-primary{justify-content:center}body.login-mode .admin-session .admin-secondary{padding:3px 16px!important}body.login-mode .admin-session .admin-secondary button{padding:9px 13px!important;min-height:40px}body.login-mode .admin-session #app{padding-top:16px!important}body.login-mode .ao-workspace .service-page,body.login-mode .ao-workspace .ao-page,body.login-mode .ao-workspace .admin-cockpit{max-width:1320px;margin:0 auto;padding-top:0}body.login-mode .ao-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 6px}body.login-mode .ao-page-header .view-title{margin:0!important;font-size:23px!important}body.login-mode .ao-page-header #view-arrows{margin:0!important;padding:0!important;gap:8px;display:flex;flex:none}body.login-mode .ao-page-header #view-arrows button{min-height:36px;padding:7px 10px}body.login-mode .ao-workspace .view-sub{margin:5px 0 15px!important;font-size:13px!important}body.login-mode .ao-note{margin:6px 0;font-size:12px;color:var(--muted)}body.login-mode .ao-note summary,body.login-mode .ao-tools summary{cursor:pointer;padding:8px 0}body.login-mode .ao-note p{margin:4px 0!important}body.login-mode .ao-tools{margin-left:auto;font-size:12px}body.login-mode .ao-workspace .desk-heading{margin:0 0 14px;align-items:center}body.login-mode .ao-workspace .desk-heading h2{font-size:25px;margin:0 0 4px}body.login-mode .ao-workspace .admin-eyebrow{display:none}body.login-mode .ao-workspace .desk-heading p{margin:0}body.login-mode .ao-workspace .desk-summary{margin:0 0 15px}body.login-mode .ao-workspace .desk-summary button{min-height:64px;padding:12px 16px}body.login-mode .ao-workspace .desk-summary strong{font-size:27px}body.login-mode .ao-section-head{display:flex;justify-content:space-between;align-items:center;margin:12px 0 9px}body.login-mode .ao-section-head h3{margin:0;font-size:15px}body.login-mode .ao-section-head>span{font-size:12px;color:var(--muted)}body.login-mode .ao-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}body.login-mode .ao-tile{position:relative;display:flex;align-items:center;gap:12px;min-height:78px;padding:14px 16px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);cursor:pointer;overflow:hidden}body.login-mode .ao-tile:hover{border-color:#738eaa;background:var(--light,#f0f5fa)}body.login-mode .ao-tile>.ao-icon{color:var(--navy);width:23px;height:23px}body.login-mode .ao-tile>span:not(.ao-tile-bar){flex:1}body.login-mode .ao-tile b{font-size:13px}body.login-mode .ao-tile small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}body.login-mode .ao-tile>strong{font-size:24px}body.login-mode .ao-tile-bar{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#eef2f6}body.login-mode .ao-tile-bar i{display:block;height:100%;background:#42678a}body.login-mode .ao-workspace .desk-scope{margin:10px 0;font-size:11px}body.login-mode .ao-workspace .desk-layout{gap:18px}body.login-mode .ao-workspace .desk-work,body.login-mode .ao-workspace .desk-panel{padding:16px}body.login-mode .ao-workspace .desk-task{padding:11px 0}body.login-mode .ao-workspace .desk-task h4{font-size:14px;margin:3px 0}body.login-mode .ao-workspace .desk-filters{margin:8px 0}body.login-mode .ao-people-details{font-size:13px;margin:12px 0;border-bottom:1px solid var(--line)}body.login-mode .ao-people-details>summary{padding:12px 0;cursor:pointer}body.login-mode .ao-report-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:18px}body.login-mode .ao-report-row{width:100%;display:grid;grid-template-columns:155px minmax(30px,1fr) 28px 68px;gap:12px;align-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;padding:14px 0;cursor:pointer}body.login-mode .ao-report-row>span:first-child{display:flex;align-items:center;gap:10px}body.login-mode .ao-stack{display:flex;height:9px;border-radius:4px;overflow:hidden;background:#edf1f5;min-width:2px}body.login-mode .ao-stack i{background:#42678a}body.login-mode .ao-stack i.late{background:#b54040}body.login-mode .ao-stack i.waiting{background:#b8cad9}body.login-mode .ao-report-row small{font-size:11px}body.login-mode .ao-report-layout aside .btn{display:block;margin:12px 0;white-space:normal}body.login-mode .ao-report-layout p{font-size:12px;line-height:1.6}body.login-mode .ao-instruction{display:flex;gap:22px;flex-wrap:wrap;margin:22px 0;font-size:13px}body.login-mode .ao-workspace .pn-toolbar{margin:9px 0}body.login-mode .ao-workspace .pn-summary{padding:15px}body.login-mode .ao-workspace .pn-item summary{padding:13px 16px!important}body.login-mode .ao-workspace button:focus-visible{outline:3px solid #7295b8;outline-offset:2px}@media(max-width:900px){body.login-mode .ao-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}body.login-mode .ao-report-layout{grid-template-columns:1fr}body.login-mode .admin-session .admin-primary{justify-content:flex-start;overflow-x:auto}body.login-mode .ao-page-header{flex-wrap:wrap}body.login-mode .ao-report-row{grid-template-columns:130px minmax(20px,1fr) 24px 65px;gap:6px}}@media(max-width:550px){body.login-mode .ao-tiles{grid-template-columns:1fr 1fr;gap:7px}body.login-mode .ao-tile{padding:11px;gap:8px;flex-wrap:wrap}body.login-mode .ao-tile .ao-icon{width:18px;height:18px}body.login-mode .ao-tile>strong{font-size:20px}body.login-mode .ao-tile b{font-size:12px}body.login-mode .ao-section-head>span{display:none}body.login-mode .ao-page-header .view-title{font-size:21px!important}body.login-mode .ao-report-row{grid-template-columns:110px 1fr 22px}body.login-mode .ao-report-row small{grid-column:2/4}body.login-mode .admin-session .admin-primary>button{min-height:44px!important}body.login-mode .ao-workspace .desk-heading h2{font-size:21px}}

body.login-mode .co-overview{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px;margin:0 0 16px}body.login-mode .co-card{min-width:0;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--card)}body.login-mode .co-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}body.login-mode .co-title h3{margin:0;font-size:15px}body.login-mode .co-title>span{font-size:11px;color:var(--muted)}body.login-mode .co-card>p{font-size:11px;line-height:1.5;color:var(--muted);margin:12px 0 0}body.login-mode .co-health{display:flex;gap:18px;align-items:center}body.login-mode .co-donut{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;flex:none}body.login-mode .co-donut>div{width:78px;height:78px;display:grid;align-content:center;justify-items:center;border-radius:50%;background:var(--card)}body.login-mode .co-donut b{font-size:27px}body.login-mode .co-donut small{font-size:10px;color:var(--muted)}body.login-mode .co-legend{flex:1}body.login-mode .co-legend button{display:flex;gap:8px;align-items:center;width:100%;background:transparent;border:0;padding:9px 0;text-align:left;color:var(--ink);font-size:11px;cursor:pointer}body.login-mode .co-legend b{font-size:17px}body.login-mode .co-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}body.login-mode .co-dot.red,body.login-mode .co-track i.red{background:#b54040}body.login-mode .co-dot.yellow,body.login-mode .co-track i.yellow{background:#c39a3b}body.login-mode .co-dot.green,body.login-mode .co-track i.green{background:#297b55}body.login-mode .co-people-bars button{display:grid;grid-template-columns:1fr auto;gap:6px;background:transparent;border:0;width:100%;padding:7px 0;color:var(--ink);text-align:left;cursor:pointer}body.login-mode .co-people-bars button>span:first-child{display:flex;align-items:center;gap:8px;font-size:12px}body.login-mode .co-track{grid-column:1/-1;height:6px;background:#edf1f5;border-radius:4px;overflow:hidden}body.login-mode .co-track i{display:block;height:100%;border-radius:4px}body.login-mode .co-periods{display:flex;gap:5px}body.login-mode .co-periods button{flex:1;border:1px solid var(--line);border-radius:8px;padding:8px 5px;background:transparent;color:var(--ink);cursor:pointer}body.login-mode .co-periods button[aria-pressed=true]{background:#003366;color:white;border-color:#003366}body.login-mode .co-periods b{font-size:21px;display:block}body.login-mode .co-periods span{font-size:10px}body.login-mode .co-bars{display:flex;gap:8px;margin:12px 0 8px;align-items:end}body.login-mode .co-bars>div{flex:1;text-align:center}body.login-mode .co-bars b{font-size:10px;font-weight:500}body.login-mode .co-bars span{height:37px;display:flex;align-items:end;justify-content:center;border-bottom:1px solid var(--line)}body.login-mode .co-bars i{width:65%;background:#42678a;border-radius:3px 3px 0 0}body.login-mode .co-bars small{font-size:10px;color:var(--muted)}body.login-mode .co-deadline-list>small{font-size:10px;color:var(--muted)}body.login-mode .co-deadline-list>p{font-size:12px;margin:10px 0}body.login-mode .co-deadline-list button,body.login-mode .co-area-detail button,body.login-mode .co-person-detail button{display:flex;gap:8px;width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 0;font-size:12px;text-align:left;cursor:pointer}body.login-mode .co-deadline time{font-size:10px;white-space:nowrap;padding-top:2px}body.login-mode .co-deadline>span:nth-child(2){flex:1}body.login-mode .co-deadline small{display:block;font-size:10px;margin-top:3px;color:var(--muted)}body.login-mode .co-area-detail,body.login-mode .co-person-detail{max-height:160px;overflow:auto;font-size:12px}body.login-mode .co-overview button:focus-visible{outline:3px solid #7295b8;outline-offset:2px}@media(max-width:1150px){body.login-mode .co-overview{grid-template-columns:1fr 1fr}body.login-mode .co-deadlines{grid-column:1/-1}body.login-mode .co-health{justify-content:flex-start}body.login-mode .co-deadline-chart{max-width:500px}}@media(max-width:600px){body.login-mode .co-overview{grid-template-columns:1fr}body.login-mode .co-deadlines{grid-column:auto}body.login-mode .co-card{padding:15px}body.login-mode .co-periods button{min-height:54px}body.login-mode .co-legend button,body.login-mode .co-people-bars button{min-height:44px}}

body.login-mode .ph-controls{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;margin:14px 0}body.login-mode .ph-controls label{font-size:12px}body.login-mode .ph-controls input,body.login-mode .ph-controls select{display:block;width:100%;min-height:42px;margin-top:6px}body.login-mode .ph-event{background:var(--card);border:1px solid var(--line);border-radius:10px;margin:8px 0}body.login-mode .ph-event summary{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer}body.login-mode .ph-event summary>span:nth-child(2){flex:1}body.login-mode .ph-event small{display:block;font-size:11px;color:var(--muted);margin-top:5px}body.login-mode .ph-event time{font-size:11px;color:var(--muted)}body.login-mode .ph-mark{color:#297b55;font-size:20px}body.login-mode .ph-body{padding:0 18px 18px}body.login-mode .ph-body p{white-space:pre-wrap;font-size:13px;line-height:1.6}body.login-mode .ph-body button{margin-top:10px}body.login-mode .ph-error{color:#b54040}body.login-mode .ph-cockpit-actions{display:flex;justify-content:flex-end;gap:12px;margin:8px 0}body.login-mode .ph-cockpit-actions button{border:0;background:transparent;color:var(--navy);min-height:36px;font-size:12px;cursor:pointer}body.login-mode .ao-workspace .desk-layout{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);max-width:1180px;margin:0 auto}body.login-mode .ao-workspace .desk-task{padding:9px 0;align-items:center}body.login-mode .ao-workspace .desk-task h4{font-size:13px!important;margin:2px 0}body.login-mode .ao-workspace .desk-task p{font-size:11px;line-height:1.4;margin:2px 0}body.login-mode .ao-workspace .desk-task small{font-size:10px}body.login-mode .ao-workspace .desk-task .btn{min-height:36px;padding:8px 12px;font-size:11px}body.login-mode .ao-workspace .desk-task .desk-kind{font-size:10px}body.login-mode .ao-workspace .desk-filters input,body.login-mode .ao-workspace .desk-filters select{min-height:38px}body.login-mode .ao-workspace .desk-panel button{min-height:40px;padding:9px 0}@media(max-width:900px){body.login-mode .ao-workspace .desk-layout{grid-template-columns:1fr}body.login-mode .ph-controls{grid-template-columns:1fr 1fr}body.login-mode .ph-controls label:last-child{grid-column:1/-1}}@media(max-width:600px){body.login-mode .ph-controls{grid-template-columns:1fr}body.login-mode .ph-event summary{flex-wrap:wrap}body.login-mode .ph-event time{width:100%;padding-left:30px}body.login-mode .ph-cockpit-actions{flex-wrap:wrap;justify-content:flex-start}body.login-mode .ao-workspace .desk-task .btn{min-height:44px}}
body.login-mode .ao-workspace .ph-event>summary{padding:14px 18px!important}body.login-mode .ph-event time{max-width:220px;text-align:right}body.login-mode .ph-controls{margin-top:12px!important}

/* Shared administrative content edges; keep table overflow local. */
body.login-mode .admin-session{--admin-nav-height:96px;--admin-title-height:58px}
body.login-mode .admin-session #app{box-sizing:border-box;width:100%;max-width:1368px!important;margin:0 auto!important;padding:16px 24px 28px!important;min-width:0}
body.login-mode .admin-session #app>.service-page,body.login-mode .admin-session #app>.ao-page,body.login-mode .admin-session #app>.admin-desk,body.login-mode .admin-session #app>.admin-cockpit{width:100%!important;max-width:none!important;min-width:0;margin:0!important;padding:0!important}
body.login-mode .admin-session #app .desk-layout{width:100%;max-width:none;margin-left:0;margin-right:0}
body.login-mode .admin-session #app .card,body.login-mode .admin-session #app section,body.login-mode .admin-session #app aside,body.login-mode .admin-session #app .row{box-sizing:border-box;min-width:0}
body.login-mode .admin-session #app .ao-report-layout{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}
body.login-mode .admin-session header.top{box-sizing:border-box;width:100%;max-width:100%;min-width:0;flex-wrap:wrap;height:auto}
body.login-mode .admin-session header.top>*{min-width:0;max-width:100%}
body.login-mode .admin-session #tabs{position:sticky!important;top:0!important;z-index:40;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible;box-shadow:0 2px 5px #00294f15}
body.login-mode .admin-session #tabs .admin-primary,body.login-mode .admin-session #tabs .admin-secondary{box-sizing:border-box;width:100%;max-width:100%;min-width:0;display:flex!important;flex-wrap:wrap!important;overflow:visible!important;justify-content:flex-start;gap:3px;padding:3px 12px!important}
body.login-mode .admin-session #tabs .admin-primary>button{flex:0 1 auto!important;white-space:normal;min-width:0!important;margin:0!important;padding:10px 12px!important}
body.login-mode .admin-session #tabs .admin-primary>.admin-settings-link{margin-left:auto!important}
body.login-mode .admin-session #tabs .admin-secondary>button{flex:0 1 auto;white-space:normal;min-width:0}
body.login-mode .admin-session #app .ao-page-header,body.login-mode .admin-session #app .desk-heading{position:sticky;top:var(--admin-nav-height);z-index:30;background:var(--bg,#f4f7fa);box-sizing:border-box;padding:12px 0!important;margin:0 0 12px!important;border-bottom:1px solid var(--line);min-width:0;gap:12px}
body.login-mode .admin-session #app .ao-page-header .view-title,body.login-mode .admin-session #app .desk-heading h2{overflow-wrap:anywhere;min-width:0;line-height:1.25}
body.login-mode .admin-session #app .desk-heading>div{min-width:0}
body.login-mode .admin-session #app .ao-page-header #view-arrows{width:auto!important;max-width:100%;flex-wrap:wrap}
body.login-mode .admin-session #app :is(button,input,select,textarea,details,[tabindex]){scroll-margin-top:calc(var(--admin-nav-height) + var(--admin-title-height) + 16px)}
@media(max-width:900px){body.login-mode .admin-session #app{padding:12px 16px 24px!important}body.login-mode .admin-session #app .ao-report-layout{grid-template-columns:1fr}body.login-mode .admin-session #app .desk-layout{grid-template-columns:1fr}body.login-mode .admin-session #tabs .admin-primary>button{font-size:12px!important;padding:8px!important;min-height:42px}body.login-mode .admin-session #tabs .admin-primary .ao-icon{width:18px;height:18px}}
@media(max-width:550px){body.login-mode .admin-session #app{padding:8px 12px 20px!important}body.login-mode .admin-session #tabs .admin-primary,body.login-mode .admin-session #tabs .admin-secondary{padding:3px 6px!important;gap:2px}body.login-mode .admin-session #app .desk-heading>time{display:none}body.login-mode .admin-session #app .desk-heading p{display:none}body.login-mode .admin-session #app .ao-page-header,body.login-mode .admin-session #app .desk-heading{padding:9px 0!important;gap:6px}body.login-mode .admin-session #app .ao-page-header h2,body.login-mode .admin-session #app .desk-heading h2{font-size:18px!important}body.login-mode .admin-session #app .ao-page-header #view-arrows button{font-size:11px}}
@media print{body.login-mode .admin-session #tabs{position:static!important}body.login-mode .admin-session #app .ao-page-header,body.login-mode .admin-session #app .desk-heading{position:static!important}}

body.login-mode .ri-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}body.login-mode .ri-roles .card,body.login-mode .ri-packages .card{margin:0;padding:18px;border-radius:12px}body.login-mode .ri-roles h3,body.login-mode .ri-packages h3{font-size:15px;margin:0 0 10px}body.login-mode .ri-roles p,body.login-mode .ri-packages p,body.login-mode .ri-packages li,body.login-mode .ri-intro{font-size:12px;line-height:1.65}body.login-mode .ri-packages{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}body.login-mode .ri-packages small{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}body.login-mode .ri-packages button{margin-top:12px}body.login-mode .ri-packages ol{padding-left:18px}body.login-mode .ri-access{padding:10px;background:var(--bg);border-left:3px solid #003366}@media(max-width:800px){body.login-mode .ri-roles,body.login-mode .ri-packages{grid-template-columns:1fr}}

body.login-mode .system-map .system-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}body.login-mode .system-map .system-cards>article{min-width:0}body.login-mode .connected-task-note{font-size:12px;line-height:1.6;border-left:3px solid #42678a;background:var(--card);padding:10px 12px;margin:10px 0}body.login-mode .connected-task-note button{border:0;background:transparent;color:var(--navy);font:inherit;text-decoration:underline;cursor:pointer;min-height:32px}body.login-mode .system-map .system-tag{white-space:normal}@media(max-width:1000px){body.login-mode .system-map .system-cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){body.login-mode .system-map .system-cards{grid-template-columns:1fr}}

/* Shared finishing pass: restrained spacing and explicit primary actions. */
body.login-mode #view-arrows[hidden]{display:none!important}
body.login-mode #app :is(button,input,select,textarea,summary,a):focus-visible{outline:3px solid #4784bb;outline-offset:3px}
body.login-mode #app button:disabled{cursor:not-allowed}
body.login-mode .sf-entry-jump{display:none}
body.login-mode .admin-session #app .desk-create>summary{min-height:44px;box-sizing:border-box;display:flex;align-items:center;gap:10px}
body.login-mode .admin-session #app .desk-create>summary::before{content:'›';font-size:20px;line-height:1;flex:none}
body.login-mode .admin-session #app .desk-create[open]>summary::before{transform:rotate(90deg)}
body.login-mode .sf-access-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;align-items:start}
body.login-mode .sf-access-actions>.desk-create{margin:0!important;border:1px solid var(--line);border-radius:14px;background:var(--card,#fff);padding:16px}
body.login-mode .sf-access-actions .sf-action-label{display:grid;gap:5px;line-height:1.4}
body.login-mode .sf-action-label small{font-weight:400;color:var(--muted,#55728c)}
body.login-mode .sf-step{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:#edf3f8;color:#003366;font-size:12px}
body.login-mode .sf-access-actions form.card{border:0;box-shadow:none;padding:16px 0 0!important;margin:0!important}
body.login-mode .sf-access-actions form :is(input:not([type=checkbox]),select){width:100%;box-sizing:border-box}
body.login-mode .sf-empty-process{display:block!important}body.login-mode .sf-empty-process #pn-cases{display:none}
body.login-mode .sf-process-intro{padding:22px!important}body.login-mode .sf-process-intro>p{color:var(--muted,#55728c)}
body.login-mode .sf-process-steps{counter-reset:step;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0;padding:0}
body.login-mode .sf-process-steps li{counter-increment:step;border-top:2px solid #003366;padding-top:14px;display:grid;gap:8px;align-content:start}
body.login-mode .sf-process-steps li::before{content:'0' counter(step);font-size:12px;color:var(--muted,#55728c)}
body.login-mode .sf-process-steps span{line-height:1.6;color:var(--muted,#55728c)}
body.login-mode .admin-session #app .connected-task-notice{font-size:12px;line-height:1.5}
body.login-mode .admin-session #app[data-surface=settings] .row{align-items:start;gap:16px}
body.login-mode .admin-session #app[data-surface=settings] .card{border-radius:14px;margin-bottom:16px}
@media(min-width:900px){
 body.login-mode .admin-session #app .desk-people{gap:12px}body.login-mode .admin-session #app .desk-person{padding:16px}body.login-mode .admin-session #app .desk-person-head{margin-bottom:8px}
 body.login-mode #app.employee-compact .ec-page-head .view-title{white-space:normal}
 body.login-mode #app.employee-compact :is(.service-form,.notification-form){max-width:820px}
}
@media(max-width:899px){body.login-mode .sf-process-steps{grid-template-columns:1fr;gap:14px}body.login-mode .sf-access-actions{grid-template-columns:1fr}}
@media(max-width:767px){
 body.login-mode #app[data-surface=erfassung]>.view-title{font-size:21px;margin:8px 0!important}
 body.login-mode #app[data-surface=erfassung]>.view-sub{display:none}
 body.login-mode #app[data-surface=erfassung] #legal-profile-label{font-size:11px;margin:6px 0 10px!important}
 body.login-mode #app[data-surface=erfassung] #view-arrows{margin:4px 0!important}
 body.login-mode #app[data-surface=erfassung] .sf-entry-jump{display:block;min-height:44px;margin:0 0 8px;width:100%}
 body.login-mode #app[data-surface=erfassung] .erfcard{padding:12px!important}
 body.login-mode #app[data-surface=erfassung] .time-demo-note{font-size:11px;line-height:1.4;margin:4px 0!important}
 body.login-mode #app[data-surface=erfassung] .time-toolbar{margin:10px 0!important}
}
@media print{body.login-mode .sf-entry-jump{display:none!important}}

@media(min-width:901px){
 body.login-mode .admin-session header.top{justify-content:space-between!important;gap:20px}
 body.login-mode .admin-session header.top .rolewrap{display:flex!important;justify-content:flex-end!important;align-items:center;flex:0 1 auto!important;margin-left:auto!important;gap:12px}
 body.login-mode .admin-session #hproj{position:static!important;transform:none!important;inset:auto!important;order:10;margin-left:8px!important;flex:0 0 auto!important;width:auto!important}
 body.login-mode .admin-session #projsel{min-height:38px;width:180px;max-width:220px}
}
body.login-mode .cf-scope{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0 16px}
body.login-mode .cockpit-focused .co-overview{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px}
body.login-mode .cockpit-focused .co-card{padding:16px}body.login-mode .cockpit-focused .co-title{margin-bottom:12px}
body.login-mode .cockpit-focused .co-health{gap:12px}body.login-mode .cockpit-focused .co-donut{width:86px;height:86px}body.login-mode .cockpit-focused .co-donut>div{width:68px;height:68px}
body.login-mode .cockpit-focused .co-deadlines .cf-undated{border-left:3px solid #c39a3b;background:var(--bg);padding:8px 10px;color:var(--ink);font-size:12px}
body.login-mode .cockpit-focused .desk-layout{margin:0 0 20px;gap:16px;grid-template-columns:minmax(0,2fr) minmax(250px,1fr)}
body.login-mode .cockpit-focused .desk-work,body.login-mode .cockpit-focused .desk-panel{padding:16px}
body.login-mode .cockpit-focused .desk-task{padding:12px 0}
body.login-mode .cockpit-focused .ao-cockpit-areas{border:0;padding:0;margin:0 0 20px}
body.login-mode .cockpit-focused .ao-tiles{gap:12px 16px;grid-auto-rows:1fr}
body.login-mode .cockpit-focused .desk-summary{gap:16px}
body.login-mode .cockpit-focused .cf-heading-controls{display:flex;align-items:center;gap:18px;flex-shrink:0}
body.login-mode .cockpit-focused #app #view-arrows{display:flex!important;gap:8px;width:auto!important;margin:0!important}
body.login-mode .cockpit-focused #view-arrows button{min-height:38px;min-width:84px}
body.login-mode .cockpit-focused .desk-summary{margin-top:0}body.login-mode .cockpit-focused .ph-cockpit-actions{border-top:1px solid var(--line);padding-top:10px}
body.login-mode .cockpit-focused .co-legend button,body.login-mode .cockpit-focused .co-people-bars button{border-radius:5px}
body.login-mode .cockpit-focused .co-legend button:hover,body.login-mode .cockpit-focused .co-people-bars button:hover{background:var(--bg)}
@media(max-width:1100px){body.login-mode .cockpit-focused .co-overview{grid-template-columns:1fr 1fr}body.login-mode .cockpit-focused .co-deadlines{grid-column:1/-1}}
@media(max-width:700px){body.login-mode .cockpit-focused .co-overview,body.login-mode .cockpit-focused .desk-layout{grid-template-columns:1fr}body.login-mode .cockpit-focused .co-deadlines{grid-column:auto}body.login-mode .cockpit-focused .desk-heading{flex-wrap:wrap}body.login-mode .cockpit-focused .cf-heading-controls{width:100%;justify-content:space-between}body.login-mode .cockpit-focused .desk-heading .cf-heading-controls time{display:block}body.login-mode .cockpit-focused .desk-summary{gap:8px}}
/* Lower cockpit workspace: compact work rows and visible shortcuts. */
@media(min-width:1101px){body.login-mode .cockpit-focused .desk-layout{grid-template-columns:minmax(0,2.4fr) minmax(320px,1fr)}}
body.login-mode .cockpit-focused .desk-work{padding:16px 18px}
body.login-mode .cockpit-focused .desk-task{gap:12px;padding:10px 0}
body.login-mode .cockpit-focused .desk-task h4{margin:2px 0;font-size:13px}
body.login-mode .cockpit-focused .desk-task p,body.login-mode .cockpit-focused .desk-task small{margin:2px 0;font-size:11px;line-height:1.4}
body.login-mode .cockpit-focused .desk-task .desk-kind{font-size:10px}
body.login-mode .cockpit-focused .desk-task>.btn{padding:8px 12px;min-height:38px}
body.login-mode .cockpit-focused .desk-filters{margin:8px 0 10px;gap:12px}
body.login-mode .cockpit-focused .desk-list-heading{margin-bottom:8px}
body.login-mode .cockpit-focused .cf-prepare,body.login-mode .cockpit-focused .cf-responsibility{border-top:3px solid #003366}
body.login-mode .cf-prepare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.login-mode .cockpit-focused .cf-prepare-grid button{display:grid;grid-template-columns:26px 1fr;align-content:start;align-items:center;gap:8px;position:relative;padding:12px!important;min-height:84px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-size:12px;line-height:1.4}
body.login-mode .cf-prepare-grid svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.login-mode .cf-prepare-grid button>span:not(.cf-action-arrow){grid-column:1/-1;font-weight:600}
body.login-mode .cf-action-arrow{position:absolute;top:10px;right:10px;color:var(--muted)}
body.login-mode .cockpit-focused .cf-prepare-grid button:hover{border-color:#003366;background:var(--card)}
body.login-mode .cf-role-list{display:grid;gap:0}
body.login-mode .cf-role-list>div{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
body.login-mode .cf-role-mark{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:8px;background:#edf3f8;color:#003366;font-size:10px;font-weight:700}
body.login-mode .cf-role-list b{display:block;font-size:12px}body.login-mode .cf-role-list small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
body.login-mode .cockpit-focused .cf-responsibility>button{min-height:40px;font-weight:600;border-bottom:0;padding-bottom:0}
@media(min-width:1101px){body.login-mode .cockpit-focused .desk-task>div{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:16px;flex:1}body.login-mode .cockpit-focused .desk-kind{grid-column:1}body.login-mode .cockpit-focused .desk-task h4{grid-column:1;grid-row:2}body.login-mode .cockpit-focused .desk-task p{grid-column:2;grid-row:1/3;align-self:center}body.login-mode .cockpit-focused .desk-task small{grid-column:1/-1;grid-row:3}}
@media(max-width:700px){body.login-mode .cockpit-focused .desk-task>.btn{min-height:44px}}
body.login-mode .cockpit-focused .cf-prepare-grid button{border-radius:9px!important}body.login-mode .cockpit-focused .desk-work{align-self:stretch}body.login-mode .cockpit-focused .desk-aside .desk-panel:last-child{margin-bottom:0}
/* Compact two-tier overview: comparable status bars, then areas beside deadlines. */
body.login-mode .cockpit-focused .cf-top-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;margin:0}
body.login-mode .cockpit-focused .cf-top-overview .co-card{padding:14px 16px}
body.login-mode .cockpit-focused .cf-top-overview .co-title{margin-bottom:8px}
body.login-mode .cockpit-focused .cf-work-status .desk-summary{display:block;padding:0;margin:0;background:transparent;border:0}
body.login-mode .cockpit-focused .cf-work-status .desk-summary button{display:grid;grid-template-columns:1fr auto;gap:5px;padding:6px 0;min-height:0;width:100%;border:0;border-radius:4px;background:transparent;color:var(--ink)}
body.login-mode .cockpit-focused .cf-work-status .desk-summary button[aria-pressed=true]{box-shadow:none;background:var(--bg)}
body.login-mode .cockpit-focused .cf-work-status .desk-summary button>strong{grid-column:2;grid-row:1;font-size:14px}
body.login-mode .cockpit-focused .cf-work-status .desk-summary button>span:not(.cf-work-track){grid-column:1;grid-row:1;font-size:12px}
body.login-mode .cf-work-track{grid-column:1/-1;height:6px;background:#edf1f5;border-radius:4px;overflow:hidden;display:block}
body.login-mode .cf-work-track i{display:block;height:100%;background:#003366;border-radius:4px}
body.login-mode [data-queue-filter=late] .cf-work-track i{background:#b54040}
body.login-mode [data-queue-filter=waiting] .cf-work-track i{background:#c39a3b}
body.login-mode .cockpit-focused .cf-area-status .co-health{display:block}
body.login-mode .cockpit-focused .cf-area-status .co-legend button{display:grid;grid-template-columns:7px 1fr auto;gap:5px 8px;padding:6px 0;font-size:12px}
body.login-mode .cf-area-status .co-legend button>b{grid-column:3;grid-row:1;font-size:14px}
body.login-mode .cf-area-status .co-legend button>span:not(.co-track){grid-column:2;grid-row:1}
body.login-mode .cf-area-status .co-legend .co-track{grid-column:1/-1}
body.login-mode .cockpit-focused .cf-top-overview .co-people-bars button{padding:6px 0;gap:5px}
body.login-mode .cockpit-focused .cf-top-overview .co-card>p{margin-top:8px;font-size:10px}
body.login-mode .cockpit-focused .cf-planning{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin:0 0 16px;align-items:stretch}
body.login-mode .cockpit-focused .cf-planning .ao-cockpit-areas{margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
body.login-mode .cockpit-focused .cf-planning .ao-section-head{margin:0 0 10px}
body.login-mode .cockpit-focused .cf-planning .ao-section-head>span{font-size:10px}
body.login-mode .cockpit-focused .cf-planning .ao-tiles{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
body.login-mode .cockpit-focused .cf-planning .ao-tile{min-height:54px;padding:8px 10px;gap:8px;border-radius:8px}
body.login-mode .cockpit-focused .cf-planning .ao-tile b{font-size:12px}
body.login-mode .cockpit-focused .cf-planning .ao-tile small{font-size:10px;margin-top:2px}
body.login-mode .cockpit-focused .cf-planning .ao-tile>strong{font-size:19px}
body.login-mode .cockpit-focused .cf-planning .ao-icon{width:19px;height:19px}
body.login-mode .cockpit-focused .cf-planning .co-deadlines{grid-column:auto;padding:14px 16px}
@media(max-width:1100px){body.login-mode .cockpit-focused .cf-top-overview{grid-template-columns:repeat(3,minmax(0,1fr))}body.login-mode .cockpit-focused .cf-planning{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}body.login-mode .cockpit-focused .cf-planning .ao-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.login-mode .cockpit-focused .cf-top-overview,body.login-mode .cockpit-focused .cf-planning{grid-template-columns:1fr}body.login-mode .cockpit-focused .cf-top-overview button{min-height:44px!important}body.login-mode .cockpit-focused .cf-planning .ao-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.login-mode .cf-distribution button{display:grid;grid-template-columns:1fr auto;gap:4px;width:100%;padding:5px 0;border:0;background:transparent;color:var(--ink);text-align:left;font-size:12px;cursor:pointer}
body.login-mode .cf-distribution .co-track{grid-column:1/-1}body.login-mode .cf-distribution .co-track i{background:#003366}
body.login-mode .cockpit-focused .cf-top-overview .co-title{min-height:34px;align-items:flex-start}body.login-mode .cockpit-focused .cf-top-overview .co-title h3{font-size:14px;line-height:1.35}
body.login-mode .cockpit-focused .cf-top-overview .co-title>span{white-space:nowrap}
@media(min-width:1101px){body.login-mode .cockpit-focused .desk-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
@media(max-width:760px){body.login-mode .cf-distribution button{min-height:44px}}

body.login-mode .preview-login{box-sizing:border-box;width:100%;max-width:420px;margin:auto;padding:28px;background:var(--card,#fff);border:1px solid var(--line);border-radius:16px}
body.login-mode .preview-login-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
body.login-mode .preview-login-buttons .btn{width:100%;min-height:64px;margin:0!important;background:#003366;color:#fff;border-radius:10px;font-size:16px;cursor:pointer}
body.login-mode .preview-login-buttons .btn:hover{background:#164b7d}body.login-mode .preview-login-buttons .btn:focus-visible{outline:3px solid #7295b8;outline-offset:3px}
body.login-mode .preview-login .loginfoot{line-height:1.5;margin-bottom:0}
@media(max-width:420px){body.login-mode .preview-login{padding:22px 18px}body.login-mode .preview-login-buttons{gap:10px}}

/* Same control dimensions for both portal roles; navigation keeps its own row. */
body.login-mode:is(.admin-session,.employee-session) header.top{padding:10px 24px;gap:12px 20px;box-sizing:border-box}
body.login-mode:is(.admin-session,.employee-session) header.top .rolewrap{gap:10px!important;align-items:center!important;box-sizing:border-box}
body.login-mode:is(.admin-session,.employee-session) header.top :is(.hsel,.who .chip,.hdgrp,.header-logout,.menu-trigger,.assigned-project){height:40px!important;min-height:40px!important;box-sizing:border-box;border-radius:7px;font-size:12px}
body.login-mode:is(.admin-session,.employee-session) header.top .who .chip{padding:0 12px}
body.login-mode:is(.admin-session,.employee-session) header.top .hdgrp{padding:0}
body.login-mode:is(.admin-session,.employee-session) header.top .hdgrp button{min-width:40px;height:38px;padding:0 12px;box-sizing:border-box}
body.login-mode:is(.admin-session,.employee-session) header.top .header-logout{padding:0 14px;display:inline-flex;align-items:center;justify-content:center}
body.login-mode:is(.admin-session,.employee-session) header.top .assigned-project{display:inline-flex;align-items:center;padding:0 12px;border:1px solid #ffffff47;background:#ffffff12;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.login-mode:is(.admin-session,.employee-session) header.top #hclock{display:flex;align-items:center;min-height:40px;white-space:nowrap}
body.login-mode .admin-session #tabs .admin-primary>.admin-settings-link{border:1px solid #ffffff40!important;border-radius:7px!important;min-height:40px!important;height:40px;align-self:center;padding:8px 12px!important;margin-right:12px!important}
@media(min-width:901px){
 body.login-mode:is(.admin-session,.employee-session) header.top .brandblock{flex:1 1 360px;min-width:280px}
 body.login-mode:is(.admin-session,.employee-session) header.top .rolewrap{flex:0 1 auto!important;justify-content:flex-end!important;margin-left:auto!important}
 body.login-mode:is(.admin-session,.employee-session) header.top #hproj{order:10;position:static!important;transform:none!important;margin:0!important}
 body.login-mode:is(.admin-session,.employee-session) header.top .hsel{width:180px!important;max-width:210px}
}
@media(max-width:600px){
 body.login-mode:is(.admin-session,.employee-session) header.top{padding:10px 12px}
 body.login-mode:is(.admin-session,.employee-session) header.top .rolewrap{gap:6px!important}
 body.login-mode:is(.admin-session,.employee-session) header.top :is(.hsel,.header-logout,.menu-trigger,.assigned-project){height:44px!important;min-height:44px!important}
 body.login-mode:is(.admin-session,.employee-session) header.top .assigned-project{padding:0 8px;max-width:100%;font-size:11px}
 body.login-mode:is(.admin-session,.employee-session) header.top #hclock{display:none}
 body.login-mode:is(.admin-session,.employee-session) header.top .header-logout{padding:0 10px}
}
body.login-mode:is(.admin-session,.employee-session) header.top :is(#who.chip,#projsel){height:40px!important;min-height:40px!important;border-radius:7px!important;box-sizing:border-box}body.login-mode:is(.admin-session,.employee-session) header.top #who.chip{align-items:center;padding:0 12px}@media(max-width:600px){body.login-mode:is(.admin-session,.employee-session) header.top #projsel{height:44px!important;min-height:44px!important}}

body.login-mode .cr-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}body.login-mode .cr-flow article{padding:16px;border:1px solid var(--line);border-top:3px solid #003366;border-radius:10px;background:var(--card)}body.login-mode .cr-flow p{font-size:12px;line-height:1.5}body.login-mode .cr-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body.login-mode .cr-fields label{display:grid;gap:6px}body.login-mode .cr-fields input,body.login-mode .cr-fields select{width:100%;min-height:42px;box-sizing:border-box}body.login-mode .cr-help{font-size:11px!important;min-height:38px;margin-top:10px;white-space:normal}body.login-mode .cockpit-focused .cf-planning,body.login-mode .cockpit-focused .desk-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}body.login-mode .cockpit-focused .cf-top-overview .co-card{display:flex;flex-direction:column}body.login-mode .cockpit-focused .cf-top-overview .co-card>p{margin-top:auto;padding-top:8px}body.login-mode .cockpit-focused .cf-planning .ao-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}body.login-mode .cockpit-focused .cf-planning .ao-tile{min-height:56px}body.login-mode .cockpit-focused .cf-planning .co-deadlines{display:flex;flex-direction:column}body.login-mode .cockpit-focused .cf-planning .co-deadlines>.cr-help{margin-top:auto}body.login-mode .cockpit-focused .cf-planning .co-deadlines>.cf-undated{margin-bottom:10px}@media(max-width:1000px){body.login-mode .cr-flow{grid-template-columns:1fr 1fr}body.login-mode .cockpit-focused .cf-planning .ao-tiles{grid-template-columns:1fr 1fr}}@media(max-width:760px){body.login-mode .cockpit-focused .cf-planning,body.login-mode .cockpit-focused .desk-layout,body.login-mode .cr-fields,body.login-mode .cr-flow{grid-template-columns:1fr}}

body.login-mode .due-presets{display:grid;gap:5px;margin:6px 0}body.login-mode .due-presets select{width:100%;min-height:42px;box-sizing:border-box}body.login-mode .due-presets small{font-size:11px;color:var(--muted)}body.login-mode input[data-presets][hidden]{display:none!important}body.login-mode .message-deadline{border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:12px}body.login-mode .message-deadline>label{display:flex;align-items:center;gap:8px}body.login-mode .message-deadline input[type=checkbox]{width:auto;min-height:20px}body.login-mode .message-deadline p{font-size:12px;line-height:1.5}

/* A shared three-column grid: spanning two columns includes the inner gap. */
@media(min-width:761px){
 body.login-mode .cockpit-focused .cf-top-overview,body.login-mode .cockpit-focused .cf-planning,body.login-mode .cockpit-focused .desk-layout{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
 body.login-mode .cockpit-focused .cf-planning>.ao-cockpit-areas,body.login-mode .cockpit-focused .desk-layout>.desk-work{grid-column:span 2}
 body.login-mode .cockpit-focused .cf-planning>.co-deadlines,body.login-mode .cockpit-focused .desk-layout>.desk-aside{grid-column:3}
 body.login-mode .cockpit-focused .desk-aside{display:flex;flex-direction:column;gap:16px}
 body.login-mode .cockpit-focused .desk-aside>.desk-panel{margin:0}
 body.login-mode .cockpit-focused .desk-aside>.desk-panel:last-child{flex:1}
}
body.login-mode .cockpit-focused .cf-top-overview .co-title{min-height:34px;margin-bottom:8px}
body.login-mode .cockpit-focused .cf-top-overview .co-title h3{margin:0}
body.login-mode .cockpit-focused .cf-top-overview :is(.desk-summary button,.cf-distribution button,.co-people-bars button){min-height:36px;padding:5px 0;box-sizing:border-box}
@media(max-width:760px){body.login-mode .cockpit-focused .cf-top-overview,body.login-mode .cockpit-focused .cf-planning,body.login-mode .cockpit-focused .desk-layout{grid-template-columns:1fr!important}body.login-mode .cockpit-focused .cf-top-overview button{min-height:44px!important}}

body.login-mode .cr-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 0;align-items:stretch}
body.login-mode .cr-status-card{grid-column:span 2;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-sizing:border-box}
body.login-mode .cockpit-focused .cr-status-card .ao-people-details{border:0;margin:0}
body.login-mode .cockpit-focused .cr-status-card .ao-people-details>summary{font-size:15px;font-weight:700;padding:0 0 12px;min-height:32px}
body.login-mode .cockpit-focused .cr-status-card .traffic-admin{margin:0;border:0;padding:0;box-shadow:none;background:transparent}
body.login-mode .cr-record-actions{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-width:0}
body.login-mode .cr-record-actions>button{position:relative;display:grid;grid-template-columns:32px 1fr;gap:8px;align-content:start;padding:18px;text-align:left;color:var(--ink);background:var(--card);border:1px solid var(--line);border-top:3px solid #003366;border-radius:14px;cursor:pointer;font:inherit;min-width:0}
body.login-mode .cr-record-actions svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.login-mode .cr-record-actions strong,body.login-mode .cr-record-actions small,body.login-mode .cr-record-link{grid-column:1/-1}
body.login-mode .cr-record-actions strong{font-size:15px}body.login-mode .cr-record-actions small{font-size:12px;color:var(--muted);line-height:1.5}body.login-mode .cr-record-number{font-size:28px;font-weight:700;justify-self:end;line-height:1}body.login-mode .cr-record-link{font-size:12px;font-weight:600;margin-top:4px}
body.login-mode .cr-record-actions>button:hover{border-color:#42678a;background:var(--bg)}body.login-mode .cr-record-actions>button:focus-visible{outline:3px solid #7295b8;outline-offset:3px}
@media(max-width:760px){body.login-mode .cr-records{grid-template-columns:1fr}body.login-mode .cr-status-card{grid-column:auto}body.login-mode .cr-record-actions{grid-template-rows:auto}body.login-mode .cr-record-actions>button{min-height:140px}}

body.login-mode .cp-owner-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 6px}body.login-mode .cp-owner-switch button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:9px 12px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;font:inherit;font-size:12px;cursor:pointer}body.login-mode .cp-owner-switch button[aria-pressed=true]{background:#003366;color:white;border-color:#003366}body.login-mode .cp-owner-switch b{font-size:15px}body.login-mode .cp-owner-explanation{font-size:10px;color:var(--muted);line-height:1.5;margin:6px 0 12px}body.login-mode .cp-priority{display:inline-block;margin-left:8px;padding:2px 6px;border-radius:4px;background:var(--bg);font-size:10px;color:var(--muted);font-weight:600}body.login-mode .cp-priority.urgent{background:#f9e9e9;color:#923434}body.login-mode .cp-priority.today,body.login-mode .cp-priority.unassigned{background:#fbf2df;color:#765810}body.login-mode .cp-priority.waiting{color:var(--ink)}body.login-mode .cp-data-state{font-size:11px;color:var(--muted);margin:-6px 0 14px}body.login-mode .cp-data-state summary{cursor:pointer;min-height:30px;display:flex;align-items:center;gap:7px}body.login-mode .cp-data-state p{max-width:820px;line-height:1.6;margin:4px 0 10px}body.login-mode .cp-data-dot{width:7px;height:7px;border-radius:50%;background:#7c8b99}body.login-mode .cockpit-focused .cp-owner-switch button:focus-visible{outline:3px solid #7295b8;outline-offset:2px}body.login-mode #cp-action-notice{position:fixed;bottom:20px;right:24px;max-width:460px;width:calc(100% - 48px);box-sizing:border-box;z-index:95;background:var(--card);color:var(--ink);border:1px solid var(--line);border-left:4px solid #297b55;border-radius:10px;padding:14px 16px;box-shadow:0 8px 28px #00294f25;display:flex;gap:12px;align-items:start}body.login-mode #cp-action-notice strong{display:block;font-size:14px}body.login-mode #cp-action-notice span{display:block;font-size:12px;margin-top:5px;line-height:1.5}body.login-mode #cp-action-notice button{margin-left:auto;flex:none;border:0;background:transparent;color:var(--ink);min-width:36px;min-height:36px;font-size:24px;cursor:pointer}@media(max-width:760px){body.login-mode .cp-owner-switch{grid-template-columns:1fr}body.login-mode .cp-owner-switch button{min-height:44px}body.login-mode .cp-priority{margin:4px 0 0;display:table}body.login-mode #cp-action-notice{bottom:84px}}

body.login-mode .rp-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}body.login-mode .rp-kpis .card{margin:0;padding:18px;display:grid;gap:8px;border-radius:14px}body.login-mode .rp-kpis strong{font-size:28px;color:var(--navy)}body.login-mode .rp-kpis small,body.login-mode .rp-kpis span{font-size:12px;color:var(--muted)}body.login-mode .rp-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}body.login-mode .rp-areas{grid-column:span 2}body.login-mode .rp-layout .card{padding:18px;margin:0;border-radius:14px;min-width:0}body.login-mode .rp-layout h3{margin:0 0 12px;font-size:16px}body.login-mode .rp-side{display:grid;gap:16px;align-content:start}body.login-mode .rp-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}body.login-mode .rp-section-heading label{font-size:11px;display:grid;gap:4px}body.login-mode .rp-section-heading select{min-height:38px;max-width:240px}body.login-mode .rp-legend{display:flex;gap:7px;align-items:center;font-size:11px;flex-wrap:wrap;color:var(--muted)}body.login-mode .rp-dot{width:7px;height:7px;border-radius:50%}body.login-mode .rp-bar .navy,body.login-mode .rp-dot.navy{background:#003366}body.login-mode .rp-bar .gold,body.login-mode .rp-dot.gold{background:#c39a3b}body.login-mode .rp-bar .red,body.login-mode .rp-dot.red{background:#b54040}body.login-mode .rp-bar .green{background:#297b55}body.login-mode .rp-area-row{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;text-align:left;background:transparent;color:var(--ink);border:0;border-top:1px solid var(--line);cursor:pointer}body.login-mode .rp-area-name{display:flex;gap:10px;align-items:center;font-size:13px}body.login-mode .rp-area-metrics{text-align:right;display:grid;gap:3px;font-size:13px}body.login-mode .rp-area-metrics small,body.login-mode .rp-row-caption{font-size:10px;color:var(--muted)}body.login-mode .rp-bar{display:flex;height:7px;background:#edf1f5;border-radius:5px;overflow:hidden;grid-column:1/-1}body.login-mode .rp-bar i{display:block;height:100%}body.login-mode .rp-row-caption{grid-column:1/-1}body.login-mode .rp-hours>div{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px;margin:16px 0}body.login-mode .rp-foot{font-size:11px;color:var(--muted);line-height:1.6}body.login-mode .rp-facts{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:12px;margin:16px 0}body.login-mode .rp-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}body.login-mode .rp-bottom button{display:flex;align-items:center;gap:12px;padding:18px;border-radius:14px;text-align:left;color:var(--ink);cursor:pointer}body.login-mode .rp-bottom span{flex:1}body.login-mode .rp-bottom small{display:block;font-size:11px;color:var(--muted);margin-top:5px}body.login-mode .rp-hour-summary{grid-template-columns:1fr 1fr}body.login-mode .rp-area-row:hover{background:var(--bg)}@media(max-width:760px){body.login-mode .rp-kpis,body.login-mode .rp-layout,body.login-mode .rp-bottom{grid-template-columns:1fr}body.login-mode .rp-areas{grid-column:auto}body.login-mode .rp-section-heading{align-items:start;flex-direction:column}body.login-mode .rp-area-row{min-height:44px}}
body.login-mode .admin-session .report-overview .card,body.login-mode .admin-session .rp-hour-summary .card{border-radius:14px!important}body.login-mode .rp-empty .rp-bar,body.login-mode .rp-empty .rp-row-caption{display:none}body.login-mode .rp-empty{min-height:52px;align-items:center}body.login-mode .rp-empty .rp-area-metrics{gap:2px}

body.login-mode .an-inventory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#003366;color:white;border-radius:14px;margin:16px 0 24px;padding:20px 0}body.login-mode .an-inventory>div{display:grid;gap:9px;padding:0 22px;border-right:1px solid #ffffff33}body.login-mode .an-inventory>div:last-child{border:0}body.login-mode .an-inventory small{font-size:10px;letter-spacing:.8px;color:#bfd4e8}body.login-mode .an-inventory strong{font-size:28px}body.login-mode .an-inventory span{font-size:11px;color:#d5e2ee}body.login-mode .an-period{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}body.login-mode .an-period h3{margin:0;font-size:18px}body.login-mode .an-period p{font-size:12px;color:var(--muted);margin:6px 0}body.login-mode .an-period label{display:grid;gap:5px;font-size:11px}body.login-mode .an-period select{min-height:40px;min-width:220px}body.login-mode .an-metrics{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}body.login-mode .an-metrics article{border-bottom:3px solid #c39a3b;background:var(--card);border-radius:8px 8px 0 0;padding:14px;display:grid;gap:8px}body.login-mode .an-metrics strong{font-size:24px}body.login-mode .an-metrics span{font-size:11px;overflow-wrap:anywhere}body.login-mode .an-coverage{font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0 20px}body.login-mode .an-analysis{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}body.login-mode .an-analysis>.card,body.login-mode .an-log{padding:20px;margin:0}body.login-mode .an-analysis h3,body.login-mode .an-log h3{font-size:15px;margin:0 0 18px}body.login-mode .an-chart>div{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;gap:12px;margin:18px 0;font-size:12px}body.login-mode .an-chart .rp-bar{grid-column:auto;height:12px}body.login-mode .an-definitions{font-size:12px;line-height:1.5}body.login-mode .an-definitions dt{font-weight:700;margin-top:12px}body.login-mode .an-definitions dd{margin:4px 0;color:var(--muted)}body.login-mode .an-log td{text-align:left;font-size:12px;padding:12px!important}body.login-mode .an-log th{text-align:left}body.login-mode .an-log td:first-child{white-space:nowrap}@media(max-width:1000px){body.login-mode .an-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){body.login-mode .an-inventory{grid-template-columns:1fr 1fr;gap:20px}body.login-mode .an-analysis{grid-template-columns:1fr}body.login-mode .an-period{align-items:start;flex-direction:column}body.login-mode .an-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}body.login-mode .an-log .table-scroll{overflow:auto}body.login-mode .an-inventory strong{font-size:22px}}

body.login-mode .analytics-page .an-inventory{padding:14px 0;margin:10px 0 12px}body.login-mode .analytics-page .an-inventory>div{gap:5px}body.login-mode .analytics-page .an-inventory strong{font-size:24px}body.login-mode .analytics-page .an-period{margin:12px 0 10px}body.login-mode .analytics-page .an-metrics article{padding:10px;gap:4px}body.login-mode .analytics-page .an-analysis{grid-template-columns:2fr 1fr;margin-bottom:12px}body.login-mode .analytics-page .an-analysis>.card{padding:14px}body.login-mode .analytics-page .an-coverage{margin:8px 0 12px}body.login-mode .analytics-page .an-log td{padding:8px!important}body.login-mode .people-report{padding:16px!important;margin:0 0 14px!important;min-width:0}body.login-mode .people-report h3{font-size:16px;margin:0}body.login-mode .planning-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}body.login-mode .planning-controls label{display:flex;flex-direction:column;gap:5px;font-size:11px}body.login-mode .planning-controls input,body.login-mode .planning-controls select{min-height:38px;min-width:0;width:100%;box-sizing:border-box}body.login-mode .planning-controls input[type=checkbox]{width:18px}body.login-mode .planning-summary{font-size:12px;color:var(--muted);margin-bottom:10px}body.login-mode .people-report td,body.login-mode .people-report th{text-align:left;padding:9px!important;font-size:12px}body.login-mode .people-report>small{display:block;margin-top:8px;color:var(--muted)}body.login-mode .people-report .table-scroll{overflow:auto}body.login-mode .analytics-page>details{margin:10px 0}body.login-mode .analytics-page summary{cursor:pointer;padding:8px;font-weight:600}@media(max-width:760px){body.login-mode .planning-controls{grid-template-columns:1fr}body.login-mode .analytics-page .an-analysis{grid-template-columns:1fr}body.login-mode .people-report .rp-section-heading{flex-wrap:wrap}body.login-mode .people-report td{min-width:125px}}

body.login-mode .report-person-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}body.login-mode .report-person-summary span{font-size:12px;display:flex;align-items:center;gap:10px}body.login-mode .report-person-summary b{font-size:23px}body.login-mode .report-links{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}body.login-mode .report-links .card{padding:12px!important;display:flex;align-items:center;gap:10px;font-size:12px}body.login-mode .report-links .card>span{margin-left:auto;font-size:10px}body.login-mode .analytics-page .an-analysis{margin-top:10px}body.login-mode .analytics-page .an-analysis .card{min-height:0}body.login-mode .analytics-page .an-chart>div{margin:10px 0}@media(max-width:900px){body.login-mode .report-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.login-mode .report-person-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){body.login-mode .report-links{grid-template-columns:1fr!important}}
body.login-mode .report-detail-heading{font-size:15px;margin:18px 0 10px}body.login-mode .report-links .card{min-height:82px;text-align:left;border:1px solid var(--line,#dce5ed);transition:background .15s,border-color .15s}body.login-mode .report-links .card:hover{border-color:#567591;background:#edf3f8}body.login-mode .report-links .card:focus-visible{outline:3px solid #c39a3b;outline-offset:2px}body.login-mode .report-links .report-link-copy{display:grid;gap:6px;margin:0;flex:1;min-width:0}body.login-mode .report-links .report-link-copy small{font-size:11px;line-height:1.4;color:var(--muted);font-weight:400}body.login-mode .report-links .ao-icon{flex-shrink:0}body.login-mode .report-definition-note{padding:4px 8px!important;margin:0 0 8px!important;box-shadow:none!important;background:transparent!important;border:none!important}body.login-mode .report-return{margin:8px 0 12px;min-height:36px}body.login-mode .report-detail-page .an-metrics article{min-height:70px}body.login-mode .report-detail-page .an-log{border-radius:14px}body.login-mode .report-detail-page .view-sub{line-height:1.5}body.login-mode .report-detail-page .table-scroll{overflow-x:auto}body.login-mode .report-detail-page table th{white-space:nowrap}@media(max-width:760px){body.login-mode .report-detail-page .an-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.login-mode .report-links .card{min-height:72px}body.login-mode .report-person-summary span{align-items:flex-start}body.login-mode .report-detail-page .card{max-width:100%;box-sizing:border-box}}

body.login-mode .report-refined .ao-page-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:10px 0!important;min-height:52px!important}body.login-mode .report-header-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}body.login-mode .report-refined .report-return{margin:0!important;border-radius:8px!important}body.login-mode .report-refined #view-arrows{display:flex!important;justify-content:flex-end!important;gap:6px!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}body.login-mode .report-refined #view-arrows button{min-height:36px!important;padding:8px 12px!important;border-radius:8px!important}body.login-mode .report-refined .view-title{margin:0!important;font-size:22px!important}body.login-mode .report-refined .view-sub{font-size:12px;line-height:1.5;margin:12px 0 16px!important}body.login-mode .report-refined .card{border-radius:12px!important}body.login-mode .report-refined .an-period{margin:10px 0}body.login-mode .report-refined .detail-metrics{display:flex!important;flex-wrap:wrap;gap:12px}body.login-mode .report-refined .detail-metrics article{flex:1 1 170px;max-width:300px;min-height:60px!important}body.login-mode .hours-filters{display:flex;gap:14px;margin-bottom:14px}body.login-mode .hours-filters label{display:grid;gap:5px;font-size:12px;min-width:220px}body.login-mode .hours-totals{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce5ed;border-radius:12px;background:var(--card);margin-bottom:16px;padding:14px}body.login-mode .hours-totals article{display:grid;gap:5px;padding:0 14px;border-right:1px solid #dce5ed}body.login-mode .hours-totals article:last-child{border:0}body.login-mode .hours-totals strong{font-size:24px}body.login-mode .hours-totals small{color:var(--muted);font-size:12px}body.login-mode .hours-table{padding:16px!important}body.login-mode .hours-table h3{font-size:15px;margin:0}body.login-mode .hours-table .table-scroll{overflow:auto;margin-top:12px}body.login-mode .hours-table table{width:100%;border-collapse:separate;border-spacing:0}body.login-mode .hours-table td,body.login-mode .hours-table th{padding:10px!important;white-space:nowrap;min-width:62px}body.login-mode .hours-table th:first-child{position:sticky;left:0;z-index:2;background:var(--card);color:var(--navy);min-width:185px;text-align:left;border-right:1px solid #dce5ed}body.login-mode .hours-table thead th:first-child{background:#003366;color:white}body.login-mode .hours-table thead small{display:block;font-weight:400;font-size:10px;margin-top:3px}body.login-mode .hours-table tfoot{font-weight:700;background:#edf3f8}body.login-mode .report-refined .an-log th{white-space:nowrap}body.login-mode .report-refined .row>.card{padding:18px}body.login-mode .report-refined .row>.card .btn{border-radius:8px}@media(max-width:760px){body.login-mode .report-refined .ao-page-header{flex-wrap:wrap!important;gap:8px!important}body.login-mode .report-header-controls{width:100%;justify-content:space-between}body.login-mode .report-refined .view-title{font-size:19px!important}body.login-mode .hours-filters{flex-direction:column}body.login-mode .hours-totals{padding:10px;gap:6px}body.login-mode .hours-totals article{padding:0 6px}body.login-mode .hours-totals strong{font-size:19px}body.login-mode .hours-table th:first-child{min-width:135px}body.login-mode .report-refined .detail-metrics article{max-width:none}}

body.login-mode .admin-session #app .admin-aligned-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}body.login-mode .admin-session #app .admin-aligned-header>.view-title{flex:1 1 240px;margin:0!important}body.login-mode .admin-session #app .admin-aligned-header>#view-arrows{display:flex!important;position:static!important;justify-content:flex-end!important;align-items:center;flex:0 0 auto!important;gap:6px!important;width:auto!important;margin:0!important;padding:0!important}body.login-mode .admin-session #app .admin-aligned-header>#view-arrows button{min-height:36px!important;border-radius:8px!important;padding:8px 12px!important}body.login-mode .admin-session #app .admin-aligned-header>.report-header-controls:empty{display:none}body.login-mode .admin-session #app .admin-aligned-header+.report-return{margin:10px 0!important}@media(max-width:600px){body.login-mode .admin-session #app .admin-aligned-header>.view-title{flex-basis:100%}body.login-mode .admin-session #app .admin-aligned-header>#view-arrows{margin-left:auto!important}}

body.login-mode .report-studio{--studio-border:#dce5ee}body.login-mode .studio-page{min-width:0}body.login-mode .studio-overview{display:grid;grid-template-columns:.9fr 1.1fr 1fr;gap:16px;margin:18px 0 28px}body.login-mode .studio-intro{background:#003366;color:white;border-radius:16px;padding:24px;display:flex;flex-direction:column}body.login-mode .studio-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.2px;line-height:1.5}body.login-mode .studio-intro .studio-eyebrow{color:#d1b469}body.login-mode .studio-intro h3{font-size:30px;line-height:1.12;margin:18px 0 12px;color:white;letter-spacing:-.6px}body.login-mode .studio-intro p{font-size:12px;line-height:1.7;color:#ccdaea;margin:0}body.login-mode .studio-big{display:flex;gap:16px;align-items:center;margin:20px 0}body.login-mode .studio-big strong{font-size:56px;line-height:1;letter-spacing:-2px}body.login-mode .studio-big span{font-size:12px;line-height:1.5;color:#ccdaea}body.login-mode .studio-intro-bottom{border-top:1px solid #ffffff33;padding-top:16px;display:grid;gap:4px;margin-top:auto}body.login-mode .studio-intro-bottom b{font-size:24px}body.login-mode .studio-intro-bottom span{font-size:11px;color:#ccdaea}body.login-mode .studio-panel{padding:22px;background:var(--card);border:1px solid var(--studio-border);border-radius:16px;min-width:0}body.login-mode .studio-panel h3{font-size:18px;line-height:1.4;margin:16px 0 22px}body.login-mode .studio-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}body.login-mode .studio-section-title button{border:0;background:none;color:var(--navy);font-size:12px;cursor:pointer;min-height:36px}body.login-mode .studio-section-title label{font-size:10px;display:grid;gap:4px}body.login-mode .studio-section-title select{font-size:11px;min-height:36px;max-width:170px}body.login-mode .studio-bars>div{display:grid;grid-template-columns:1fr auto;gap:8px 16px;font-size:12px;margin:18px 0}body.login-mode .studio-bars i{grid-column:1/-1;height:8px;background:#edf2f7;border-radius:10px;overflow:hidden}body.login-mode .studio-bars em{height:100%;display:block;background:#416b92;border-radius:10px}body.login-mode .studio-bars b{font-variant-numeric:tabular-nums}body.login-mode .studio-foot-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--studio-border);padding:18px 0;margin-top:22px}body.login-mode .studio-foot-pair span{font-size:11px;line-height:1.5}body.login-mode .studio-foot-pair b{display:block;font-size:24px}body.login-mode .studio-panel>small{font-size:11px;color:var(--muted);line-height:1.5;display:block}body.login-mode .studio-activity-heading{display:flex;gap:16px;align-items:center;margin:24px 0}body.login-mode .studio-activity-heading strong{font-size:40px;line-height:1}body.login-mode .studio-activity-heading span{font-size:12px;line-height:1.5;color:var(--muted)}body.login-mode .studio-empty{font-size:13px;line-height:1.6;padding:14px 0;color:var(--muted)}body.login-mode .studio-catalog-title{margin-bottom:16px}body.login-mode .studio-catalog-title h3{font-size:22px;margin:6px 0}body.login-mode .studio-catalog-title>span{font-size:11px;color:var(--muted)}body.login-mode .studio-catalog{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--studio-border);background:var(--card);border-radius:16px;overflow:hidden}body.login-mode .studio-link{display:flex;align-items:center;gap:16px;text-align:left;padding:20px;background:transparent;border:0;border-bottom:1px solid var(--studio-border);color:var(--navy);cursor:pointer;min-width:0}body.login-mode .studio-link:nth-child(odd){border-right:1px solid var(--studio-border)}body.login-mode .studio-link:nth-last-child(-n+2){border-bottom:0}body.login-mode .studio-link>span:first-of-type{display:grid;gap:6px;flex:1;min-width:0}body.login-mode .studio-link b{font-size:13px}body.login-mode .studio-link small{font-size:11px;line-height:1.4;color:var(--muted)}body.login-mode .studio-link strong{font-size:19px;white-space:nowrap}body.login-mode .studio-link:hover{background:#eff4f8}body.login-mode .studio-link:focus-visible{outline:3px solid #c39a3b;outline-offset:-3px}body.login-mode .studio-link svg{flex-shrink:0}body.login-mode .studio-scope{font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0}body.login-mode .studio-detail-marker{font-size:10px;letter-spacing:1px;color:#7b6840;margin-top:14px}body.login-mode .studio-detail-viz{display:grid;grid-template-columns:1fr 1.4fr;gap:32px;margin:16px 0}body.login-mode .studio-detail-viz p{font-size:12px;color:var(--muted)}body.login-mode .studio-detail-split{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.7fr);gap:16px;margin:16px 0}body.login-mode .report-studio .studio-detail-split .detail-metrics{display:grid!important;grid-template-columns:1fr!important;gap:8px;margin:0}body.login-mode .report-studio .studio-detail-split .detail-metrics article{max-width:none;min-height:70px!important;border:1px solid var(--studio-border);border-left:3px solid #b69a56;border-radius:12px;display:flex;align-items:center;gap:16px;padding:18px}body.login-mode .report-studio .studio-detail-split .an-analysis{margin:0!important}body.login-mode .studio-hours-chart{margin:14px 0}body.login-mode .studio-hours-chart summary{cursor:pointer;font-size:14px;font-weight:600}body.login-mode .studio-hours-chart .studio-bars{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}body.login-mode .studio-search{max-width:420px;margin:0 0 16px;width:100%;box-sizing:border-box}body.login-mode .studio-export-icon{display:inline-flex;padding:12px;background:#edf3f8;border-radius:12px;margin-bottom:12px}body.login-mode .report-studio .an-log{margin-top:16px}body.login-mode .report-studio .view-sub{max-width:900px}@media(max-width:1100px){body.login-mode .studio-overview{grid-template-columns:1fr 1fr}body.login-mode .studio-intro{grid-row:span 2}body.login-mode .studio-catalog{grid-template-columns:1fr}body.login-mode .studio-link{border-right:0!important}body.login-mode .studio-link:nth-last-child(2){border-bottom:1px solid var(--studio-border)}}@media(max-width:760px){body.login-mode .studio-overview,body.login-mode .studio-detail-viz,body.login-mode .studio-detail-split{grid-template-columns:1fr}body.login-mode .studio-intro{grid-row:auto;padding:20px}body.login-mode .studio-intro h3{font-size:26px}body.login-mode .studio-big{margin:16px 0}body.login-mode .studio-panel{padding:18px}body.login-mode .studio-link{padding:16px;gap:10px}body.login-mode .studio-link strong{font-size:16px}body.login-mode .studio-catalog-title>span{display:none}body.login-mode .studio-hours-chart .studio-bars{grid-template-columns:1fr}}

body.login-mode .studio-detail-band{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#003366;color:white;padding:22px 26px;border-radius:16px;margin:16px 0 20px}body.login-mode .studio-detail-band .studio-eyebrow{color:#d1b469}body.login-mode .studio-detail-band h3{font-size:25px;color:white;margin:8px 0}body.login-mode .studio-detail-band p{font-size:12px;color:#d2deeb;margin:0;max-width:850px;line-height:1.5}body.login-mode .studio-band-icon{padding:18px;border:1px solid #ffffff30;border-radius:14px}body.login-mode .studio-band-icon svg{width:32px;height:32px}body.login-mode .weekly-overview-link{display:flex;align-items:center;gap:18px;width:100%;border:1px solid #d9e3ed;border-radius:12px;background:#edf3f8;padding:18px;color:#003366;text-align:left;margin:16px 0;cursor:pointer}body.login-mode .weekly-overview-link>span:first-of-type{flex:1;display:grid;gap:5px}body.login-mode .weekly-overview-link small{font-size:12px}body.login-mode .weekly-builder{margin:0 0 20px}body.login-mode .weekly-builder p{font-size:12px;line-height:1.6}body.login-mode .weekly-builder form>label{display:grid;gap:6px;font-size:12px}body.login-mode .weekly-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dce5ee;padding:12px 0;font-size:12px}body.login-mode .weekly-row button{border:1px solid #dce5ee;border-radius:8px;padding:10px;background:white;color:#003366;cursor:pointer}body.login-mode .weekly-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}body.login-mode .weekly-document{background:white;border:1px solid #dce5ee;padding:22px;max-height:500px;overflow:auto}body.login-mode .weekly-document h1{font-size:24px}body.login-mode .weekly-document h2{font-size:16px;margin-top:20px}body.login-mode .weekly-document table{font-size:12px}body.login-mode .weekly-document td{text-align:left}body.login-mode .weekly-builder textarea{width:100%;box-sizing:border-box}@media(max-width:760px){body.login-mode .studio-detail-band{padding:18px;gap:12px}body.login-mode .studio-detail-band h3{font-size:21px}body.login-mode .studio-band-icon{display:none}body.login-mode .weekly-overview-link{flex-wrap:wrap}body.login-mode .weekly-overview-link>span:last-child{width:100%}body.login-mode .weekly-row{flex-wrap:wrap}body.login-mode .weekly-document{padding:12px}}

/* Compact spacing throughout reports; keep text and touch targets legible. */
body.login-mode .report-studio .studio-overview{gap:12px;margin:12px 0 18px}
body.login-mode .report-studio .studio-intro,body.login-mode .report-studio .studio-panel{padding:16px;border-radius:12px}
body.login-mode .report-studio .studio-intro h3{font-size:25px;margin:10px 0 8px}
body.login-mode .report-studio .studio-intro p{line-height:1.5}
body.login-mode .report-studio .studio-big{gap:12px;margin:12px 0}
body.login-mode .report-studio .studio-big strong{font-size:42px}
body.login-mode .report-studio .studio-intro-bottom{padding-top:10px}
body.login-mode .report-studio .studio-intro-bottom b{font-size:22px}
body.login-mode .report-studio .studio-panel h3{font-size:17px;margin:10px 0 12px}
body.login-mode .report-studio .studio-bars>div{margin:12px 0;gap:6px 12px}
body.login-mode .report-studio .studio-bars i{height:6px}
body.login-mode .report-studio .studio-foot-pair{padding:10px 0;margin-top:12px;gap:10px}
body.login-mode .report-studio .studio-foot-pair b{font-size:21px}
body.login-mode .report-studio .studio-activity-heading{margin:14px 0;gap:12px}
body.login-mode .report-studio .studio-activity-heading strong{font-size:32px}
body.login-mode .report-studio .studio-catalog-title{margin-bottom:10px}
body.login-mode .report-studio .studio-catalog-title h3{font-size:19px;margin:4px 0}
body.login-mode .report-studio .studio-link{padding:13px 16px;gap:12px;min-height:64px;box-sizing:border-box}
body.login-mode .report-studio .studio-link>span:first-of-type{gap:4px}
body.login-mode .report-studio .studio-link strong{font-size:17px}
body.login-mode .report-studio .studio-scope{margin:8px 0}
body.login-mode .report-studio .weekly-overview-link{margin:10px 0;padding:12px 16px}
body.login-mode .report-studio .studio-detail-band{padding:14px 18px;margin:10px 0 14px;gap:16px;border-radius:12px}
body.login-mode .report-studio .studio-detail-band h3{font-size:21px;margin:5px 0}
body.login-mode .report-studio .studio-band-icon{padding:10px;border-radius:10px}
body.login-mode .report-studio .studio-band-icon svg{width:26px;height:26px}
body.login-mode .report-studio .studio-detail-viz{gap:20px;margin:12px 0}
body.login-mode .report-studio .studio-detail-split{gap:12px;margin:10px 0}
body.login-mode .report-studio .studio-detail-split .detail-metrics article{min-height:54px!important;padding:10px 14px;gap:12px}
body.login-mode .report-studio .an-analysis>.card,body.login-mode .report-studio .an-log{padding:14px!important}
body.login-mode .report-studio .an-analysis h3,body.login-mode .report-studio .an-log h3{margin:0 0 10px}
body.login-mode .report-studio .an-log{margin-top:12px}
body.login-mode .report-studio .an-period{margin:8px 0}
body.login-mode .report-studio .an-period h3{font-size:17px}
body.login-mode .report-studio .an-coverage{margin:6px 0 10px}
body.login-mode .report-studio .people-report{padding:14px!important;margin-bottom:12px!important}
body.login-mode .report-studio .planning-controls{margin:10px 0;gap:10px}
body.login-mode .report-studio .hours-filters{margin-bottom:10px}
body.login-mode .report-studio .hours-totals{padding:10px;margin-bottom:12px}
body.login-mode .report-studio .hours-totals strong{font-size:22px}
body.login-mode .report-studio .hours-table{padding:14px!important}
body.login-mode .report-studio .studio-hours-chart{margin:10px 0}
body.login-mode .report-studio .studio-export-icon{padding:8px;margin-bottom:6px}
body.login-mode .report-studio .weekly-builder{margin-bottom:14px}
body.login-mode .report-studio .weekly-actions{margin:12px 0}
body.login-mode .report-studio .weekly-row{padding:8px 0}
body.login-mode .report-studio .studio-empty{padding:8px 0}
@media(max-width:760px){
 body.login-mode .report-studio .studio-overview{gap:10px}
 body.login-mode .report-studio .studio-intro h3{font-size:23px}
 body.login-mode .report-studio .studio-panel,body.login-mode .report-studio .studio-intro{padding:14px}
 body.login-mode .report-studio .studio-section-title select,body.login-mode .report-studio .studio-section-title button,body.login-mode .report-studio .btn,body.login-mode .report-studio input:not([type=checkbox]),body.login-mode .report-studio select{min-height:44px}
 body.login-mode .report-studio .studio-link{min-height:68px;padding:12px}
 body.login-mode .report-studio .studio-detail-band{padding:14px}
 body.login-mode .report-studio .studio-detail-band h3{font-size:20px}
}

/* Structural density: one heading, a slim context strip, then the working content. */
body.login-mode .report-compact-detail .studio-detail-band{padding:10px 14px;margin:6px 0 12px;min-height:0;gap:12px;border-radius:9px}body.login-mode .report-compact-detail .studio-band-icon{padding:0;border:0}body.login-mode .report-compact-detail .studio-band-icon svg{width:22px;height:22px}body.login-mode .report-compact-detail .studio-detail-band p{font-size:12px;line-height:1.5}body.login-mode .admin-session #app.report-compact-detail .report-return{padding:4px 0!important;min-height:28px;border:0;background:transparent;margin:4px 0!important;font-size:11px}body.login-mode .report-compact-detail .studio-detail-split.compact-trend{display:block;margin:8px 0}body.login-mode .report-compact-detail .compact-result-strip{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin:8px 0}body.login-mode .report-compact-detail .compact-result-strip article{display:flex!important;align-items:center;gap:12px;max-width:none!important;min-height:50px!important;padding:10px 14px!important;border:1px solid #dce5ee;border-left:3px solid #b69a56;border-radius:9px}body.login-mode .report-compact-detail .compact-result-strip strong{font-size:22px}body.login-mode .report-compact-detail .compact-no-chart{font-size:11px;color:var(--muted);margin:6px 0}body.login-mode .report-compact-detail .an-period h3{font-size:14px}body.login-mode .report-compact-detail .an-period{margin:6px 0;gap:12px}body.login-mode .report-compact-detail .an-period label{display:flex;align-items:center;gap:8px}body.login-mode .report-compact-detail .an-coverage{font-size:11px;margin:6px 0}body.login-mode .report-compact-detail .an-analysis h3{font-size:14px;margin-bottom:8px}body.login-mode .report-compact-detail .an-chart>div{margin:8px 0}body.login-mode .report-compact-detail .an-log{padding:12px!important;margin-top:10px}body.login-mode .report-compact-detail .an-log td{padding:7px 9px!important}body.login-mode .report-compact-detail .an-log th{padding:8px 9px!important}body.login-mode .report-compact-detail .an-log h3{font-size:14px}body.login-mode .report-compact-detail .studio-detail-viz{display:flex;align-items:center;padding:12px 14px;margin:8px 0 12px;gap:24px}body.login-mode .compact-project-label{display:grid;grid-template-columns:auto 1fr;gap:5px 9px;min-width:170px;font-size:12px}body.login-mode .compact-project-label small{grid-column:2;color:var(--muted);font-size:10px}body.login-mode .compact-project-bars{flex:1;min-width:0}body.login-mode .compact-project-bars .studio-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}body.login-mode .compact-project-bars .studio-bars>div{margin:0!important;font-size:11px}body.login-mode .report-compact-detail .people-report{padding:12px!important}body.login-mode .report-compact-detail .people-report td{padding:7px 9px!important}body.login-mode .report-compact-detail .planning-controls{gap:10px;margin:8px 0}body.login-mode .report-compact-detail .hours-table{padding:12px!important}body.login-mode .report-compact-detail .hours-table td,body.login-mode .report-compact-detail .hours-table th{padding:7px 9px!important}body.login-mode .report-compact-detail .hours-table .table-scroll{margin-top:8px}body.login-mode .report-compact-detail .hours-totals{padding:8px;margin-bottom:8px}body.login-mode .report-compact-detail .studio-hours-chart{padding:10px 14px;margin:8px 0}body.login-mode .report-compact-detail .studio-hours-chart summary{font-size:12px}body.login-mode .compact-phases{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}body.login-mode .compact-phases span{padding:7px 12px;background:#eef3f8;border-radius:7px;font-size:11px;color:#003366}body.login-mode .compact-phases b{font-size:16px;margin-right:6px}body.login-mode .compact-weekly{border:1px solid #dce5ee;background:var(--card);border-radius:10px;margin:10px 0 14px}body.login-mode .compact-weekly>summary{display:flex;align-items:center;gap:14px;cursor:pointer;padding:14px;color:#003366}body.login-mode .compact-weekly>summary>span:first-of-type{flex:1;display:grid;gap:4px;font-size:13px}body.login-mode .compact-weekly small{font-size:11px;color:var(--muted);font-weight:400}body.login-mode .compact-weekly>summary>span:last-child{font-size:11px}body.login-mode .compact-weekly .weekly-builder{border:0;border-top:1px solid #dce5ee;margin:0!important;border-radius:0}body.login-mode .report-compact-detail .studio-export-icon{float:left;margin:0 12px 0 0;padding:7px}body.login-mode .report-compact-detail .row>.card{padding:14px}body.login-mode .report-compact-detail .row>.card h3{font-size:16px;margin:0 0 8px!important}body.login-mode .report-compact-detail .row>.card p{font-size:12px!important;margin:8px 0}body.login-mode .report-compact-detail .weekly-document{max-height:420px}
@media(max-width:760px){body.login-mode .report-compact-detail .compact-result-strip{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))!important}body.login-mode .report-compact-detail .studio-detail-viz{display:block}body.login-mode .compact-project-bars .studio-bars{grid-template-columns:1fr;gap:12px;margin-top:12px}body.login-mode .report-compact-detail .an-period label{flex-wrap:wrap}body.login-mode .report-compact-detail .an-period select{min-width:0;width:100%}body.login-mode .compact-weekly>summary{flex-wrap:wrap}body.login-mode .report-compact-detail .people-report .btn,body.login-mode .report-compact-detail .report-return{min-height:40px!important}}


body.login-mode .personnel-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#003366;color:white;border-radius:12px;padding:16px;margin:14px 0;gap:16px}body.login-mode .personnel-strip span{display:flex;gap:12px;align-items:center;font-size:12px}body.login-mode .personnel-strip b{font-size:25px}body.login-mode .personnel-toolbar{display:flex;align-items:end;gap:12px}body.login-mode .personnel-toolbar label{display:grid;gap:5px;flex:1;font-size:12px}body.login-mode .personnel-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.4fr);gap:16px;align-items:start}body.login-mode .personnel-person{display:flex;align-items:center;gap:12px;border:1px solid #dce5ee;background:var(--card);width:100%;text-align:left;padding:12px;color:var(--navy);border-radius:10px;margin-bottom:8px;cursor:pointer}body.login-mode .personnel-person.selected{border-color:#003366;background:#edf3f8;box-shadow:inset 3px 0 #003366}body.login-mode .personnel-person>span:nth-child(2){display:grid;gap:5px;flex:1}body.login-mode .personnel-person small{font-size:11px;color:var(--muted);line-height:1.5}body.login-mode .personnel-avatar{display:grid;place-items:center;background:#e5edf5;border-radius:50%;width:36px;height:36px;flex-shrink:0;font-size:12px;font-weight:700}body.login-mode .personnel-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}body.login-mode .personnel-fields label,body.login-mode .personnel-workspace form>label{display:grid;gap:5px;font-size:12px}body.login-mode .personnel-fields input,body.login-mode .personnel-fields select{width:100%;box-sizing:border-box}body.login-mode .personnel-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}body.login-mode .personnel-actions button{border:1px solid #dce5ee;border-radius:8px;padding:10px;background:#edf3f8;color:#003366;cursor:pointer}body.login-mode .personnel-feedback{min-height:18px;font-size:12px}body.login-mode .personnel-workspace .card{border-radius:12px!important;padding:16px}body.login-mode .personnel-workspace h3{font-size:17px;margin:0 0 10px}body.login-mode .personnel-workspace details{margin:12px 0}body.login-mode .personnel-workspace summary{cursor:pointer;font-size:13px;padding:10px 0}body.login-mode .personnel-context{display:flex;gap:24px;align-items:center;background:#003366;color:white;padding:14px 18px;border-radius:12px;margin:12px 0}body.login-mode .personnel-context label{display:grid;gap:5px;font-size:11px;min-width:230px}body.login-mode .personnel-context span{font-size:12px;line-height:1.6}body.login-mode .personnel-context select{background:white;color:#003366}body.login-mode .personnel-workspace #planning-form .planning-controls,body.login-mode .personnel-workspace #profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.login-mode .personnel-workspace #profile-form>p,body.login-mode .personnel-workspace #profile-form>.profile-confirm{grid-column:1/-1}body.login-mode .personnel-legal{background:var(--card);padding:4px 16px;border:1px solid #dce5ee;border-radius:12px}body.login-mode .personnel-workspace #personnel-count{font-size:12px;color:var(--muted);margin:10px 0}@media(max-width:760px){body.login-mode .personnel-layout,body.login-mode .personnel-fields{grid-template-columns:1fr}body.login-mode .personnel-toolbar,body.login-mode .personnel-context{flex-direction:column;align-items:stretch}body.login-mode .personnel-strip{gap:10px}body.login-mode .personnel-strip span{flex-direction:column;align-items:start;font-size:11px}body.login-mode .personnel-workspace input,body.login-mode .personnel-workspace select,body.login-mode .personnel-workspace button{min-height:44px}body.login-mode .personnel-workspace #profile-form,body.login-mode .personnel-workspace #planning-form .planning-controls{grid-template-columns:1fr}}

body.login-mode .personnel-workspace [hidden]{display:none!important}body.login-mode .personnel-context label{color:#dce8f4!important}body.login-mode .personnel-workspace #planning-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}body.login-mode .personnel-workspace #planning-form label:has(input[type=checkbox]) input{width:18px;height:18px;margin:0}body.login-mode .personnel-workspace #planning-form .planning-controls{gap:10px}body.login-mode .personnel-workspace #planning-form label{margin:0}body.login-mode .personnel-workspace .personnel-fields label{margin:0}

body.login-mode .personnel-create{border:1px solid #dce5ee;border-radius:16px;color:#003366;width:min(480px,calc(100% - 48px));padding:24px}body.login-mode .personnel-create::backdrop{background:#001b35aa}body.login-mode .personnel-create label{display:grid;gap:6px;margin:14px 0}body.login-mode .personnel-create input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #cbd8e5}body.login-mode .personnel-create small{display:block;margin-top:16px;line-height:1.6}

/* Shared, restrained personnel workspace */
body.login-mode .personnel-workspace .personnel-identity{background:var(--card);border:1px solid #dce5ee;color:var(--navy);padding:12px 16px;gap:20px;margin:12px 0 18px}
body.login-mode .personnel-workspace .personnel-identity label{color:var(--muted)!important;margin:0;min-width:240px}
body.login-mode .personnel-identity>span{flex:1}body.login-mode .personnel-join-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
body.login-mode .personnel-card-heading{display:flex;align-items:start;gap:12px;margin-bottom:20px}body.login-mode .personnel-card-heading p{font-size:12px;color:var(--muted);margin:4px 0 0;line-height:1.6}
body.login-mode .personnel-step{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eaf1f7;color:#003366;font-weight:700;flex-shrink:0;font-size:12px}
body.login-mode .personnel-topic{display:flex!important;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #e1e9f0;font-size:13px!important;margin:0!important}
body.login-mode .personnel-topic input{width:18px!important;height:18px;min-height:18px!important;accent-color:#003366;margin:0!important}
body.login-mode .personnel-join-grid [role=status]{font-size:12px;min-height:20px;margin:20px 0 12px}body.login-mode .personnel-join-grid .card{margin:0!important;padding:20px!important}
body.login-mode .personnel-workspace fieldset{border:1px solid #dce5ee;border-radius:10px;padding:16px;min-width:0;display:grid;gap:12px;align-content:start}body.login-mode .personnel-workspace legend{font-size:13px;font-weight:700;padding:0 6px}
body.login-mode .personnel-workspace .planning-controls{align-items:stretch}body.login-mode .personnel-workspace .planning-controls>label[hidden]{display:none!important}
body.login-mode .personnel-workspace .personnel-empty{padding:28px!important;text-align:center}body.login-mode .personnel-workspace .personnel-legal{margin-top:16px}
@media(max-width:760px){body.login-mode .personnel-join-grid{grid-template-columns:1fr}body.login-mode .personnel-workspace .personnel-identity{gap:10px}body.login-mode .personnel-workspace .personnel-identity label{min-width:0}body.login-mode .personnel-identity>span{width:100%}body.login-mode .personnel-join-grid .card{padding:16px!important}}

body.login-mode .personnel-workspace #planning-form fieldset:first-of-type{grid-template-columns:1fr 1fr}
body.login-mode .personnel-workspace #planning-form fieldset label:has(input[type=checkbox]){grid-column:1/-1;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;gap:8px!important}
body.login-mode .personnel-workspace #planning-form fieldset label:has(input[type=checkbox]) input{flex:0 0 18px!important;position:static!important;min-height:18px!important}
body.login-mode .personnel-join-grid>.card{display:flex;flex-direction:column}body.login-mode .personnel-join-grid form{flex:1;display:flex;flex-direction:column}body.login-mode .personnel-join-grid form>.btn{align-self:flex-start}body.login-mode .personnel-join-grid #join-plan-status{margin-top:auto;padding-top:18px}
@media(max-width:760px){body.login-mode .personnel-workspace #planning-form fieldset:first-of-type{grid-template-columns:1fr}}

body.login-mode .dossier-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid #dce5ee;padding:10px 0;margin-bottom:16px}body.login-mode .dossier-tabs button{border:0;background:transparent;color:#003366;padding:10px;border-radius:6px;cursor:pointer;font-size:12px}body.login-mode .dossier-tabs button.active{background:#003366;color:white}body.login-mode .dossier-status{display:grid;gap:8px;background:#eef3f8;border-radius:10px;padding:16px;font-size:13px}body.login-mode .dossier-status span{font-size:12px}body.login-mode .dossier-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}body.login-mode .dossier-metrics button{display:grid;gap:8px;text-align:left;border:1px solid #dce5ee;background:var(--card);padding:14px;border-radius:8px;color:#003366;cursor:pointer}body.login-mode .dossier-metrics b{font-size:24px}body.login-mode .dossier-metrics span{font-size:11px}body.login-mode .dossier-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #dce5ee;font-size:12px}body.login-mode .dossier-row div{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}body.login-mode .dossier-row small{color:var(--muted)}body.login-mode .dossier-row>span{flex-shrink:0;font-size:11px}body.login-mode .dossier-assign form{display:grid;grid-template-columns:1fr 1fr;gap:12px}body.login-mode .dossier-body label{display:grid;gap:6px;font-size:12px}body.login-mode .dossier-assign label:has(textarea),body.login-mode .dossier-assign .report-meta{grid-column:1/-1}body.login-mode .dossier-assign input,body.login-mode .dossier-assign textarea{width:100%;box-sizing:border-box}body.login-mode .dossier-record{border-bottom:1px solid #dce5ee}body.login-mode .dossier-record p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}body.login-mode .dossier-body h4{margin:20px 0 10px}body.login-mode .dossier-body [hidden]{display:none!important}@media(max-width:760px){body.login-mode .dossier-metrics{gap:6px}body.login-mode .dossier-metrics button{padding:10px}body.login-mode .dossier-assign form{grid-template-columns:1fr}body.login-mode .dossier-row{flex-wrap:wrap}body.login-mode .dossier-tabs{gap:2px}}

@media(min-width:761px){body.login-mode .personnel-layout{grid-template-columns:260px minmax(0,1fr)}body.login-mode #personnel-list{max-height:650px;overflow-y:auto;scrollbar-gutter:stable;padding-right:5px}body.login-mode .personnel-person{padding:10px;gap:8px}body.login-mode .personnel-person small{font-size:10px}body.login-mode .personnel-avatar{width:30px;height:30px}body.login-mode .personnel-toolbar label:first-child{flex:0 0 248px}body.login-mode .personnel-toolbar label:nth-child(2){flex:0 1 260px}}
body.login-mode .dossier-body .personnel-join-grid{grid-template-columns:1fr 1fr}body.login-mode .dossier-body .service-page{max-width:none;padding:0}body.login-mode .dossier-body .planning-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}body.login-mode .dossier-body .card{box-shadow:none}body.login-mode .dossier-records{max-height:540px;overflow:auto}body.login-mode .dossier-body #planning-form label:has(input[type=checkbox]){display:flex!important;align-items:center!important;gap:8px!important}body.login-mode .dossier-body #planning-form input[type=checkbox]{width:18px!important;min-height:18px!important}
@media(max-width:760px){body.login-mode .dossier-body .personnel-join-grid,body.login-mode .dossier-body .planning-controls{grid-template-columns:1fr}body.login-mode #personnel-list{max-height:260px;overflow:auto}}

body.login-mode .personnel-workspace input:not([type=checkbox]):not([type=radio]),body.login-mode .personnel-workspace select{min-height:40px;box-sizing:border-box}body.login-mode .personnel-fields{align-items:start}body.login-mode .personnel-workspace .personnel-fields label{display:grid;align-content:start;gap:6px}body.login-mode .personnel-workspace #planning-form label:has(input[type=checkbox]){display:flex!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;align-self:center;gap:8px!important}body.login-mode .personnel-workspace #planning-form label:has(input[type=checkbox]) input{margin:0!important;flex:0 0 18px!important}body.login-mode .signed-documents{border-bottom:1px solid #dce5ee;padding-bottom:18px;margin-bottom:20px}body.login-mode .signed-documents .signed-error{grid-column:1/-1;color:#9c3030}body.login-mode .signed-documents input[type=file]{max-width:100%;font-size:12px}body.login-mode .signed-documents .dossier-row{align-items:center}body.login-mode .dossier-body input,body.login-mode .dossier-body select,body.login-mode .dossier-body textarea{max-width:100%;box-sizing:border-box}@media(max-width:760px){body.login-mode .personnel-workspace input:not([type=checkbox]):not([type=radio]),body.login-mode .personnel-workspace select{min-height:44px}}

body.login-mode .personnel-contact-group{margin:0 0 16px}body.login-mode .personnel-contact-group .report-meta{margin:0 0 10px}body.login-mode .personnel-contact-group .personnel-fields{width:100%}body.login-mode .personnel-workspace .personnel-contact-group{display:block;padding:16px}

body.login-mode .personnel-permissions{margin-top:20px}body.login-mode .personnel-workspace .permission-choice{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;padding:8px 0;font-size:12px}body.login-mode .permission-choice input{width:18px!important;min-height:18px!important;margin:0!important}

body.login-mode .personnel-toolbar{flex-wrap:wrap}body.login-mode .permission-matrix-scroll{max-width:100%;overflow:auto}body.login-mode .permission-matrix table{border-collapse:collapse;min-width:850px;width:100%;font-size:11px}body.login-mode .permission-matrix th,body.login-mode .permission-matrix td{padding:10px;border:1px solid #dce5ee;text-align:left}body.login-mode .permission-matrix thead{background:#003366;color:white}body.login-mode .permission-matrix{max-width:100%;min-width:0}

body.login-mode .personnel-layout>*{min-width:0}body.login-mode #personnel-detail,body.login-mode .dossier-body{min-width:0;max-width:100%;box-sizing:border-box}body.login-mode .dossier-body>.card{width:100%;box-sizing:border-box}body.login-mode .record-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}body.login-mode .record-toolbar h4{flex:1;margin:0 0 10px}body.login-mode .record-toolbar label{min-width:150px}body.login-mode .compact-hour-list{max-height:440px;overflow:auto;margin-top:12px}body.login-mode .compact-hour-list details{margin:0;border-bottom:1px solid #dce5ee}body.login-mode .compact-hour-list summary{display:grid;grid-template-columns:70px 1fr 80px 120px;gap:10px;padding:11px 8px;font-size:12px;align-items:center}body.login-mode .compact-hour-list summary strong{text-align:right}body.login-mode .compact-hour-list details>div{padding:6px 12px;background:#eef3f8;font-size:12px}body.login-mode .vacation-plan{border-bottom:1px solid #dce5ee;padding-bottom:18px;margin-bottom:18px}body.login-mode .vacation-grid-scroll{overflow:auto;max-width:100%;max-height:360px}body.login-mode .vacation-grid-scroll table{border-collapse:collapse;min-width:1000px;font-size:11px;width:100%}body.login-mode .vacation-grid-scroll td,body.login-mode .vacation-grid-scroll th{border:1px solid #dce5ee;padding:8px 4px;text-align:center}body.login-mode .vacation-grid-scroll th:first-child{position:sticky;left:0;background:white;text-align:left;min-width:135px}body.login-mode .vac-approved{background:#dceee3;color:#166138}body.login-mode .vac-requested{background:#fff1cb;color:#805d0a}body.login-mode #dossier-hour-total{font-size:13px;font-weight:700;background:#edf3f8;padding:12px;border-radius:8px}@media(max-width:760px){body.login-mode .compact-hour-list summary{grid-template-columns:55px 1fr 65px}body.login-mode .compact-hour-list summary>span:last-child{grid-column:2/-1}body.login-mode .record-toolbar label{flex:1;min-width:120px}}

/* Stable dossier shell: only its content scrolls, never rebuild the page shell. */
body.login-mode .personnel-layout{overflow-anchor:none}body.login-mode #personnel-detail{height:700px;display:flex;flex-direction:column;overflow:hidden}body.login-mode #personnel-detail>h3,body.login-mode #personnel-detail>.dossier-tabs{flex-shrink:0}body.login-mode #personnel-detail>.dossier-body,body.login-mode #personnel-detail>#personnel-edit{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;padding-right:8px}body.login-mode #personnel-detail>#personnel-edit:not([hidden])+.dossier-body{flex:0 0 auto;max-height:145px}body.login-mode #personnel-detail>[hidden]{display:none!important}body.login-mode .dossier-body .compact-hour-list{max-height:none;overflow:visible;margin-top:6px}body.login-mode .personnel-workspace .compact-hour-list details{margin:0!important;border-radius:0!important}body.login-mode .personnel-workspace .compact-hour-list summary{padding:7px 8px!important;min-height:30px;font-size:11px!important;grid-template-columns:60px minmax(90px,1fr) 70px 110px;line-height:1.3;gap:8px}body.login-mode .compact-hour-list details:nth-child(even){background:#f5f8fb}body.login-mode .compact-hour-list details>div p{margin:6px 0}body.login-mode .dossier-body:has(.compact-hour-list) .record-toolbar{gap:8px}body.login-mode .dossier-body:has(.compact-hour-list) .report-meta{font-size:11px;margin:6px 0}body.login-mode .dossier-body #dossier-hour-total{padding:7px 10px;font-size:12px;margin:8px 0 4px}body.login-mode .dossier-body:has(.compact-hour-list) .record-toolbar select{min-height:32px;height:32px;font-size:12px}body.login-mode .dossier-body:has(.compact-hour-list) .record-toolbar h4{font-size:14px}
@media(max-width:760px){body.login-mode #personnel-detail{height:760px}body.login-mode .personnel-workspace .compact-hour-list summary{grid-template-columns:48px minmax(70px,1fr) 55px;min-height:44px}body.login-mode .compact-hour-list summary>span:last-child{grid-column:2/-1}body.login-mode .dossier-body:has(.compact-hour-list) .record-toolbar select{min-height:44px;height:44px}}

body.login-mode .annual-vacation-scroll{max-width:100%;overflow:auto;max-height:570px;margin-top:14px}body.login-mode .annual-vacation-scroll table{border-collapse:collapse;font-size:11px;min-width:850px;width:100%}body.login-mode .annual-vacation-scroll th,body.login-mode .annual-vacation-scroll td{border:1px solid #dce5ee;padding:7px 5px;text-align:left}body.login-mode .annual-vacation-scroll th:first-child{position:sticky;left:0;background:#f4f7fa;min-width:85px}body.login-mode .annual-vacation-scroll small{display:block;font-weight:400}body.login-mode .annual-vacation-scroll .week-start{border-left:2px solid #8199ae}body.login-mode .vac-na{background:#e9eef3}body.login-mode .personnel-contact-group{padding:10px!important;margin-bottom:10px!important}body.login-mode .personnel-fields{gap:8px}body.login-mode .personnel-contact-group label{font-size:11px!important}body.login-mode .personnel-workspace .personnel-contact-group input{min-height:34px;padding:7px}body.login-mode .personnel-workspace .compact-hour-list summary{grid-template-columns:55px minmax(75px,1fr) 65px 100px;padding:5px 7px!important;min-height:28px}body.login-mode .profile-documents{border-bottom:1px solid #dce5ee;padding-bottom:16px;margin-bottom:16px}body.login-mode #responsibilities-form{margin-bottom:18px}body.login-mode #responsibilities-form label:first-child{grid-column:1/-1}@media(max-width:760px){body.login-mode .personnel-workspace .personnel-contact-group input{min-height:44px}body.login-mode .personnel-workspace .compact-hour-list summary{min-height:44px;grid-template-columns:48px 1fr 60px}}

body.login-mode .annual-vacation-scroll th,body.login-mode .annual-vacation-scroll td{color:#003366!important}body.login-mode .annual-vacation-scroll .vac-approved{background:#dceee3!important;color:#12512e!important}body.login-mode .annual-vacation-scroll .vac-requested{background:#fff1cb!important;color:#674900!important}body.login-mode .annual-vacation-scroll thead th{background:#e4edf5!important;color:#003366!important}body.login-mode .person-hours-chart{border:1px solid #dce5ee;border-radius:8px;padding:12px;margin-bottom:12px}body.login-mode .hours-bars{max-height:170px;overflow:auto;margin-top:10px}body.login-mode .hours-bar{display:grid;grid-template-columns:65px minmax(30px,1fr) 75px;gap:10px;align-items:center;font-size:11px;padding:5px 0}body.login-mode .hours-bar>div{height:7px;background:#e7edf3;border-radius:8px}body.login-mode .hours-bar i{display:block;height:7px;background:#003366;border-radius:8px}body.login-mode .hours-bar b{text-align:right}body.login-mode .compact-person-section{margin:10px 0;border:1px solid #dce5ee;border-radius:8px;padding:10px}body.login-mode .compact-person-section form{padding:8px}body.login-mode .dossier-body .ph-event{margin:4px 0!important}body.login-mode .dossier-body .ph-event summary{padding:8px!important;min-height:38px}body.login-mode .dossier-body .ph-controls{gap:8px;margin:8px 0}body.login-mode .dossier-body .ph-event small{font-size:10px}body.login-mode .personnel-contact-group legend{font-size:12px}body.login-mode .personnel-workspace #planning-form .planning-controls{gap:8px}body.login-mode .personnel-workspace #planning-form label{font-size:11px}body.login-mode .dossier-body .record-toolbar{align-items:center}body.login-mode #personnel-detail>#personnel-edit:not([hidden])+.dossier-body{max-height:230px}body.login-mode .dossier-body:has(#join-account){overflow:auto}
body.login-mode .person-hours-chart>.record-toolbar{display:flex;flex-wrap:nowrap;justify-content:space-between}body.login-mode .person-hours-chart>.record-toolbar select{width:140px;flex:0 0 140px}body.login-mode .personnel-workspace .compact-hour-list summary{height:auto!important;min-height:28px!important;padding:5px 7px!important;box-sizing:border-box}body.login-mode .personnel-workspace .compact-hour-list summary>span{margin:0!important}body.login-mode .person-hours-chart .hours-bar{padding:3px 0}body.login-mode .general-documents{border:1px solid #dce5ee;border-radius:8px;padding:8px}@media(max-width:760px){body.login-mode .personnel-workspace .compact-hour-list summary{min-height:44px!important}}
/* Dense desktop layout, with touch targets preserved on phones. */
@media(min-width:1000px){body.login-mode #personnel-detail .dense-person-form{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:8px}body.login-mode .dense-person-form>.personnel-contact-group{margin:0!important}body.login-mode .dense-person-form>.dense-fold,body.login-mode .dense-person-form>details:not(.dense-fold),body.login-mode .dense-person-form>.personnel-feedback,body.login-mode .dense-person-form>.report-meta{grid-column:1/-1}body.login-mode .dense-person-form>.dense-fold{margin:0!important}body.login-mode .dense-person-form .personnel-fields{gap:6px 10px}body.login-mode .dense-person-form label{font-size:10px!important}body.login-mode .dense-person-form input,body.login-mode .dense-person-form select{height:30px!important;min-height:30px!important;padding:4px 7px!important}body.login-mode .dense-person-form fieldset{padding:8px!important}body.login-mode .dense-fold>summary{padding:8px!important;font-size:12px!important}body.login-mode .dense-fold>fieldset{border:0!important}body.login-mode .dossier-body #planning-form .planning-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body.login-mode .dossier-body #planning-form input:not([type=checkbox]),body.login-mode .dossier-body #planning-form select{height:32px;min-height:32px;padding:4px 7px}body.login-mode .dossier-body #planning-form .report-meta{margin:5px 0}body.login-mode #responsibilities-form{grid-template-columns:1fr 1fr;gap:6px}body.login-mode #responsibilities-form textarea{height:52px;min-height:52px}body.login-mode #responsibilities-form input,body.login-mode #responsibilities-form select{min-height:32px;height:32px}body.login-mode #personnel-detail[data-section=time] .dossier-body{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(350px,1.2fr);gap:8px 16px;align-content:start}body.login-mode #personnel-detail[data-section=time] .person-hours-chart{grid-column:1;grid-row:1/6;align-self:start}body.login-mode #personnel-detail[data-section=time] .dossier-body>:not(.person-hours-chart){grid-column:2}body.login-mode #personnel-detail[data-section=time] .hours-bars{max-height:350px}body.login-mode #personnel-detail[data-section=time] .record-toolbar h4{font-size:12px}body.login-mode #personnel-detail[data-section=time] .compact-hour-list summary{grid-template-columns:45px minmax(65px,1fr) 48px 85px;font-size:10px!important;min-height:27px!important;padding:4px!important}}
body.login-mode .document-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}body.login-mode .document-categories button{border:1px solid #dce5ee;background:white;color:#003366;padding:8px 10px;border-radius:6px;font-size:12px;cursor:pointer}body.login-mode .document-categories button.active{background:#003366;color:white}body.login-mode .dossier-body .signed-documents,body.login-mode .dossier-body .profile-documents{margin:0;padding:0;border:0}body.login-mode .dossier-body .signed-documents>h4,body.login-mode .dossier-body .profile-documents>h4{margin:8px 0}body.login-mode .dossier-body .signed-documents>.report-meta{font-size:11px;line-height:1.4}body.login-mode .dossier-body #vacation-draft{gap:8px}body.login-mode .dossier-body #vacation-draft label{font-size:11px}body.login-mode .dossier-body #vacation-draft>[role=status]{margin:0}body.login-mode .dossier-body .compact-person-section{padding:8px;margin:6px 0}body.login-mode .dossier-body #responsibilities-form>small{font-size:10px;color:var(--muted);grid-column:1/-1}body.login-mode .dossier-body #responsibilities-form>select{grid-column:1/-1}body.login-mode .dense-fold fieldset[hidden]{display:none!important}
body.login-mode #personnel-detail>.personal-data-scroll{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;padding-right:8px}body.login-mode .personal-data-scroll>#personnel-edit,body.login-mode .personal-data-scroll>.dossier-body{overflow:visible!important;max-height:none!important;height:auto!important;flex:none!important;scrollbar-gutter:auto!important;padding-right:0!important}body.login-mode .personal-data-scroll>.dossier-body{margin-top:12px}body.login-mode .personal-save-actions{grid-column:1/-1;display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #dce5ee}body.login-mode .personal-save-actions .btn{border-radius:20px!important;padding:9px 18px!important;min-height:38px}body.login-mode .personal-data-scroll .dense-fold{margin:0!important}body.login-mode .personal-data-scroll .dense-fold>summary{min-height:0!important;padding:8px 0!important}body.login-mode .personal-data-scroll .permission-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}body.login-mode .personal-data-scroll .permission-choice-grid label{padding:5px 0!important;font-size:11px!important}body.login-mode .personal-data-scroll .personnel-feedback:empty{display:none}body.login-mode .personal-data-scroll .personnel-contact-group .report-meta{font-size:11px;line-height:1.4}body.login-mode .personal-data-scroll .dense-person-form{grid-auto-rows:min-content}@media(max-width:760px){body.login-mode .personal-data-scroll .permission-choice-grid{grid-template-columns:1fr}body.login-mode .personal-save-actions .btn{min-height:44px}body.login-mode .personal-save-actions{flex-wrap:wrap}}
body.login-mode #hr-admin-record .hr-registration{border-bottom:1px solid #dce5ee;margin:0!important}body.login-mode #hr-admin-record summary{font-size:12px;padding:8px!important}body.login-mode #hr-admin-record .personnel-fields{gap:8px}body.login-mode #hr-admin-record input,body.login-mode #hr-admin-record select{min-height:32px;font-size:12px}body.login-mode #hr-admin-record button{border-radius:18px;margin-top:12px}body.login-mode #hr-admin-record [role=status]{font-size:12px}@media(max-width:760px){body.login-mode #hr-admin-record input,body.login-mode #hr-admin-record select{min-height:44px}}

/* Keep the brand header, navigation and title in one measured sticky stack. */
body.login-mode .admin-session header.top{position:sticky!important;top:0!important;z-index:60!important;margin-top:0!important;transform:none!important}
body.login-mode .admin-session #tabs{top:var(--admin-header-height,64px)!important;z-index:50!important}
body.login-mode .admin-session #app .ao-page-header,body.login-mode .admin-session #app .desk-heading{top:calc(var(--admin-header-height,64px) + var(--admin-nav-height))!important}
body.login-mode .admin-session #app :is(button,input,select,textarea,details,[tabindex]){scroll-margin-top:calc(var(--admin-header-height,64px) + var(--admin-nav-height) + var(--admin-title-height) + 16px)}
@media print{body.login-mode .admin-session header.top,body.login-mode .admin-session #tabs,body.login-mode .admin-session #app .ao-page-header,body.login-mode .admin-session #app .desk-heading{position:static!important;top:auto!important}}
body.login-mode .person-hours-total{background:#003366;color:white;border-radius:10px;padding:12px 16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:14px}body.login-mode .person-hours-total strong{font-size:24px}body.login-mode .person-hours-total small{font-size:10px;opacity:.85}body.login-mode .person-hours-split{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(300px,1.15fr);gap:16px}body.login-mode .person-hours-split h4{font-size:12px;margin:5px 0 12px}body.login-mode .person-hours-split .hours-bar{grid-template-columns:minmax(105px,1fr) minmax(35px,.6fr) 58px}body.login-mode .monthly-hour-record{border:1px solid #dce5ee;border-radius:7px;margin:6px 0!important}body.login-mode .monthly-hour-record>summary{display:flex;gap:12px;align-items:center;padding:9px!important;font-size:12px}body.login-mode .monthly-hour-record>summary small{margin-left:auto}body.login-mode .weekly-hour-record{margin:0!important;border-top:1px solid #dce5ee}body.login-mode .weekly-hour-record>summary{display:grid;grid-template-columns:40px minmax(70px,1fr) 50px 75px;gap:6px;padding:7px!important;font-size:10px}body.login-mode .weekly-hour-record p{font-size:11px;margin:8px}body.login-mode #personnel-detail[data-section=time] .dossier-body{display:block!important}body.login-mode #responsibilities-form>select{height:40px!important;min-height:40px!important;line-height:normal!important;padding:7px 10px!important;box-sizing:border-box}body.login-mode #responsibilities-form{align-items:start}body.login-mode .person-hours-split .record-toolbar label{min-width:120px}@media(max-width:1000px){body.login-mode .person-hours-split{grid-template-columns:1fr}body.login-mode .weekly-hour-record>summary{min-height:44px}body.login-mode .person-hours-split .hours-bars{max-height:180px}}

body.login-mode #personnel-detail .weekly-hour-record>summary b,body.login-mode #personnel-detail .weekly-hour-record>summary strong{font-weight:400;font-size:11px}body.login-mode #personnel-detail .weekly-hour-record>summary{font-size:11px}body.login-mode #personnel-detail .monthly-hour-record>summary{font-size:12px}body.login-mode #personnel-detail .monthly-hour-record>summary b{font-weight:600}body.login-mode .location-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;margin:10px 0 14px}body.login-mode .location-totals>div,body.login-mode .location-totals>button{display:grid;gap:6px;border:1px solid #dce5ee;background:#f4f7fa;border-radius:7px;padding:10px;color:#003366;text-align:left}body.login-mode .location-totals span{font-size:11px}body.login-mode .location-totals b{font-size:15px;font-weight:600}body.login-mode .location-totals button{cursor:pointer}body.login-mode .leave-balance{border-bottom:1px solid #dce5ee;margin-bottom:12px}body.login-mode .leave-balance h4{font-size:13px;margin:4px 0}body.login-mode .leave-balance .report-meta{font-size:10px;line-height:1.45}body.login-mode .personnel-workspace .personnel-fields{align-items:start}body.login-mode .personnel-workspace label{line-height:1.4}body.login-mode .overview-person-summary{margin-bottom:14px}
body.login-mode .personal-visual-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;margin-bottom:14px}body.login-mode .person-work-donut,body.login-mode .person-progress{border:1px solid #dce5ee;border-radius:9px;padding:12px;background:white;color:#003366;cursor:pointer;text-align:left}body.login-mode .person-work-donut{display:grid;gap:8px;justify-items:center}body.login-mode .person-work-donut>span{font-size:12px;font-weight:600}body.login-mode .work-donut{height:105px;width:105px;border-radius:50%;display:grid;place-items:center}body.login-mode .work-donut>b{height:80px;width:80px;border-radius:50%;background:white;display:grid;align-content:center;justify-items:center;font-size:20px}body.login-mode .work-donut small{font-size:10px;font-weight:400}body.login-mode .person-work-donut>small{font-size:10px}body.login-mode .person-progress-list{display:grid;gap:8px}body.login-mode .person-progress{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}body.login-mode .person-progress>span{font-size:12px}body.login-mode .person-progress>small{font-size:10px;grid-column:1/-1}body.login-mode .person-progress>i{display:block;height:6px;background:#e5ebf1;border-radius:6px;grid-column:1/-1}body.login-mode .person-progress em{display:block;height:6px;background:#003366;border-radius:6px}@media(max-width:760px){body.login-mode .personal-visual-grid{grid-template-columns:1fr}}
body.login-mode .personal-completeness{background:#f0f5fa;border:1px solid #ceddea;border-left:3px solid #003366;border-radius:8px;padding:12px;margin-bottom:12px}body.login-mode .completeness-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px}body.login-mode .completeness-heading>span{font-weight:600;color:#775b20}body.login-mode .completeness-links{display:flex;flex-wrap:wrap;gap:6px}body.login-mode .completeness-links button{background:white;color:#003366;border:1px solid #cfdae5;border-radius:7px;padding:7px 10px;font-size:11px;cursor:pointer}body.login-mode .personal-completeness .report-meta{font-size:10px;margin:7px 0;line-height:1.4}body.login-mode .personal-completeness details{margin:8px 0 0!important}body.login-mode .personal-completeness summary{font-size:11px;padding:6px 0!important}@media(max-width:760px){body.login-mode .completeness-links button{min-height:44px}}
/* Save actions have a consistent visual weight, independent of the source form. */
body.login-mode #app .portal-save-action,body.login-mode dialog .portal-save-action{background:#1d7945!important;border-color:#1d7945!important;color:#fff!important;border-radius:8px!important;font-weight:600!important}body.login-mode #app .portal-save-action:hover,body.login-mode dialog .portal-save-action:hover{background:#166438!important;border-color:#166438!important}body.login-mode #app .portal-save-action:disabled{background:#d3ded7!important;border-color:#d3ded7!important;color:#58685d!important;cursor:not-allowed}body.login-mode #app .portal-save-action:focus-visible{outline:3px solid #80b49a;outline-offset:2px}
body.login-mode #personnel-detail>h3{font-size:18px!important;line-height:1.3}body.login-mode #personnel-detail h4{font-size:14px!important;font-weight:650!important;line-height:1.35;margin-top:12px;margin-bottom:10px}body.login-mode #personnel-detail .personnel-contact-group legend{font-size:14px!important;font-weight:650!important}body.login-mode #personnel-detail .dense-fold>summary,body.login-mode #personnel-detail .compact-person-section>summary,body.login-mode #personnel-detail .signed-documents>h4,body.login-mode #personnel-detail .profile-documents>h4{font-size:13px!important;font-weight:600!important}body.login-mode #personnel-detail .completeness-heading>b{font-size:14px}body.login-mode .personal-save-actions .portal-save-action{border-radius:20px!important}
body.login-mode .section-data-hint{display:inline-block;margin-left:10px;padding:2px 7px;border-radius:5px;font-size:10px!important;font-weight:400!important;vertical-align:middle;line-height:1.5}body.login-mode .section-data-hint.missing{background:#fff1cb;color:#715315}body.login-mode .section-data-hint.complete{background:#e7f1eb;color:#215c3a}body.login-mode .section-data-hint.optional{background:#edf1f5;color:#53667a}@media(max-width:760px){body.login-mode .section-data-hint{margin-left:4px;max-width:100%;white-space:normal}}
body.login-mode .departure-wide{grid-column:1/-1}body.login-mode .departure-record textarea{min-height:65px}body.login-mode .departure-record .personnel-fields{gap:10px}body.login-mode .departure-record fieldset{padding:10px}body.login-mode .departure-record .permission-choice{font-size:12px}body.login-mode .departure-record>[data-exit-guide]{margin-bottom:10px}

body.login-mode .process-overview-selector{display:flex;align-items:end;gap:12px;flex-wrap:wrap}body.login-mode .process-overview-selector label{display:grid;gap:6px;min-width:240px}body.login-mode .process-lifecycle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}body.login-mode .process-lifecycle>.card{margin:0;display:flex;flex-direction:column;padding:16px;border-radius:10px}body.login-mode .process-step-number{color:#597590;font-size:11px;font-weight:600}body.login-mode .process-lifecycle h3{font-size:15px;margin:8px 0}body.login-mode .process-lifecycle p{font-size:12px;line-height:1.5}body.login-mode .process-lifecycle small{font-size:10px;color:#56708a}body.login-mode .process-lifecycle .process-person-state{margin-top:auto;padding-top:12px;font-weight:600}body.login-mode .process-lifecycle button{font-size:12px}body.login-mode .process-lifecycle button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:950px){body.login-mode .process-lifecycle{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){body.login-mode .process-lifecycle{grid-template-columns:1fr}body.login-mode .process-overview-selector label{min-width:0;width:100%}}
body.login-mode #app .process-lifecycle > .card{border-radius:12px;box-shadow:none;min-width:0}
body.login-mode #app .process-overview-selector{border-radius:12px;padding:16px}
body.login-mode #app .process-lifecycle .process-step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#edf3f8;color:#003567;font-weight:600;margin-bottom:8px}
body.login-mode #app .process-lifecycle h3{margin-top:0}
body.login-mode #app .message-entry-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;margin:12px 0 16px;background:#edf3f8;border:1px solid #d9e4ef;border-radius:12px}
body.login-mode #app .message-entry-bar span{display:block;font-size:12px;margin-top:4px}
body.login-mode #app .message-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
body.login-mode #app .message-workspace .card{min-width:0!important;border-radius:12px;padding:18px}
body.login-mode #app .message-workspace .row{margin:0;min-width:0;display:block}
body.login-mode #app .message-channel p{font-size:11px;color:var(--muted);line-height:1.5;margin:8px 0 12px}
body.login-mode #app .message-compose .sec-h{font-size:18px;margin-bottom:12px}
body.login-mode #app .message-compose textarea{min-height:120px}
@media(max-width:760px){body.login-mode #app .message-workspace{grid-template-columns:1fr}body.login-mode #app .message-entry-bar{align-items:stretch;flex-direction:column}}
/* Personnel dossier uses document scrolling so short screens never clip forms. */
body.login-mode #personnel-detail{height:auto!important;max-height:none!important;overflow:visible!important;display:block!important;position:static!important}
body.login-mode #personnel-detail .personal-data-scroll,body.login-mode #personnel-detail .dossier-body,body.login-mode #personnel-detail #personnel-edit{height:auto!important;max-height:none!important;overflow:visible!important;flex:none!important;scrollbar-gutter:auto!important;padding-right:0!important}
body.login-mode #personnel-detail .hours-bars,body.login-mode #personnel-detail .compact-hour-list{max-height:none!important;overflow:visible!important}
body.login-mode #personnel-detail .annual-vacation-scroll,body.login-mode #personnel-detail .vacation-grid-scroll{max-height:none!important;overflow-x:auto}
body.login-mode #personnel-detail .personal-completeness{display:none!important}
body.login-mode .project-leave-card{border:1px solid #dce5ee;border-radius:12px;padding:16px;margin:16px 0}body.login-mode .project-leave-card h3{font-size:16px}body.login-mode .project-leave-card input{width:150px}body.login-mode .pl-metrics{display:flex;gap:24px;flex-wrap:wrap;margin:12px 0}body.login-mode .pl-metrics span{font-size:12px}body.login-mode .pl-metrics b{font-size:22px;margin-right:6px}body.login-mode .pl-calendar{overflow-x:auto;max-width:100%}body.login-mode .pl-calendar table{border-collapse:collapse;width:100%;min-width:1050px;font-size:11px}body.login-mode .pl-calendar td,body.login-mode .pl-calendar th{border:1px solid #dce5ee;padding:7px 4px;text-align:center;min-width:24px}body.login-mode .pl-calendar th:first-child{position:sticky;left:0;background:#f4f7fa;min-width:150px;text-align:left;z-index:1}body.login-mode .pl-calendar th small{display:block;font-weight:400}body.login-mode .pl-calendar button{border:0;background:none;color:#003366;font-size:12px;text-align:left;cursor:pointer}body.login-mode .pl-assigned{background:#e5edf5;color:#003366}body.login-mode .pl-away{background:#dceee3;color:#175236}body.login-mode .pl-pending{background:#fff1cb;color:#765700}body.login-mode .pl-unknown{color:#788899}body.login-mode .pl-short{background:#fbe0df;color:#972f2c;font-weight:700}body.login-mode .pl-weekend{background:#edf0f3;color:#64717f}body.login-mode .pl-capacity{font-weight:600}body.login-mode .pl-calendar thead{background:#edf3f8;color:#003366}
body.login-mode .approval-grant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}body.login-mode .approval-grant-grid label{display:block;margin:8px 0}body.login-mode .approval-grant-grid input{width:auto!important;min-height:0!important}body.login-mode .approval-item{margin:12px 0;padding:16px;border-radius:12px}body.login-mode .approval-item select,body.login-mode .approval-item textarea{max-width:600px;display:block}body.login-mode .approval-item h3{font-size:15px}
body.login-mode #field-matrix-form table{width:100%;border-collapse:collapse;font-size:12px}body.login-mode #field-matrix-form th,body.login-mode #field-matrix-form td{padding:8px 12px;border-bottom:1px solid #dce5ee;text-align:left}body.login-mode #field-matrix-form select{min-height:36px;max-width:240px}body.login-mode #field-matrix-form .record-toolbar{margin-bottom:14px}body.login-mode .field-policy-hint{font-size:10px;color:#715315;font-weight:400}
body.login-mode .pl-annual table{min-width:1100px;table-layout:fixed}body.login-mode .pl-annual th:first-child{width:175px}body.login-mode .pl-annual td{vertical-align:top;height:38px}body.login-mode .pl-annual .annual-leave{display:block;width:100%;padding:3px 2px;margin:2px 0;border-radius:4px;font-size:10px;text-align:center}body.login-mode .annual-leave i{display:block;height:4px;background:currentColor;border-radius:3px;margin-top:3px}body.login-mode .pl-annual .pl-capacity td{font-size:10px;vertical-align:middle}body.login-mode .project-leave-card h3 small{font-weight:400;font-size:12px}
body.login-mode .admin-session #hproj{display:none!important}body.login-mode .admin-project-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}body.login-mode .admin-project-cards button{display:grid;gap:10px;padding:18px;text-align:left;color:#003366;cursor:pointer}body.login-mode .admin-project-cards span{font-size:12px}body.login-mode .admin-local-project{display:flex;align-items:center;gap:12px;margin:12px 0}body.login-mode .admin-local-project select{max-width:280px}
body.login-mode .dossier-traffic{border:1px solid #dce5ee;border-radius:10px;padding:12px 14px;margin-bottom:14px;background:#f4f7fa}body.login-mode .dossier-traffic-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}body.login-mode .dossier-traffic-counts{display:flex;flex-wrap:wrap;gap:18px;margin:10px 0;font-size:11px}body.login-mode .dossier-traffic-counts b{font-size:16px;margin-right:4px}body.login-mode .dossier-traffic details{margin:0!important}body.login-mode .dossier-traffic summary{font-size:12px;padding:5px 0!important}body.login-mode .dossier-traffic-items{display:grid;gap:5px;margin:8px 0}body.login-mode .dossier-traffic-items button{text-align:left;white-space:normal;font-size:12px}
/* Compact top counters and overview status, with one dossier scroll on desktop. */
body.login-mode .personnel-directory .personnel-strip{padding:8px 14px!important;margin:7px 0 10px!important;border-radius:9px;gap:12px}body.login-mode .personnel-directory .personnel-strip b{font-size:20px!important}body.login-mode .personnel-directory .personnel-strip span{font-size:11px;gap:8px}body.login-mode .personnel-directory .personnel-toolbar{gap:10px}body.login-mode .personnel-directory #personnel-count{margin:5px 0;font-size:11px}
body.login-mode .person-progress-list .dossier-traffic{padding:9px 10px;margin:0;background:#f3f6fa}body.login-mode .person-progress-list .dossier-traffic-head{font-size:12px;gap:5px}body.login-mode .person-progress-list .dossier-traffic-counts{gap:10px;margin:6px 0;font-size:10px}body.login-mode .person-progress-list .dossier-traffic-counts b{font-size:13px}body.login-mode .person-progress-list .dossier-traffic summary{font-size:11px!important}body.login-mode .person-progress-list .dossier-traffic .traffic-badge{font-size:10px}body.login-mode .person-progress-list{align-content:start}body.login-mode .personal-visual-grid{align-items:start}
@media(min-width:761px) and (min-height:560px){body.login-mode.personnel-fixed-workspace{overflow:hidden!important}body.login-mode .personnel-fixed-workspace #personnel-detail{height:var(--personnel-pane-height)!important;max-height:var(--personnel-pane-height)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable;overscroll-behavior:contain}body.login-mode .personnel-fixed-workspace #personnel-list{height:var(--personnel-pane-height)!important;max-height:var(--personnel-pane-height)!important;overflow-y:auto!important;overscroll-behavior:contain}body.login-mode .personnel-fixed-workspace .personnel-directory .view-title{margin-top:0!important;margin-bottom:6px!important;padding-top:5px!important;padding-bottom:6px!important}body.login-mode .personnel-fixed-workspace .personnel-directory>.view-sub{display:none}body.login-mode .personnel-fixed-workspace #personnel-detail .dossier-body,body.login-mode .personnel-fixed-workspace #personnel-detail .personal-data-scroll,body.login-mode .personnel-fixed-workspace #personnel-detail #personnel-edit{height:auto!important;max-height:none!important;overflow:visible!important}body.login-mode .personnel-fixed-workspace #app{padding-top:10px!important}}
@media(min-width:761px) and (min-height:560px){
body.login-mode .personnel-fixed-workspace .ao-page-header{padding:4px 0!important;margin:0 0 6px!important;min-height:0!important}body.login-mode .personnel-fixed-workspace .personnel-toolbar label{margin:0!important;gap:3px!important}body.login-mode .personnel-fixed-workspace .personnel-toolbar input,body.login-mode .personnel-fixed-workspace .personnel-toolbar select{height:34px!important;min-height:34px!important;padding:5px 8px!important}body.login-mode .personnel-fixed-workspace .personnel-toolbar{align-items:end!important}body.login-mode .personnel-fixed-workspace .personnel-strip{margin:4px 0 6px!important;padding:5px 12px!important}body.login-mode .personnel-fixed-workspace #personnel-count{margin:4px 0!important}body.login-mode .personnel-fixed-workspace .dossier-traffic{min-height:0!important}body.login-mode .personnel-fixed-workspace .dossier-traffic details{padding:0!important}body.login-mode .personnel-fixed-workspace .person-progress-list .dossier-traffic{padding:8px!important}
}
body.login-mode .personnel-directory>.personnel-strip{display:none!important}body.login-mode .person-list-summary{position:sticky;top:0;z-index:2;background:#003366;color:#fff;border-radius:8px;padding:8px 10px;margin-bottom:8px;display:grid;gap:3px;font-size:11px}body.login-mode .person-list-summary>b{font-size:13px}body.login-mode .person-list-summary>small{font-size:9px;opacity:.8}body.login-mode .personnel-person .person-list-status{font-size:9px;line-height:1.3;justify-self:start;background:#edf1f5;color:#526478;border-radius:4px;padding:2px 5px}body.login-mode .personnel-person .person-list-status.active{background:#e4f1e8;color:#215b39}body.login-mode .personnel-person .person-list-status.planned,body.login-mode .personnel-person .person-list-status.leaving{background:#fff1cd;color:#785c1f}body.login-mode .personnel-person .person-list-status.inactive{background:#e9edf1;color:#67717c}body.login-mode .personnel-person>span:nth-child(2){gap:3px}
body.login-mode .person-overview{font-size:12px;color:var(--navy)}body.login-mode .pov-identity{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#edf3f8;border-radius:10px;padding:12px 14px;margin-bottom:12px}body.login-mode .pov-eyebrow{font-size:9px;letter-spacing:1px;color:#536c82}body.login-mode .person-overview .pov-identity h4{font-size:17px!important;margin:5px 0!important}body.login-mode .pov-identity-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}body.login-mode .pov-identity p{margin:6px 0 0;font-size:11px}body.login-mode .pov-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}body.login-mode .pov-panel{border:1px solid #dce5ee;border-radius:9px;padding:12px;min-width:0}body.login-mode .pov-heading{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}body.login-mode .person-overview .pov-heading h4{font-size:13px!important;margin:0!important}body.login-mode .pov-heading>button{background:none;border:0;color:#003366;font-size:11px;cursor:pointer}body.login-mode .pov-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;margin:12px 0}body.login-mode .pov-facts div{min-width:0}body.login-mode .pov-facts dt{font-size:10px;color:#597087}body.login-mode .pov-facts dd{margin:3px 0 0;font-size:12px;overflow-wrap:anywhere}body.login-mode .pov-note{font-size:10px;color:#5b7186;line-height:1.5;margin:8px 0 0}body.login-mode .pov-counters{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0;font-size:10px}body.login-mode .pov-counters b{font-size:16px;margin-right:3px}body.login-mode .pov-action{display:block;width:100%;padding:7px 0;border:0;border-bottom:1px solid #e1e8ef;background:none;color:#003366;text-align:left;font-size:11px;cursor:pointer}body.login-mode .person-overview .pov-more{margin:5px 0 0!important}body.login-mode .person-overview .pov-more summary{padding:5px 0!important;font-size:11px}body.login-mode .pov-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}body.login-mode .pov-tile-title{display:flex;justify-content:space-between;font-size:12px;font-weight:600}body.login-mode .pov-tile-title i{font-style:normal}body.login-mode .pov-tiles .person-overview-tile{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #dce5ee;border-radius:9px;background:white;color:#003366;text-align:left;cursor:pointer;min-width:0}body.login-mode .person-overview-tile strong{font-size:17px;font-weight:600}body.login-mode .person-overview-tile small{font-size:10px;line-height:1.45}body.login-mode .pov-track,body.login-mode .pov-workbar{display:flex;overflow:hidden;height:5px;background:#e5eaf0;border-radius:5px}body.login-mode .pov-track i,body.login-mode .pov-workbar i{height:5px;background:#003366}body.login-mode .pov-workbar em{height:5px;background:#7196b5}body.login-mode .pov-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;margin-top:12px}body.login-mode .pov-identity .person-list-status{padding:3px 6px;border-radius:5px;background:#fff1cd;color:#735a24;font-size:10px}body.login-mode .pov-identity .person-list-status.active{background:#dceee3;color:#215c3b}@media(max-width:1100px){body.login-mode .pov-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){body.login-mode .pov-top-grid{grid-template-columns:1fr}body.login-mode .pov-identity{align-items:start;flex-direction:column}body.login-mode .pov-tiles{grid-template-columns:1fr}body.login-mode .pov-footer{align-items:start;flex-direction:column}}
body.login-mode .dossier-state-heading{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 10px;font-size:13px}body.login-mode .dossier-state-heading .section-data-hint{margin-left:3px}body.login-mode .person-overview-tile>.dossier-state-hint{align-self:flex-start;margin:0;max-width:100%;box-sizing:border-box;white-space:normal;font-size:10px!important}body.login-mode .pov-heading .dossier-state-hint{margin-left:6px}body.login-mode .dossier-state-hint{letter-spacing:normal}
/* Slim identity strip: one compact row where space permits. */
body.login-mode .person-overview .pov-identity{padding:8px 10px;gap:10px;margin-bottom:10px}body.login-mode .person-overview .pov-identity>div{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;min-width:0;flex:1}body.login-mode .person-overview .pov-identity .pov-eyebrow{display:none}body.login-mode .person-overview .pov-identity h4{font-size:13px!important;margin:0!important;line-height:1.4}body.login-mode .person-overview .pov-identity .pov-identity-tags{gap:7px;font-size:11px}body.login-mode .person-overview .pov-identity p{margin:0!important;font-size:11px;overflow-wrap:anywhere}body.login-mode .person-overview .pov-identity>.btn{padding:6px 10px!important;min-height:32px;white-space:nowrap;font-size:11px}body.login-mode .person-overview .pov-identity-tags .person-list-status{font-size:9px;padding:2px 5px}@media(max-width:760px){body.login-mode .person-overview .pov-identity{flex-direction:row;align-items:flex-start}body.login-mode .person-overview .pov-identity>div{gap:5px 9px}body.login-mode .person-overview .pov-identity p{flex-basis:100%}body.login-mode .person-overview .pov-identity>.btn{min-height:44px}}
body.login-mode .pov-tile-title{align-items:center;gap:8px}body.login-mode .pov-tile-title>i{display:none}body.login-mode .pov-corner-signal{display:inline-flex;gap:3px;align-items:center;margin-left:auto;flex-shrink:0;padding:3px 0}body.login-mode .pov-corner-signal i{display:block;width:6px;height:6px;border-radius:50%;background:#dce3ea}body.login-mode .pov-corner-signal .lit.red{background:#b94343}body.login-mode .pov-corner-signal .lit.yellow{background:#c69a32}body.login-mode .pov-corner-signal .lit.green{background:#257b55}
body.login-mode .section-data-hint.critical{background:#fbe6e4;color:#963c37}
body.login-mode .personnel-person:has(.person-list-status.inactive){color:#6e7b87;background:#f2f4f6;border-color:#e0e5ea}body.login-mode .personnel-person:has(.person-list-status.inactive) b{font-weight:400;color:#6e7b87}body.login-mode .personnel-person:has(.person-list-status.inactive) small{color:#7d8791}body.login-mode .personnel-person:has(.person-list-status.inactive) .personnel-avatar{background:#e8ecef;color:#77838d}body.login-mode .personnel-person.selected:has(.person-list-status.inactive){border-color:#7890a5;box-shadow:inset 3px 0 #7890a5}

/* Compact multiple project selection in the employment dossier. */
body.login-mode .assigned-project-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:8px 0 12px}body.login-mode .assigned-project-options .permission-choice{margin:0;display:flex;align-items:center;gap:8px}body.login-mode .assigned-project-options input{flex:0 0 auto;width:16px;height:16px}body.login-mode .project-assignments [role=status]:empty{display:none}@media(max-width:600px){body.login-mode .assigned-project-options{grid-template-columns:1fr}}

body.login-mode .project-commercial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}body.login-mode .project-commercial-grid fieldset{min-width:0;border:1px solid #d9e3ed;border-radius:10px;padding:10px}body.login-mode .project-commercial-grid legend{font-weight:600;font-size:13px}body.login-mode .project-commercial-grid .personnel-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.login-mode .project-commercial [role=status]:empty{display:none}@media(max-width:900px){body.login-mode .project-commercial-grid{grid-template-columns:1fr}}

body.login-mode .pd-page{max-width:1320px;margin:auto}body.login-mode .pd-paths,body.login-mode .pd-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.login-mode .pd-path{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;background:white;border:1px solid #d6e2ee;border-radius:12px;color:#063459;cursor:pointer}body.login-mode .pd-path:hover{background:#edf4fa;border-color:#7195b6}body.login-mode .pd-path>span:nth-child(2){flex:1}body.login-mode .pd-path b,body.login-mode .pd-row b{display:block;font-size:14px}body.login-mode .pd-path small,body.login-mode .pd-row small{display:block;font-size:12px;margin-top:4px;color:#52677b}body.login-mode .pd-icon{font-size:23px;background:#eaf1f7;border-radius:10px;padding:8px}body.login-mode .pd-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:14px 0;background:#dce6f0;border:1px solid #dce6f0;border-radius:10px;overflow:hidden}body.login-mode .pd-flow span{background:#f0f5f9;padding:10px 12px;font-size:12px}body.login-mode .pd-flow b{display:block;color:#063459;margin-bottom:3px}body.login-mode .pd-page .card{padding:16px;border-radius:12px}body.login-mode .pd-page h3{font-size:17px;margin:0 0 12px}body.login-mode .pd-page p{line-height:1.5}body.login-mode .pd-filterbar{display:flex;flex-wrap:wrap;gap:6px}body.login-mode .pd-filterbar .btn{padding:8px 10px}body.login-mode .pd-filterbar .active{background:#063459;color:white}body.login-mode .pd-search{display:block;max-width:440px;margin:12px 0}body.login-mode .pd-search input{width:100%;margin-top:5px}body.login-mode .pd-row{display:grid;grid-template-columns:2fr 1.3fr 1fr auto;gap:12px;align-items:center;width:100%;text-align:left;padding:12px 0;border:0;border-bottom:1px solid #e0e7ef;background:white;color:#063459;cursor:pointer}body.login-mode .pd-row:hover{background:#f2f6fa}body.login-mode .pd-state{font-size:12px}body.login-mode .pd-state.urgent{color:#a82727}body.login-mode .pd-state.waiting{color:#806010}body.login-mode .pd-state.review{color:#205d88}body.login-mode .pd-empty{padding:24px 10px;text-align:center;background:#f5f8fb;border-radius:10px}body.login-mode .pd-bottom{margin-top:12px}body.login-mode .pd-orientation{margin-bottom:14px}body.login-mode .pd-orientation>p{margin:6px 0}body.login-mode .pd-notes{font-size:12px;margin:12px 0;color:#51697d}body.login-mode .pd-boundary{padding:9px 12px;background:#edf3f8;border-left:3px solid #6d8aa5;font-size:12px}body.login-mode .pd-page .ri-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}body.login-mode .pd-page .ri-roles p{font-size:13px}body.login-mode .pd-page .ri-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}body.login-mode .pd-handover{border:1px solid #d9e3ed;border-radius:10px;background:white}body.login-mode .pd-handover>summary{padding:13px;font-weight:600;cursor:pointer}body.login-mode .pd-handover .card{border:0;margin:0}body.login-mode .pd-page .pn-layout{grid-template-columns:minmax(200px,260px) minmax(0,1fr)}body.login-mode .pd-page .pn-summary{padding:12px}body.login-mode .pd-page .pn-item{margin-bottom:6px}body.login-mode .pd-page .service-form-grid{gap:10px}body.login-mode .pd-page .service-form h3{font-size:16px}body.login-mode .pd-create>summary{color:#176e41;font-weight:600}body.login-mode .pd-page button:focus-visible{outline:3px solid #c39a38;outline-offset:2px}@media(max-width:760px){body.login-mode .pd-paths,body.login-mode .pd-bottom,body.login-mode .pd-page .ri-roles,body.login-mode .pd-page .ri-packages{grid-template-columns:1fr}body.login-mode .pd-flow{grid-template-columns:repeat(2,minmax(0,1fr))}body.login-mode .pd-row{grid-template-columns:1fr 1fr}body.login-mode .pd-page .pn-layout{grid-template-columns:1fr}}
body.login-mode .pd-shell{display:grid;grid-template-columns:218px minmax(0,1fr);gap:20px;margin-top:14px}body.login-mode .pd-rail{align-self:start;position:sticky;top:180px;background:white;border:1px solid #dbe5ed;border-radius:14px;padding:12px}body.login-mode .pd-rail-label{font-size:10px;letter-spacing:1px;color:#6c8091;margin:8px 8px 10px}body.login-mode .pd-rail>button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 8px;border:0;background:transparent;color:#244761;border-radius:8px;font-size:12px;cursor:pointer}body.login-mode .pd-rail>button svg{flex:none;width:20px;height:20px}body.login-mode .pd-rail>button.selected{background:#07385f;color:white}body.login-mode .pd-rail>button:hover:not(.selected){background:#edf3f8}body.login-mode .pd-rail details{font-size:12px;margin:16px 8px 4px;border-top:1px solid #e0e8ef;padding-top:12px}body.login-mode .pd-main{min-width:0}body.login-mode .pd-hero{background:linear-gradient(115deg,#062c4b,#124f75);color:white;padding:22px 24px;border-radius:14px;margin-bottom:14px}body.login-mode .pd-hero>span{color:#e0bb60;font-size:10px;letter-spacing:1px}body.login-mode .pd-hero h3{font-size:26px;line-height:1.2;color:white;margin:9px 0}body.login-mode .pd-hero p{font-size:13px;max-width:650px;margin:8px 0 0;color:#dae7f0}body.login-mode .pd-main .pd-path{min-height:94px}body.login-mode .pd-stage-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}body.login-mode .pd-stage{display:flex;gap:14px;align-items:center;background:white;border:1px solid #d9e3ed;border-radius:12px;padding:16px}body.login-mode .pd-stage>span{background:#edf3f8;color:#28577b;padding:10px;border-radius:10px}body.login-mode .pd-stage strong{display:block;font-size:24px;color:#083c66}body.login-mode .pd-stage small{font-size:12px;color:#536e85}body.login-mode .pd-primary{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}body.login-mode .pd-compose:not([open]){display:none}body.login-mode .pd-compose[open]>summary{display:none}body.login-mode .pd-case-actions button{display:inline-flex;align-items:center;gap:8px}body.login-mode .pd-empty-case{padding:18px;background:#edf3f8;border-radius:12px;font-size:13px}body.login-mode .pd-empty-case b{display:block;margin:8px 0}body.login-mode .pd-role-icon{display:inline-block;color:#396780;background:#edf4f9;border-radius:10px;padding:8px;margin-bottom:10px}body.login-mode .pd-handover-route{display:block;margin-top:5px;font-weight:400;color:#60788a;font-size:12px}body.login-mode .pd-main .ri-roles{grid-template-columns:repeat(2,minmax(0,1fr))}body.login-mode .pd-page .system-boundary{font-size:12px}@media(max-width:1000px){body.login-mode .pd-shell{grid-template-columns:180px minmax(0,1fr);gap:12px}body.login-mode .pd-paths{grid-template-columns:1fr}body.login-mode .pd-stage{padding:10px;gap:6px}body.login-mode .pd-stage>span{display:none}}@media(max-width:760px){body.login-mode .pd-shell{display:block}body.login-mode .pd-rail{position:static;display:none}body.login-mode .pd-stage-cards{gap:6px}body.login-mode .pd-main .ri-roles{grid-template-columns:1fr}body.login-mode .pd-hero h3{font-size:23px}body.login-mode .pd-hero{padding:18px}body.login-mode .pd-paths{grid-template-columns:1fr}}
body.login-mode .pd-step-action{border:0;background:#edf4f9;text-align:left;padding:12px;color:#07385f;cursor:pointer;font:inherit;font-size:12px;min-width:0}body.login-mode .pd-step-action>b{display:block}body.login-mode .pd-step-action:hover{background:#dceaf5}body.login-mode .pd-step-link{display:block;margin-top:9px;font-weight:600;text-decoration:underline;text-underline-offset:3px}body.login-mode .pd-action-hint{font-size:12px;color:#556f82;margin:6px 0 14px}body.login-mode .pd-stage-action{text-align:left;cursor:pointer;font:inherit}body.login-mode .pd-stage-action:hover{background:#edf4f9}body.login-mode .pd-action-feedback{border-left:3px solid #ba963b;background:#fff5d9;padding:12px 16px;margin:12px 0;border-radius:8px}body.login-mode .pd-action-feedback p{margin:0 0 8px}body.login-mode .pd-list-filter{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#edf4f9;padding:10px 12px;margin:10px 0;border-radius:8px}body.login-mode .pd-filter-empty{padding:16px;background:#f5f8fa}body.login-mode .pd-page [hidden]{display:none!important}
body.login-mode .linked-cases{margin:10px 0}body.login-mode .linked-cases .dossier-row{gap:12px}body.login-mode .linked-cases progress{display:block;width:150px;height:6px;margin-top:8px}body.login-mode .linked-case-detail{padding:12px}body.login-mode .linked-case-detail .pn-summary{display:flex;flex-wrap:wrap;gap:12px}body.login-mode .linked-case-detail input,body.login-mode .linked-case-detail select{max-width:100%}body.login-mode .linked-cases>summary{padding:12px;cursor:pointer;font-weight:600}
body.login-mode .linked-cases .dossier-row>span{min-width:0;overflow-wrap:anywhere;white-space:normal}body.login-mode .linked-cases .dossier-row small,body.login-mode .linked-cases .dossier-row b{white-space:normal;overflow-wrap:anywhere}@media(max-width:600px){body.login-mode .linked-cases .dossier-row{display:flex;flex-wrap:wrap}body.login-mode .linked-cases .dossier-row>span{flex:1 1 100%}body.login-mode .linked-cases .dossier-row>button{flex:0 0 auto}body.login-mode .linked-cases>label{display:block}body.login-mode .linked-cases select{width:100%;min-width:0}}
body.login-mode .area-purpose{margin:6px 0 12px;padding:9px 12px;border-left:3px solid #507d9e;background:#eaf2f8;border-radius:7px;font-size:12px;color:#264961}body.login-mode .area-purpose>summary{cursor:pointer;font-weight:600}body.login-mode .area-purpose>summary::after{content:' · Kurz erklärt';font-weight:400;color:#557389}body.login-mode .area-purpose p{max-width:900px;line-height:1.5;margin:10px 0}body.login-mode .area-purpose .record-toolbar{margin:8px 0 0}
body.login-mode .view-title .area-purpose-inline{display:inline-block;font-size:14px;font-weight:400;line-height:1.4;color:#526b80;margin-left:16px;padding-left:16px;border-left:1px solid #bdccda;vertical-align:middle;letter-spacing:normal}@media(max-width:700px){body.login-mode .view-title .area-purpose-inline{display:block;margin:5px 0 0;padding:0;border:0;font-size:13px}}

body.login-mode .rv-page{max-width:1320px;margin:auto}body.login-mode .rv-shell{display:grid;grid-template-columns:215px minmax(0,1fr);gap:20px;margin-top:14px}body.login-mode .rv-main{min-width:0}body.login-mode .rv-rail svg{width:20px;height:20px}body.login-mode .rv-hero{background:linear-gradient(115deg,#062e50,#175777);border-radius:14px;padding:22px;color:white}body.login-mode .rv-hero>span{font-size:10px;letter-spacing:1px;color:#e5c576}body.login-mode .rv-hero h3{font-size:25px;color:white;margin:9px 0}body.login-mode .rv-hero p{color:#dfebf3;font-size:13px;max-width:760px;margin:0;line-height:1.5}body.login-mode .rv-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}body.login-mode .rv-status{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #d6e3ec;background:white;border-radius:12px;padding:16px;color:#123f60;cursor:pointer}body.login-mode .rv-status>svg{width:28px;height:28px;flex:none}body.login-mode .rv-status strong{display:block;font-size:27px}body.login-mode .rv-status b{display:block;font-size:13px;margin:3px 0}body.login-mode .rv-status small{display:block;font-size:11px;color:#526f83}body.login-mode .rv-status.active{background:#e7f0f7;border-color:#437a9e;box-shadow:inset 0 3px #437a9e}body.login-mode .rv-inbox{background:white;border:1px solid #d9e4ed;border-radius:14px;padding:16px}body.login-mode .rv-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}body.login-mode .rv-section-head h3{margin:0;font-size:18px}body.login-mode .rv-controls{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-top:14px}body.login-mode .rv-controls label{font-size:12px;color:#526e83}body.login-mode .rv-controls select,body.login-mode .rv-controls input{display:block;width:100%;margin-top:5px;min-height:38px}body.login-mode .rv-record{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(140px,.65fr) 155px;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #e0e8ee}body.login-mode .rv-record-icon svg{width:24px;height:24px;color:#3d6e91}body.login-mode .rv-record-main h4{font-size:14px;margin:4px 0;color:#063459}body.login-mode .rv-record-main p{margin:0;font-size:12px}body.login-mode .rv-record-main small,body.login-mode .rv-record-state small{font-size:11px;color:#607a8e;display:block}body.login-mode .rv-record-state b{font-size:12px}body.login-mode .rv-record-state.assigned{color:#806418}body.login-mode .rv-record-state.returned{color:#a33131}body.login-mode .rv-record-actions{display:flex;flex-direction:column;gap:5px}body.login-mode .rv-record-actions .btn{font-size:12px;padding:8px}body.login-mode .rv-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}body.login-mode .rv-bottom .card{padding:16px;border-radius:12px}body.login-mode .rv-bottom h3{font-size:16px;margin:0 0 10px}body.login-mode .rv-bottom p{font-size:13px;line-height:1.5}body.login-mode .rv-bottom .btn{margin:3px}body.login-mode .rv-intro{display:flex;align-items:center;gap:12px;background:#eaf2f8;border-radius:12px;padding:14px;margin-bottom:14px}body.login-mode .rv-intro>svg{width:28px;height:28px;flex:none}body.login-mode .rv-intro p{flex:1;font-size:13px;margin:0;line-height:1.5}body.login-mode .rv-intro .btn{font-size:12px}body.login-mode .rv-main .admin-project-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.login-mode .rv-main .admin-project-cards>button{border-radius:12px;min-width:0;padding:16px}body.login-mode .rv-project-icon svg{width:24px;height:24px}body.login-mode .rv-main .approval-item{border:1px solid #d7e3ed;border-radius:12px;padding:16px;margin:12px 0}body.login-mode .rv-main .approval-item h3{font-size:16px;margin:0 0 8px}body.login-mode .rv-main .approval-item>label{display:inline-block;width:calc(50% - 10px);margin:6px 5px;font-size:12px;vertical-align:top}body.login-mode .rv-main .approval-item select,body.login-mode .rv-main .approval-item textarea{width:100%;display:block}body.login-mode .rv-main .approval-item textarea{height:65px}body.login-mode .rv-highlight{outline:2px solid #9bb4c7;outline-offset:2px}body.login-mode .rv-page button:focus-visible{outline:3px solid #b99134;outline-offset:2px}@media(max-width:1050px){body.login-mode .rv-shell{grid-template-columns:180px minmax(0,1fr);gap:12px}body.login-mode .rv-record{grid-template-columns:25px 1fr 145px}body.login-mode .rv-record-state{grid-column:2}body.login-mode .rv-record-actions{grid-column:3;grid-row:1 / span 2}body.login-mode .rv-status{padding:12px;gap:8px}body.login-mode .rv-status>svg{display:none}body.login-mode .rv-intro{flex-wrap:wrap}}@media(max-width:760px){body.login-mode .rv-shell{display:block}body.login-mode .rv-rail{display:none}body.login-mode .rv-status-grid{gap:6px}body.login-mode .rv-status{padding:10px}body.login-mode .rv-status strong{font-size:22px}body.login-mode .rv-status small{display:none}body.login-mode .rv-bottom,body.login-mode .rv-main .admin-project-cards{grid-template-columns:1fr}body.login-mode .rv-controls{grid-template-columns:1fr}body.login-mode .rv-record{grid-template-columns:22px minmax(0,1fr)}body.login-mode .rv-record-actions{grid-row:auto;grid-column:2;flex-direction:row;flex-wrap:wrap}body.login-mode .rv-record-state{grid-column:2}body.login-mode .rv-hero{padding:16px}body.login-mode .rv-hero h3{font-size:21px}body.login-mode .rv-main .approval-item>label{width:100%;margin:6px 0}}

/* The same design vocabulary as Personalabläufe and Prüfungen & Freigaben. */
body.login-mode .unified-admin{--ui-border:#d9e4ed;--ui-soft:#edf4f9;--ui-ink:#063459;--ui-muted:#526d82;--ui-radius:12px;font-family:Arial,'Segoe UI',sans-serif;color:var(--ui-ink);max-width:1320px;margin:auto}body.login-mode .unified-heading-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:10px;vertical-align:middle;color:#376d91}body.login-mode .unified-heading-icon svg{width:24px;height:24px}body.login-mode .unified-admin :is(h3,.sec-h){font-family:inherit;font-size:16px;line-height:1.4}body.login-mode .unified-admin :is(h4,.pov-tile-title){font-family:inherit;font-size:14px;line-height:1.4}body.login-mode .unified-admin .view-title{font-size:23px;line-height:1.35}body.login-mode .unified-admin :is(.card,.desk-panel,.co-card,.studio-panel,.person-overview-tile,.pov-attention,.pov-employment,.cr-status-card,.cr-record-actions>button){border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:0 1px 2px #10365105;background:white}body.login-mode .unified-admin :is(.btn,.admin-desk button,.personnel-actions button){border-radius:8px}body.login-mode .unified-admin .btn{font-family:inherit;min-height:36px;font-size:12px}body.login-mode .unified-admin :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid #ccdbe7;border-radius:7px;font-family:inherit;font-size:13px;color:var(--ui-ink)}body.login-mode .unified-admin :is(input:not([type=checkbox]):not([type=radio]),select){min-height:36px}body.login-mode .unified-admin .btn.green{background:#197a45;color:white;border-color:#197a45}body.login-mode .unified-admin .btn.navy{background:#07385f;color:white;border-color:#07385f}body.login-mode .unified-admin :is(.btn.ghost,.person-overview-tile){color:var(--ui-ink)}body.login-mode .unified-admin :is(button,a,input,select,textarea):focus-visible{outline:3px solid #bf9d42;outline-offset:2px}body.login-mode .unified-admin .view-sub{font-size:13px;color:var(--ui-muted);line-height:1.5}body.login-mode .unified-shell{display:grid;grid-template-columns:205px minmax(0,1fr);gap:18px;margin-top:14px}body.login-mode .unified-main{min-width:0}body.login-mode .unified-rail button svg{width:20px;height:20px;flex:none}body.login-mode .unified-intro{display:flex;align-items:center;gap:14px;border-radius:12px;padding:16px;background:linear-gradient(115deg,#062e50,#175777);color:white;margin-bottom:14px}body.login-mode .unified-intro>svg{width:28px;height:28px;flex:none}body.login-mode .unified-intro b{font-size:17px;display:block;margin-bottom:5px}body.login-mode .unified-intro span{font-size:12px;color:#deebf4}body.login-mode .unified-admin .studio-intro{background:linear-gradient(115deg,#062e50,#175777);border-radius:14px;padding:18px}body.login-mode .unified-admin .studio-intro h3{font-size:25px;margin:12px 0}body.login-mode .unified-admin .studio-overview{gap:12px;margin-top:12px;margin-bottom:16px;grid-template-columns:1fr 1.15fr}body.login-mode .unified-admin .studio-activity{grid-column:1 / -1}body.login-mode .unified-admin .studio-panel{padding:16px}body.login-mode .unified-admin .studio-panel h3{margin:10px 0 14px;font-size:16px}body.login-mode .unified-admin .studio-link{padding:13px 15px;gap:12px;font-family:inherit}body.login-mode .unified-admin .studio-link b{font-size:14px}body.login-mode .unified-admin .studio-catalog{border-radius:12px}body.login-mode .unified-admin .studio-catalog .studio-link{min-width:0}body.login-mode .unified-admin .studio-big strong{font-size:38px}body.login-mode .unified-admin .studio-detail-split{gap:14px}body.login-mode .unified-admin .message-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}body.login-mode .unified-admin .message-workspace .card{padding:16px}body.login-mode .unified-admin .message-compose .sec-h{font-size:16px}body.login-mode .unified-admin .message-channel{border-radius:9px;background:var(--ui-soft);padding:10px}body.login-mode .unified-admin .message-channel p{font-size:11px;line-height:1.5}body.login-mode .unified-admin .message-entry-bar{border-radius:10px;margin-bottom:12px}body.login-mode .unified-admin .message-history{min-width:0}body.login-mode .unified-admin .service-item{padding:16px}body.login-mode .unified-admin .ao-tile{border:1px solid var(--ui-border);border-radius:10px;padding:13px;background:white}body.login-mode .unified-admin .ao-tile:hover,body.login-mode .unified-admin .person-overview-tile:hover{background:#f2f7fb;border-color:#86a6bf}body.login-mode .unified-admin .ao-tile b{font-size:14px;font-family:inherit}body.login-mode .unified-admin .ao-tile .ao-icon{padding:7px;background:var(--ui-soft);border-radius:8px;box-sizing:content-box;width:20px;height:20px}body.login-mode .unified-admin .desk-panel{padding:16px}body.login-mode .unified-admin .cf-prepare button{border-radius:10px;background:var(--ui-soft)}body.login-mode .unified-admin .co-card{padding:16px}body.login-mode .unified-admin .personnel-layout{gap:14px}body.login-mode .unified-admin #personnel-detail{border-radius:12px;border:1px solid var(--ui-border);box-shadow:0 1px 3px #14395006}body.login-mode .unified-admin #personnel-list>button{border-radius:10px;border:1px solid var(--ui-border);font-family:inherit}body.login-mode .unified-admin #personnel-list>button.active{background:#e8f1f7;border-color:#7399b6;box-shadow:inset 3px 0 #174f77}body.login-mode .unified-admin .personnel-contact-group{border:1px solid var(--ui-border);border-radius:10px}body.login-mode .unified-admin .personnel-contact-group legend{font-size:14px;font-weight:600}body.login-mode .unified-admin .dossier-tabs{gap:4px}body.login-mode .unified-admin .dossier-tabs button{border-radius:7px;font-size:12px}body.login-mode .unified-admin .person-overview-tile{padding:13px}body.login-mode .unified-admin .person-overview-tile>strong{font-size:18px}body.login-mode .unified-admin .dossier-row{font-family:inherit;font-size:13px}body.login-mode .unified-admin .dossier-row small{color:var(--ui-muted)}@media(max-width:1100px){body.login-mode .unified-shell{grid-template-columns:180px minmax(0,1fr);gap:12px}body.login-mode .unified-admin .message-workspace{grid-template-columns:1fr}body.login-mode .unified-admin .studio-overview{grid-template-columns:1fr 1fr}body.login-mode .unified-admin .studio-intro{grid-row:auto}body.login-mode .unified-admin .studio-catalog{grid-template-columns:1fr}}@media(max-width:760px){body.login-mode .unified-shell{display:block}body.login-mode .unified-rail{display:none}body.login-mode .unified-admin .studio-overview,body.login-mode .unified-admin .studio-detail-split{grid-template-columns:1fr}body.login-mode .unified-admin .studio-activity{grid-column:auto}body.login-mode .unified-admin .view-title{font-size:21px}body.login-mode .unified-admin .message-workspace{grid-template-columns:1fr}body.login-mode .unified-heading-icon{margin-right:7px}}@media print{body.login-mode .unified-rail{display:none}body.login-mode .unified-shell{display:block}}
/* Finish card geometry where older view-specific rules were more specific. */
body.login-mode #app.unified-admin .message-workspace .card{border-radius:12px!important}body.login-mode #app.unified-admin .message-workspace .sec-h{text-transform:none;letter-spacing:0;font-size:16px}body.login-mode #app.unified-admin .studio-overview{grid-template-columns:.9fr 1.1fr 1.1fr;align-items:stretch}body.login-mode #app.unified-admin .studio-activity{grid-column:auto}body.login-mode #app.unified-admin .studio-intro h3{font-size:23px}body.login-mode #app.unified-admin .studio-panel{min-width:0}body.login-mode #app.unified-admin .studio-period{max-width:100%}body.login-mode #app.unified-admin .studio-period select{max-width:100%;min-width:0}body.login-mode #app.unified-admin .btn{border-radius:8px!important}@media(max-width:1150px){body.login-mode #app.unified-admin .studio-overview{grid-template-columns:1fr 1fr}body.login-mode #app.unified-admin .studio-activity{grid-column:1 / -1}}@media(max-width:760px){body.login-mode #app.unified-admin .studio-overview{grid-template-columns:1fr}body.login-mode #app.unified-admin .studio-activity{grid-column:auto}}

body.login-mode #app .portal-heading-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;color:#376d91;margin-right:10px;flex:0 0 24px;width:24px;height:24px;line-height:1}body.login-mode #app .portal-heading-icon svg{display:block;width:24px;height:24px;stroke-width:1.6;flex:none}body.login-mode #app .portal-heading-icon+span{vertical-align:middle}@media(max-width:700px){body.login-mode #app .portal-heading-icon{margin-right:8px}}@media print{body.login-mode #app .portal-heading-icon{color:inherit}}

@media(min-width:761px){body.login-mode.admin-session.has-area-rail #tabs .admin-secondary{display:none!important}body.login-mode.admin-session.has-area-rail :is(.rv-rail,.pd-shell>.pd-rail,.unified-rail){top:calc(var(--admin-header-height,62px) + var(--admin-nav-height,54px) + var(--admin-title-height,60px) + 12px);max-height:calc(100dvh - var(--admin-header-height,62px) - var(--admin-nav-height,54px) - var(--admin-title-height,60px) - 24px);overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:760px){body.login-mode.admin-session.has-area-rail #tabs .admin-secondary{display:flex!important}body.login-mode.admin-session.has-area-rail :is(.rv-rail,.pd-shell>.pd-rail,.unified-rail){display:none!important}}
body.login-mode .admin-session #tabs .area-location{display:flex;align-items:center;gap:10px;height:47px;min-height:47px;box-sizing:border-box;padding:0 24px;background:white;color:#526d82;font-size:12px;border-bottom:1px solid #e1e8ef}body.login-mode .admin-session #tabs .area-location strong{color:#063459;font-weight:600}@media(min-width:761px){body.login-mode .admin-session #tabs .admin-secondary{height:47px!important;min-height:47px!important;box-sizing:border-box;flex-wrap:nowrap!important;overflow-x:auto}}@media(max-width:760px){body.login-mode .admin-session.has-area-rail #tabs .area-location{display:none}}
/* A shared title baseline, independent of the content layout below it. */
@media(min-width:761px){body.login-mode.admin-session #app{padding-top:16px!important}body.login-mode.admin-session #app :is(.ao-page-header,.desk-heading,.desk-header){box-sizing:border-box;min-height:60px!important;margin-top:0!important;padding-top:8px!important;padding-bottom:8px!important;align-items:flex-start!important}body.login-mode.admin-session #app :is(.view-title,.desk-heading h2){font-size:23px!important;line-height:32px!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}body.login-mode.admin-session #app .desk-heading>div{margin-top:0!important}body.login-mode.admin-session #app .area-purpose-inline{line-height:20px}}
/* Compact shared chrome: consistent position with less space above the work. */
@media(min-width:761px){body.login-mode.admin-session #tabs :is(.admin-secondary,.area-location){height:36px!important;min-height:36px!important}body.login-mode.admin-session #tabs .admin-secondary{padding-top:2px!important;padding-bottom:2px!important}body.login-mode.admin-session #tabs .admin-secondary button{min-height:30px!important;padding:5px 12px!important}body.login-mode.admin-session #tabs .admin-primary{min-height:44px!important}body.login-mode.admin-session #tabs .admin-primary>button{min-height:44px!important;padding-top:8px!important;padding-bottom:8px!important}body.login-mode.admin-session #app{padding-top:8px!important}body.login-mode.admin-session #app :is(.ao-page-header,.desk-heading,.desk-header){min-height:44px!important;padding-top:4px!important;padding-bottom:4px!important;margin-bottom:8px!important}body.login-mode.admin-session #app :is(.view-title,.desk-heading h2){font-size:22px!important;line-height:30px!important}body.login-mode.admin-session #app #view-arrows button{min-height:30px!important;padding:5px 10px!important}body.login-mode.admin-session .desk-heading .view-sub{margin-top:0!important;margin-bottom:0!important}}
body.login-mode #app :is(.pd-hero,.rv-hero){padding:14px 18px}body.login-mode #app :is(.pd-hero,.rv-hero) h3{font-size:21px;line-height:1.2;margin:6px 0}body.login-mode #app :is(.pd-hero,.rv-hero)>p{font-size:12px;line-height:1.4;margin-top:5px}body.login-mode #app :is(.rv-shell,.pd-shell,.unified-shell){margin-top:8px}body.login-mode #app .pd-rail{padding:9px}body.login-mode #app .pd-rail>button{padding-top:9px;padding-bottom:9px}body.login-mode #app .pd-rail-label{margin-top:5px;margin-bottom:7px}body.login-mode #app .pd-orientation>p{font-size:12px}body.login-mode #app .pd-flow{margin:8px 0}body.login-mode #app .pd-step-action{padding:9px 10px}body.login-mode #app .pd-step-link{margin-top:5px}body.login-mode #app .pd-action-hint{margin:4px 0 8px;font-size:11px}body.login-mode #app .unified-intro{padding:12px 14px;margin-bottom:10px}body.login-mode #app .rv-intro{padding:10px 12px;margin-bottom:10px}

body.login-mode .day-desk{color:#063459}body.login-mode .day-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}body.login-mode .day-stat{display:flex;align-items:center;gap:14px;text-align:left;background:white;border:1px solid #d9e4ed;border-radius:12px;padding:14px 16px;color:#154462;cursor:pointer}body.login-mode .day-stat>svg{width:26px;height:26px;flex:none}body.login-mode .day-stat strong{display:block;font-size:26px;line-height:1.1}body.login-mode .day-stat b{display:block;font-size:12px;margin-top:5px}body.login-mode .day-stat.active{background:#e8f1f7;border-color:#5982a1;box-shadow:inset 0 3px #30658c}body.login-mode .day-stat.late strong{color:#a73333}body.login-mode .day-scope,body.login-mode .day-note{font-size:11px;line-height:1.5;color:#597286}body.login-mode .day-scope{margin:7px 0 12px}body.login-mode .day-shortcuts{display:flex;gap:6px;flex-wrap:wrap;padding:8px;background:white;border:1px solid #d9e4ed;border-radius:12px;margin-bottom:14px}body.login-mode .day-shortcuts button{display:flex;align-items:center;gap:7px;flex:1 1 auto;padding:8px;border:0;background:white;color:#164463;font-size:12px;cursor:pointer;border-radius:8px}body.login-mode .day-shortcuts button:hover{background:#edf4f9}body.login-mode .day-shortcuts svg{width:19px;height:19px}body.login-mode .day-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:14px;align-items:start}body.login-mode .day-card{background:white;border:1px solid #d9e4ed;border-radius:12px;padding:16px;min-width:0}body.login-mode .day-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}body.login-mode .day-card-title h3{display:flex;align-items:center;gap:8px;font-size:16px!important;margin:0}body.login-mode .day-card-title svg{width:21px;height:21px;flex:none;color:#376d91}body.login-mode .day-card-title>span,body.login-mode .day-card-title>small{font-size:11px;color:#597286}body.login-mode .day-filters{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:end;gap:10px;margin-bottom:8px}body.login-mode .day-filters label{font-size:11px;color:#597286}body.login-mode .day-filters input,body.login-mode .day-filters select{display:block;width:100%;margin-top:5px}body.login-mode .day-task{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;border-top:1px solid #e0e8ef;padding:12px 0;align-items:center}body.login-mode .day-task h4{font-size:14px!important;margin:4px 0}body.login-mode .day-task small{font-size:11px;color:#597286}body.login-mode .day-task p{font-size:12px;line-height:1.4;margin:4px 0}body.login-mode .day-task-action{display:flex;flex-direction:column;align-items:end;gap:7px;font-size:11px;color:#597286}body.login-mode .day-task-action .day-late{color:#ab3434}body.login-mode .day-aside{display:grid;gap:14px}body.login-mode .day-mini{display:block;width:100%;border:0;border-bottom:1px solid #e0e8ef;background:white;text-align:left;padding:10px 0;color:#164463;cursor:pointer}body.login-mode .day-mini:hover{background:#f0f5f9}body.login-mode .day-mini b{display:block;font-size:13px}body.login-mode .day-mini span,body.login-mode .day-mini small{display:block;font-size:11px;margin-top:4px;color:#597286}body.login-mode .day-completed{margin-top:14px}body.login-mode #day-completed{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}body.login-mode .day-desk button:focus-visible{outline:3px solid #bc993c;outline-offset:2px}@media(max-width:1000px){body.login-mode .day-workspace{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}body.login-mode .day-stat{padding:12px;gap:8px}body.login-mode .day-filters{grid-template-columns:1fr 1fr}body.login-mode .day-task{grid-template-columns:1fr}body.login-mode .day-task-action{flex-direction:row;justify-content:space-between;align-items:center}}@media(max-width:760px){body.login-mode .day-summary{grid-template-columns:1fr 1fr;gap:8px}body.login-mode .day-workspace{grid-template-columns:1fr}body.login-mode .day-shortcuts button{flex:1 1 40%}body.login-mode .day-stat strong{font-size:23px}body.login-mode #day-completed{grid-template-columns:1fr 1fr}body.login-mode .day-filters{grid-template-columns:1fr}body.login-mode .day-card{padding:13px}}
body.login-mode .day-health{margin:8px 0 12px}body.login-mode .day-health-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}body.login-mode .day-health-head h3{margin:0;font-size:17px}body.login-mode .day-health-head>b{font-size:12px}body.login-mode .day-signal{display:flex;gap:5px;background:#e8eef3;border-radius:20px;padding:6px 8px}body.login-mode .day-signal i{width:9px;height:9px;background:#ccd7df;border-radius:50%}body.login-mode .day-signal .lit.red{background:#bd3838}body.login-mode .day-signal .lit.yellow{background:#c49832}body.login-mode .day-signal .lit.green{background:#228052}body.login-mode .day-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body.login-mode .day-health-card{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px 10px;border:1px solid #d9e4ed;border-radius:12px;background:white;padding:14px;text-align:left;color:#063459;cursor:pointer;font:inherit}body.login-mode .day-health-card>svg{width:22px;height:22px;grid-row:span 2}body.login-mode .day-health-card>b{font-size:14px}body.login-mode .day-health-card>span{font-size:14px}body.login-mode .day-health-card>progress,body.login-mode .day-health-card>div,body.login-mode .day-health-card>small,body.login-mode .day-health-card>em{grid-column:2}body.login-mode .day-health-card progress{height:7px;width:100%;accent-color:#43789f;margin:3px 0}body.login-mode .day-health-card small,body.login-mode .day-no-progress{font-size:11px;color:#597286;line-height:1.5}body.login-mode .day-health-card em{font-size:12px;font-style:normal;margin-top:4px}body.login-mode .day-review-bar{height:7px;margin:3px 0;background:#e9eff5;border-radius:10px;overflow:hidden}body.login-mode .day-review-bar i{display:block;height:100%;background:#b89839}body.login-mode .day-health-card:hover{background:#f5f8fb}@media(max-width:760px){body.login-mode .day-health-grid{grid-template-columns:1fr}body.login-mode .day-health-head{flex-wrap:wrap}}
body.login-mode .day-preparation-signals{background:#fff4d5;border-radius:8px;padding:10px 12px;margin:8px 0;font-size:12px}body.login-mode .day-preparation-signals>summary{font-weight:600;cursor:pointer;color:#765514}body.login-mode .day-preparation-signals .day-mini{background:transparent}body.login-mode .day-preparation .day-mini small{line-height:1.5}

/* Compact work rows, with readable metadata and a separate action. */
body.login-mode .day-work{padding:12px}body.login-mode .day-work .day-card-title{margin-bottom:8px}
body.login-mode .day-task{padding:8px 0;gap:10px;grid-template-columns:minmax(0,1fr) auto}
body.login-mode .day-task-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3px 12px;align-items:center;min-width:0}
body.login-mode .day-task-info>small:first-child,body.login-mode .day-task-info>h4{grid-column:1}body.login-mode .day-task-info>small:first-child{grid-row:1}body.login-mode .day-task-info>h4{grid-row:2;margin:0;font-size:13px!important;line-height:1.4}
body.login-mode .day-task-info>p{grid-column:2;grid-row:1;margin:0;font-size:11px;line-height:1.4}body.login-mode .day-task-info>small:last-child{grid-column:2;grid-row:2}body.login-mode .day-task-info>*{overflow-wrap:anywhere}
body.login-mode .day-task-action{gap:3px}body.login-mode .day-task-action .btn{padding:6px 9px;font-size:11px;min-height:30px}body.login-mode .day-work .day-filters{gap:8px}body.login-mode .day-work .day-filters input,body.login-mode .day-work .day-filters select{margin-top:3px}
body.login-mode .day-upcoming-group h4{font-size:12px;margin:10px 0 2px;display:flex;justify-content:space-between;gap:8px}body.login-mode .day-upcoming-group h4 span{font-weight:400;color:#597286}body.login-mode .day-upcoming-group .day-mini{padding:7px 0}body.login-mode .day-upcoming-group .day-note{margin:5px 0}
@media(max-width:1150px){body.login-mode .day-task-info{grid-template-columns:1fr}body.login-mode .day-task-info>p,body.login-mode .day-task-info>small:last-child{grid-column:1;grid-row:auto}}
@media(max-width:760px){body.login-mode .day-task{grid-template-columns:minmax(0,1fr)}body.login-mode .day-task-action{flex-direction:row;align-items:center;justify-content:space-between}}

/* Shared compact spacing across administration work areas. */
body.login-mode .rv-shell,body.login-mode .pd-shell,body.login-mode .unified-shell{gap:14px;margin-top:10px}
body.login-mode .rv-inbox,body.login-mode .rv-main .approval-item,body.login-mode .pd-page .card,body.login-mode #app.unified-admin .studio-panel,body.login-mode #app.unified-admin .message-workspace .card,body.login-mode #app.unified-admin .service-item{padding:12px}
body.login-mode .rv-hero,body.login-mode .pd-hero,body.login-mode .unified-intro,body.login-mode #app.unified-admin .studio-intro{padding:14px 16px}
body.login-mode .rv-hero h3,body.login-mode .pd-hero h3{font-size:22px;margin:5px 0}body.login-mode .rv-hero p,body.login-mode .pd-hero p{margin-top:5px}
body.login-mode .rv-status-grid,body.login-mode .pd-stage-cards{gap:8px;margin:10px 0}body.login-mode .rv-status,body.login-mode .pd-stage{padding:10px 12px;gap:10px}body.login-mode .rv-status strong,body.login-mode .pd-stage strong{font-size:24px;line-height:1.15}
body.login-mode .rv-controls{margin-top:8px;gap:10px}body.login-mode .rv-controls label{font-size:11px}body.login-mode .rv-controls input,body.login-mode .rv-controls select{margin-top:3px;min-height:34px}
body.login-mode .rv-record{grid-template-columns:24px minmax(0,1fr) minmax(105px,.4fr) auto;gap:10px;padding:8px 0}
body.login-mode .rv-record-main h4{margin:2px 0;font-size:13px}body.login-mode .rv-record-main p{font-size:11px}body.login-mode .rv-record-main small{line-height:1.3}body.login-mode .rv-record-state{grid-column:auto;grid-row:auto}
body.login-mode .rv-record-actions{grid-column:auto;grid-row:auto;flex-direction:row;align-items:center;gap:6px}body.login-mode .rv-record-actions .btn{font-size:11px;padding:6px 9px;min-height:32px;white-space:nowrap}
body.login-mode .rv-bottom{margin-top:10px;gap:10px}body.login-mode .rv-bottom .card{padding:12px}body.login-mode .rv-bottom h3{margin-bottom:6px}body.login-mode .rv-bottom p{margin:6px 0}
body.login-mode .rv-intro{padding:10px 12px;margin-bottom:10px}body.login-mode .rv-main .admin-project-cards{gap:10px}body.login-mode .rv-main .admin-project-cards>button{padding:12px}
body.login-mode .pd-main .pd-path{min-height:72px;padding:10px 12px;gap:10px}body.login-mode .pd-path small,body.login-mode .pd-row small{margin-top:2px;font-size:11px}body.login-mode .pd-row{padding:8px 0;gap:10px}body.login-mode .pd-page h3{margin-bottom:8px}body.login-mode .pd-flow{margin:10px 0}body.login-mode .pd-step-action{padding:9px 10px}body.login-mode .pd-step-link{margin-top:5px}body.login-mode .pd-empty{padding:14px 10px}
body.login-mode #app.unified-admin .studio-link{padding:9px 12px;gap:9px}body.login-mode #app.unified-admin .studio-panel h3{margin:6px 0 9px}body.login-mode #app.unified-admin .person-overview-tile{padding:10px}body.login-mode #app.unified-admin .personnel-layout{gap:10px}body.login-mode #app.unified-admin .dossier-row{padding-top:7px;padding-bottom:7px}
body.login-mode .day-card{padding:12px}body.login-mode .day-card-title{margin-bottom:8px}body.login-mode .day-summary{gap:8px}body.login-mode .day-stat{padding:10px 12px;gap:10px}body.login-mode .day-stat strong{font-size:24px}body.login-mode .day-stat b{margin-top:3px}body.login-mode .day-health-card{padding:10px 12px;gap:4px 9px}body.login-mode .day-aside{gap:10px}body.login-mode .day-mini{padding:7px 0}body.login-mode .day-mini span,body.login-mode .day-mini small{margin-top:2px}
@media(min-width:1200px){body.login-mode .day-aside{grid-template-columns:1fr 1fr}body.login-mode .day-preparation{grid-column:1 / -1}body.login-mode .day-aside>.day-card{min-width:0}body.login-mode .day-aside .day-card-title{flex-wrap:wrap}body.login-mode .day-aside .day-card-title h3{font-size:14px!important}body.login-mode .day-aside .btn{white-space:normal}body.login-mode .day-upcoming{display:grid;grid-template-columns:1fr 1fr;gap:12px}body.login-mode .day-upcoming-group{min-width:0}}
@media(min-width:761px) and (max-width:1150px){body.login-mode .rv-record{grid-template-columns:22px minmax(0,1fr) auto}body.login-mode .rv-record-state{grid-column:2;grid-row:2}body.login-mode .rv-record-actions{grid-column:3;grid-row:1 / span 2;flex-direction:column}}
@media(max-width:760px){body.login-mode .rv-record{grid-template-columns:22px minmax(0,1fr)}body.login-mode .rv-record-state{grid-column:2;grid-row:auto}body.login-mode .rv-record-actions{grid-column:2;grid-row:auto;flex-direction:row;flex-wrap:wrap}body.login-mode .rv-record-actions .btn{min-height:36px}body.login-mode .rv-status,body.login-mode .pd-stage{padding:9px}body.login-mode .day-card{padding:11px}}

/* Field captions stay in document flow, with room for the focus outline. */
body.login-mode #app.admin-field-layout label:has(> select),
body.login-mode #app.admin-field-layout label:has(> textarea),
body.login-mode #app.admin-field-layout label:has(> input:not([type=checkbox]):not([type=radio]):not([type=hidden])){display:block;line-height:1.45;min-width:0;max-width:100%;height:auto;overflow:visible}
body.login-mode #app.admin-field-layout label>select,
body.login-mode #app.admin-field-layout label>textarea,
body.login-mode #app.admin-field-layout label>input:not([type=checkbox]):not([type=radio]):not([type=hidden]){display:block;margin-top:6px;margin-bottom:0;box-sizing:border-box;max-width:100%;min-width:0;line-height:1.4}
body.login-mode #app.admin-field-layout label>select,
body.login-mode #app.admin-field-layout label>input:not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:36px;height:auto;padding:7px 10px}
body.login-mode #app.admin-field-layout :is(input,select,textarea):focus-visible{outline:2px solid #376d91;outline-offset:2px}
body.login-mode #app.admin-field-layout .record-toolbar{align-items:flex-end;gap:10px;flex-wrap:wrap}
body.login-mode #app.admin-field-layout .record-toolbar>label{margin-top:0;margin-bottom:0}
body.login-mode #app.admin-field-layout .record-toolbar>.btn{min-height:36px;margin-top:0;margin-bottom:0;box-sizing:border-box}
body.login-mode #app.admin-field-layout :is(.rv-controls,.day-filters,.service-form-grid){align-items:end;row-gap:12px}
body.login-mode #app.admin-field-layout :is(.personnel-contact-group,.service-form-grid) label{min-width:0}
body.login-mode #app.admin-field-layout .dossier-row>span{min-width:0;white-space:normal;overflow-wrap:anywhere;flex:1} body.login-mode #app.admin-field-layout .dossier-row>.btn{flex-shrink:0} @media(max-width:600px){body.login-mode #app.admin-field-layout .dossier-row{display:flex;flex-wrap:wrap;gap:8px}}


 body.login-mode .eh-home .eh-main{width:100%;max-width:none;margin:0;padding:0}
 body.login-mode .eh-home{max-width:1240px;margin:28px auto 48px;color:#12304d;font-size:14px}
 body.login-mode .eh-home h1,body.login-mode .eh-home h2,body.login-mode .eh-home p{margin:0}body.login-mode .eh-home button{font:inherit;cursor:pointer}body.login-mode .eh-home button:focus-visible{outline:3px solid #277da6;outline-offset:3px}
 body.login-mode .eh-greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}body.login-mode .eh-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#60768b}body.login-mode .eh-greeting h1{font-size:32px;line-height:1.4;letter-spacing:-.8px}body.login-mode .eh-greeting h1 span{color:#1e7d46}body.login-mode .eh-greeting p{color:#64788a;font-size:13px;margin-top:3px}body.login-mode .eh-date{text-align:right}body.login-mode .eh-date time{font-size:13px;font-weight:600}
 body.login-mode .eh-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px}body.login-mode .eh-main,body.login-mode .eh-aside{min-width:0}body.login-mode .eh-focus{background:#003366;color:white;border-radius:18px;padding:26px 28px;position:relative;overflow:hidden}body.login-mode .eh-focus .eh-eyebrow{color:#b9cfe0}body.login-mode .eh-focus h2{font-size:24px;letter-spacing:-.5px;margin:8px 0}body.login-mode .eh-focus p{color:#cedde8;font-size:13px}body.login-mode .eh-counters{display:flex;gap:32px;border-top:1px solid #ffffff29;margin-top:23px;padding-top:17px}body.login-mode .eh-counters button{display:flex;align-items:center;gap:12px;border:0;background:none;color:white;text-align:left;padding:0}body.login-mode .eh-counters strong{font-size:29px;line-height:1}body.login-mode .eh-counters span{font-size:12px;max-width:110px;line-height:1.5}
 body.login-mode .eh-section{margin-top:27px}body.login-mode .eh-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}body.login-mode .eh-home h2{font-size:16px;font-weight:700}body.login-mode .eh-focus h2{font-size:24px}body.login-mode .eh-section-head>button{border:0;background:none;color:#365b7d;padding:6px 0;font-size:12px}body.login-mode .eh-section-head>span{font-size:11px;color:#657b8c}
 body.login-mode .eh-row{width:100%;display:flex;align-items:center;gap:13px;text-align:left;background:white;border:0;border-bottom:1px solid #e6ecf1;padding:16px 15px;color:#183951;min-height:74px}body.login-mode .eh-row:first-child{border-radius:12px 12px 0 0}body.login-mode .eh-row:last-child{border-radius:0 0 12px 12px}body.login-mode .eh-row:only-child{border-radius:12px}body.login-mode .eh-row:hover{background:#edf3f8}body.login-mode .eh-row-mark{width:30px;height:30px;border:1px solid #dce6ef;border-radius:9px;display:grid;place-items:center;flex-shrink:0;color:#003366;font-size:20px}body.login-mode .eh-row-content{flex:1;min-width:0}body.login-mode .eh-row-content strong{font-size:13px;display:block;line-height:1.5}body.login-mode .eh-row-content small{display:block;color:#6b7e8e;margin-top:4px;font-size:11px;line-height:1.5}body.login-mode .eh-row-meta{font-size:10px;color:#657b8c;white-space:nowrap}body.login-mode .eh-unread .eh-row-mark{background:#e6eff7}body.login-mode .eh-unread .eh-row-meta{color:#003366;font-weight:600}body.login-mode .eh-empty{background:#edf3f7;border-radius:12px;padding:20px;display:flex;gap:14px;align-items:center;font-size:13px}body.login-mode .eh-empty>span{font-size:22px;color:#1e7d46}body.login-mode .eh-empty p{font-size:12px;color:#64788a;margin-top:5px}body.login-mode .eh-footnote{display:block;color:#6c7d8c;font-size:10px;margin-top:9px;line-height:1.5}
 body.login-mode .eh-time,body.login-mode .eh-documents{background:white;border:1px solid #dfe7ee;border-radius:15px;padding:20px}body.login-mode .eh-time .start-today-main{display:grid;grid-template-columns:1fr 85px;gap:12px;margin:0;padding:4px 0 12px;border:0;align-items:center}body.login-mode .eh-time .start-today-main>div:first-child{min-width:0}body.login-mode .eh-time .today-time-label{display:none}body.login-mode .eh-time .start-hours{font-size:26px;color:#003366}body.login-mode .eh-time .start-hours small{font-size:13px}body.login-mode .eh-time .start-today-main p{font-size:11px;line-height:1.4;color:#64788a;margin:4px 0 14px}body.login-mode .eh-time .btn.green{padding:10px 12px;border-radius:8px;font-size:12px;background:#1e7d46;color:white;min-height:40px}body.login-mode .eh-time .start-week{color:#003366;text-align:center}body.login-mode .eh-time .start-week>span,body.login-mode .eh-time .start-week>small{font-size:9px;color:#61788c;line-height:1.4}body.login-mode .eh-time .start-ring{width:64px;height:64px;margin:auto auto 5px}body.login-mode .eh-time .start-ring svg{width:64px;height:64px}body.login-mode .eh-time .start-ring circle{stroke:#e0e9f0}body.login-mode .eh-time .start-ring circle+circle{stroke:#003366}body.login-mode .eh-time .start-ring strong{font-size:18px;color:#003366}body.login-mode .eh-time .today-week-details{border-top:1px solid #e5ebf0;margin:0;padding-top:12px;color:#003366}body.login-mode .eh-time summary{font-size:11px;cursor:pointer}body.login-mode .eh-time .start-week-days{gap:3px;margin-top:12px}body.login-mode .eh-time .start-week-days button{color:#003366;background:#f2f6f9;border:1px solid #dce5ed;padding:8px 1px;font-size:10px;min-width:0}body.login-mode .eh-time .start-schedule-note{color:#64788a;font-size:9px}body.login-mode .eh-documents{margin-top:18px;padding-bottom:8px}body.login-mode .eh-documents .eh-row{padding:13px 0}body.login-mode .eh-documents .eh-row-mark{border:0;background:#eff4f8}body.login-mode .eh-documents .eh-row-content strong{font-size:12px;overflow-wrap:anywhere}body.login-mode .eh-actions{padding:23px 5px}body.login-mode .eh-actions h2{margin-bottom:12px}body.login-mode .eh-actions>button{display:flex;justify-content:space-between;width:100%;padding:12px 0;background:none;border:0;border-bottom:1px solid #dfe7ee;color:#254a6c;text-align:left;font-size:12px}body.login-mode .eh-status{margin-top:25px}body.login-mode .eh-status h2{margin-bottom:12px}body.login-mode #eh-status{display:flex;gap:14px}body.login-mode #eh-status button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #dce5ec;background:transparent;border-radius:10px;padding:12px 16px;color:#244660;flex:1}body.login-mode #eh-status strong{font-size:24px;color:#003366}body.login-mode #eh-status small{display:block;font-size:10px;margin-top:3px;color:#657b8c}body.login-mode #eh-status button>span:last-child{margin-left:auto}
 body.login-mode.dark .eh-home{color:#dae5ef}body.login-mode.dark .eh-row,body.login-mode.dark .eh-time,body.login-mode.dark .eh-documents{background:#16212e;color:#dae5ef;border-color:#304254}body.login-mode.dark .eh-empty{background:#1b2b3b;color:#dae5ef}body.login-mode.dark .eh-actions>button,body.login-mode.dark .eh-section-head>button,body.login-mode.dark #eh-status button{color:#c8dced}body.login-mode.dark .eh-time .start-hours,body.login-mode.dark .eh-time .start-ring strong,body.login-mode.dark .eh-time summary,body.login-mode.dark #eh-status strong{color:#c8dced}

/* Shared employee design, using the administration's geometry. */
body.login-mode #app.employee-unified{max-width:1320px;margin:auto;padding:12px 20px 36px;box-sizing:border-box;color:var(--ink);font-family:Arial,'Segoe UI',sans-serif}
body.login-mode .employee-unified .view-title{font-size:22px;line-height:30px;margin:0 0 10px;padding:4px 0 10px;border-bottom:1px solid var(--line)}
body.login-mode .employee-unified .view-sub{font-size:13px;line-height:1.5;margin:6px 0 12px}body.login-mode .employee-unified :is(h3,.sec-h){font-size:16px;line-height:1.4;text-transform:none;letter-spacing:0}
body.login-mode #app.employee-unified :is(.card,.report-row,.ev-summary,.ev-task-overview,.ev-task-card,.ev-week-chart,.ev-favourite-settings){border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:none;min-width:0}
body.login-mode #app.employee-unified :is(.btn,input,select,textarea){border-radius:7px;box-sizing:border-box;font-family:inherit;max-width:100%}
body.login-mode #app.employee-unified .btn{font-size:12px;min-height:36px;padding:8px 12px}body.login-mode #app.employee-unified .btn.green{background:#197a45;color:white;border-color:#197a45}
body.login-mode #app.employee-unified label{font-size:12px;line-height:1.5}body.login-mode #app.employee-unified label:has(>select),body.login-mode #app.employee-unified label:has(>textarea),body.login-mode #app.employee-unified label:has(>input:not([type=checkbox]):not([type=radio])){display:block;min-width:0;height:auto}
body.login-mode #app.employee-unified label>select,body.login-mode #app.employee-unified label>textarea,body.login-mode #app.employee-unified label>input:not([type=checkbox]):not([type=radio]){display:block;margin-top:6px}
body.login-mode #app.employee-unified label[for]{margin-bottom:6px}body.login-mode #app.employee-unified :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:36px;font-size:13px;line-height:1.4;padding:8px 10px}
body.login-mode #app.employee-unified :is(button,input,select,textarea,a):focus-visible{outline:2px solid #376d91;outline-offset:2px}
body.login-mode #app.employee-unified :is(.ev-form-layout,.ev-document-layout,.ev-service-columns,.ev-settings-grid){gap:14px}body.login-mode #app.employee-unified .ev-summary{margin-bottom:12px}body.login-mode .employee-unified .ev-summary h3{margin:3px 0}body.login-mode .employee-unified .ev-chart svg{width:64px;height:64px}
body.login-mode .employee-unified .eh-home{margin:0;max-width:none;color:var(--ink)}body.login-mode .employee-unified .eh-greeting{margin-bottom:12px;min-height:44px}body.login-mode .employee-unified .eh-greeting h1{font-size:24px}body.login-mode .employee-unified .eh-layout{grid-template-columns:minmax(0,1fr) 340px;gap:14px}body.login-mode .employee-unified .eh-focus{padding:14px 16px;border-radius:12px;background:linear-gradient(115deg,#062e50,#175777)}body.login-mode .employee-unified .eh-focus h2{font-size:20px}body.login-mode .employee-unified .eh-counters{margin-top:12px;padding-top:10px;gap:20px}body.login-mode .employee-unified .eh-counters strong{font-size:24px}body.login-mode .employee-unified .eh-section{margin-top:16px}body.login-mode .employee-unified .eh-row{min-height:58px;padding:9px 12px;gap:9px}body.login-mode .employee-unified .eh-empty{padding:12px}body.login-mode .employee-unified .eh-time,body.login-mode .employee-unified .eh-documents{padding:12px;border-radius:12px}body.login-mode .employee-unified .eh-actions{padding:14px 0}body.login-mode .employee-unified .eh-documents{margin-top:12px}body.login-mode .employee-unified .eh-status{margin-top:16px}body.login-mode .employee-unified .eh-row-content strong{overflow-wrap:anywhere}
body.login-mode .employee-nav-main button{display:flex;gap:7px;align-items:center;justify-content:center}body.login-mode .employee-nav-main svg{width:19px;height:19px;flex:none}body.login-mode .employee-nav-sub{min-height:40px;box-sizing:border-box}body.login-mode .employee-nav-sub button{padding:8px 12px!important;min-height:34px!important}
body.login-mode .employee-unified .eu-mobile-section{display:none}
@media(min-width:900px){body.login-mode .employee-unified .ev-form-layout{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}body.login-mode .employee-unified .ev-task-grid{gap:12px}body.login-mode .employee-unified .ev-task-card p{margin:9px 0}body.login-mode .employee-unified .ev-summary{padding:12px 14px}}
@media(max-width:899px){body.login-mode #app.employee-unified{padding:12px 14px 100px}body.login-mode .employee-unified .eh-layout{display:flex;flex-direction:column}body.login-mode .employee-unified .eh-aside{display:contents}body.login-mode .employee-unified .eh-time{order:-1}body.login-mode .employee-unified .eh-main{width:100%;min-width:0}body.login-mode .employee-unified .eh-documents{margin:0}body.login-mode .employee-unified .eh-greeting{align-items:start;gap:12px}body.login-mode .employee-unified .eh-date p{display:none}body.login-mode .employee-unified .eh-greeting h1{font-size:22px}body.login-mode .employee-unified .eh-date time{font-size:11px}body.login-mode .employee-unified .eh-row-meta{white-space:normal;max-width:70px}body.login-mode .employee-unified .eh-counters span{font-size:12px}body.login-mode .employee-unified .eh-time .btn.green{min-height:44px}body.login-mode .employee-unified .eh-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0}body.login-mode .employee-unified .eh-actions h2{grid-column:1 / -1;margin:0}body.login-mode .employee-unified .eh-actions>button{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
body.login-mode .employee-unified .ev-task-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}body.login-mode .employee-unified .ev-task-card{text-align:left;background:var(--card);color:var(--ink)}body.login-mode .employee-unified .ev-task-card>span{display:flex;justify-content:space-between}body.login-mode .employee-unified .ev-task-card p{font-size:12px;line-height:1.5}body.login-mode .employee-unified .ev-task-card progress{width:100%;height:6px}body.login-mode .employee-unified .ev-task-overview{margin-bottom:12px}body.login-mode .employee-unified .ev-task-overview>p{font-size:12px;line-height:1.5}body.login-mode .employee-unified .ev-chart{display:flex;align-items:center;gap:14px}body.login-mode .employee-unified .ev-chart circle{fill:none;stroke-width:9}body.login-mode .employee-unified .ev-track{stroke:#dce6ef}body.login-mode .employee-unified .ev-arc{transform:rotate(-90deg);transform-origin:40px 40px}body.login-mode .employee-unified .ev-tone-0{stroke:#003366}body.login-mode .employee-unified .ev-tone-1{stroke:#779cba}body.login-mode .employee-unified .ev-tone-2{stroke:#197a45}body.login-mode .employee-unified .ev-legend{display:grid;gap:6px;flex:1;font-size:12px}body.login-mode .employee-unified .ev-legend b{float:right;margin-left:10px}
body.login-mode #app.employee-unified .btn{min-height:44px}body.login-mode #app.employee-unified :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:44px;font-size:16px}body.login-mode #app.employee-unified .view-title{font-size:21px}body.login-mode .employee-unified .ev-service-columns,body.login-mode .employee-unified .ev-form-layout,body.login-mode .employee-unified .ev-document-layout{display:block}body.login-mode .employee-unified .eu-mobile-section{display:block;margin:0 0 12px}body.login-mode .employee-unified .eu-mobile-section select{width:100%}body.login-mode .employee-unified .eh-focus{display:block}body.login-mode .employee-unified .ev-home-chart{display:none}}
@media(max-width:400px){body.login-mode .employee-unified .ev-task-grid{grid-template-columns:1fr}body.login-mode .employee-unified .eh-eyebrow{font-size:10px}body.login-mode .employee-unified .eh-greeting{flex-wrap:wrap}body.login-mode .employee-unified #eh-status{gap:8px}body.login-mode .employee-unified #eh-status button{padding:10px;gap:8px}}

body.login-mode .employee-nav-sub.eu-location{display:flex;align-items:center;padding:8px max(20px,calc((100vw - 1320px)/2));font-size:12px;color:#597286}
body.login-mode .employee-unified .eu-page-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;border-bottom:1px solid var(--line)}body.login-mode .employee-unified .eu-page-head .view-title{border:0;margin:0;min-width:0;flex:1}body.login-mode .employee-unified .eu-page-head #view-arrows{margin:0;padding:0;gap:5px;flex:none}body.login-mode .employee-unified #view-arrows button{font-size:11px;padding:6px 8px;min-height:34px}
@media(max-width:767px){body.login-mode .employee-unified .eu-page-head{flex-wrap:wrap}body.login-mode .employee-unified .eu-page-head .view-title{flex-basis:100%;padding-bottom:2px}body.login-mode .employee-unified .eu-page-head #view-arrows{justify-content:flex-start;margin-bottom:5px}body.login-mode .employee-unified .eh-time .start-today-main{padding-bottom:6px}body.login-mode .employee-unified .eh-time .today-week-details{padding-top:8px}body.login-mode .employee-unified .eh-greeting p{font-size:12px}body.login-mode .employee-unified .eh-greeting{margin-bottom:10px}body.login-mode .employee-unified .eh-focus h2{font-size:18px}}

body.login-mode #app.employee-unified:has(.eh-home)>#view-arrows{display:none}
body.login-mode .employee-unified .eh-focus>.traffic-personal{margin-bottom:0}body.login-mode .employee-unified .eh-focus>.traffic-personal .traffic-personal-main{gap:10px}
@media(max-width:899px){body.login-mode .employee-unified .eh-focus>div:first-child>.eh-eyebrow{display:none}body.login-mode .employee-unified .eh-focus h2{margin-top:0}body.login-mode .employee-unified .eh-date{white-space:nowrap}body.login-mode .employee-unified .eh-greeting{gap:5px}}
body.login-mode #tabs.employee-desktop-nav .employee-nav-sub{min-height:40px;padding-top:3px;padding-bottom:3px;align-items:center;box-sizing:border-box} body.login-mode #tabs.employee-desktop-nav .employee-nav-sub.eu-location{padding-top:8px;padding-bottom:8px} body.login-mode .employee-unified .eh-greeting>div:first-child{display:flex;flex-direction:column} body.login-mode .employee-unified .eh-greeting h1{order:-1} body.login-mode .employee-unified .eh-greeting .eh-eyebrow{margin-top:3px} body.login-mode .employee-unified .ec-page-head{align-items:flex-start} body.login-mode #app.employee-unified .ec-page-head .view-title{margin-top:0}

body.login-mode #app.employee-unified :is(.card,.report-row,.ev-summary,.ev-task-card){border-radius:12px!important}body.login-mode #app.employee-unified :is(.btn,input,select,textarea){border-radius:7px!important}
body.login-mode #app.employee-unified .eu-page-head #view-arrows button{min-height:36px}
@media(max-width:767px){body.login-mode #app.employee-unified .eu-page-head #view-arrows button{min-height:44px}body.login-mode #app.employee-unified .ev-task-card{padding:12px}body.login-mode .employee-unified .ev-task-card p{margin:8px 0}}

body.login-mode.dark .mobile-nav button.active{background:#223b50;color:#e4eef6}body.login-mode.dark .employee-unified :is(.eh-greeting p,.eh-eyebrow,.eh-section-head>span,.eh-time .start-today-main p,.eh-time .start-week>span,.eh-time .start-week>small,.eh-footnote){color:#b4c6d5}body.login-mode.dark .employee-nav-sub.eu-location{color:#b4c6d5}

/* Final common page header and focused time entry. */
body.login-mode #app.employee-unified>.eu-page-head{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin:0 0 12px;padding:0;border-bottom:1px solid var(--line);box-sizing:border-box}
body.login-mode #app.employee-unified>.eu-page-head .view-title{border:0;margin:0;padding:4px 0;line-height:30px;font-size:22px;flex:1}
body.login-mode #app.employee-unified>.eu-page-head #view-arrows{margin:0;padding:0;display:flex;gap:6px;justify-content:flex-end}
body.login-mode #app.employee-unified.time-workspace .td-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px;background:transparent;border:0;padding:0!important;align-items:start;box-shadow:none}
body.login-mode #app.employee-unified.time-workspace .td-week,body.login-mode #app.employee-unified.time-workspace .td-day{border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0;background:var(--card)}
body.login-mode #app.employee-unified.time-workspace .td-heading{margin-bottom:10px;padding:0}body.login-mode #app.employee-unified.time-workspace .td-heading h3{font-size:16px;margin:0}body.login-mode #app.employee-unified.time-workspace .td-heading-total{font-size:20px}
body.login-mode #app.employee-unified.time-workspace .top-week-total{padding:10px 12px;margin:12px 0;min-height:0;border-radius:10px}body.login-mode #app.employee-unified.time-workspace .tm-toggle{margin:0 0 12px;padding:3px}body.login-mode #app.employee-unified.time-workspace .tm-toggle button{min-height:34px;padding:7px}
body.login-mode #app.employee-unified.time-workspace .time-day-strip button{min-height:76px;height:auto;padding:6px 1px;gap:3px}body.login-mode #app.employee-unified.time-workspace .time-day-strip button>div{height:24px}body.login-mode #app.employee-unified.time-workspace .time-day-strip{margin:8px 0;gap:3px}body.login-mode #app.employee-unified.time-workspace .time-toolbar{margin:12px 0 8px;padding:0;gap:6px}body.login-mode #app.employee-unified.time-workspace .time-toolbar-label{font-size:12px}
body.login-mode #app.employee-unified.time-workspace .td-day :is(input:not([type=radio]):not([type=checkbox]),textarea){background:var(--card);min-height:36px}body.login-mode #app.employee-unified.time-workspace .td-day textarea{min-height:64px;height:64px}
body.login-mode #app.employee-unified.time-workspace .eu-time-profile{font-size:11px;margin:12px 0 0;padding-top:8px;border-top:1px solid var(--line)}
@media(max-width:899px){body.login-mode #app.employee-unified.time-workspace .td-workspace{display:block}body.login-mode #app.employee-unified.time-workspace .td-day{margin-top:12px}body.login-mode #app.employee-unified.time-workspace .time-day-strip button{min-height:76px}body.login-mode #app.employee-unified.time-workspace .td-day :is(input:not([type=radio]):not([type=checkbox]),textarea){min-height:44px}}
@media(max-width:767px){body.login-mode #app.employee-unified>.eu-page-head{flex-wrap:wrap}body.login-mode #app.employee-unified>.eu-page-head .view-title{flex-basis:100%;font-size:21px}body.login-mode #app.employee-unified>.eu-page-head #view-arrows{margin-bottom:6px;justify-content:flex-start}}
body.login-mode #app.employee-unified.time-workspace .time-day-strip .week-mini-track{height:24px;margin:5px auto 3px;width:10px} body.login-mode #app.employee-unified.time-workspace .td-week .time-day-strip button{min-height:90px} body.login-mode #app.employee-unified.time-workspace .td-week .week-activity-peek{margin-top:12px} body.login-mode #app.employee-unified.time-workspace .td-week>h3{margin:8px 0} body.login-mode #app.employee-unified.time-workspace .location-picker{margin:6px 0;padding:3px} body.login-mode #app.employee-unified.time-workspace .td-day .time-progress{padding:4px 0}

body.login-mode .connection-box{margin-top:12px}body.login-mode .connection-box h3{margin:0 0 8px}body.login-mode .connection-box p{font-size:12px;line-height:1.5}body.login-mode .connection-row{display:flex;justify-content:space-between;gap:10px;align-items:center;width:100%;border:0;border-bottom:1px solid var(--line);background:var(--card);color:var(--ink);padding:10px;text-align:left;cursor:pointer}body.login-mode .connection-row b,body.login-mode .connection-row small{display:block;overflow-wrap:anywhere}body.login-mode .connection-row small{font-size:11px;color:var(--muted);margin-top:4px}body.login-mode .connection-row.warning{background:#fff4d5;color:#674c16}body.login-mode .connection-detail{padding:10px 0;border-top:1px solid var(--line);font-size:12px}body.login-mode .connection-detail summary{cursor:pointer;line-height:1.6}body.login-mode .connection-box label{display:block;margin:10px 0;font-size:12px}body.login-mode .connection-box label>input,body.login-mode .connection-box label>textarea,body.login-mode .connection-box label>select{display:block;width:100%;margin-top:6px}body.login-mode .connection-box .btn{margin:4px 6px 4px 0}body.login-mode .connection-box form{max-width:650px}body.login-mode .connection-box .badge{white-space:normal}@media(max-width:760px){body.login-mode .connection-row{min-height:44px}body.login-mode .connection-box select,body.login-mode .connection-box input,body.login-mode .connection-box textarea{max-width:100%;min-height:44px}}

body.login-mode .employee-cockpit>.view-title{display:flex;gap:10px;align-items:center}body.login-mode .employee-cockpit>.view-title>svg{width:24px;height:24px;color:#376d91;flex:none}body.login-mode .employee-cockpit .day-health{margin:8px 0}body.login-mode .employee-cockpit .day-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0 14px}body.login-mode .employee-cockpit .day-workspace{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);align-items:start}body.login-mode .personal-cockpit-aside{display:grid;gap:12px;min-width:0}body.login-mode .employee-cockpit .eh-time{margin:0}body.login-mode .personal-cockpit-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin-top:12px;align-items:start}body.login-mode .personal-cockpit-bottom .connection-box,body.login-mode .personal-cockpit-bottom .eh-documents{margin:0}body.login-mode .personal-cockpit-bottom .eh-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}body.login-mode .personal-cockpit-bottom .eh-actions h2{flex-basis:100%;margin:0}body.login-mode .personal-cockpit-bottom .eh-actions>button{flex:1;min-width:150px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--card)}body.login-mode .employee-cockpit .connection-row b{font-size:13px}body.login-mode .employee-cockpit .connection-row{min-height:52px}body.login-mode .employee-cockpit .day-health-card{background:var(--card);color:var(--ink)}body.login-mode .employee-cockpit .day-card,body.login-mode .employee-cockpit .day-stat{background:var(--card);color:var(--ink)}body.login-mode .employee-cockpit .day-stat.active{background:var(--overbg)}@media(max-width:760px){body.login-mode .employee-cockpit .day-health-grid{grid-template-columns:1fr}body.login-mode .employee-cockpit .day-health-card{grid-template-columns:22px 1fr;gap:3px 8px}body.login-mode .employee-cockpit .day-health-card em{display:none}body.login-mode .employee-cockpit .day-workspace,body.login-mode .personal-cockpit-bottom{grid-template-columns:1fr}body.login-mode .employee-cockpit .day-stat{padding:9px;gap:6px}body.login-mode .employee-cockpit .day-stat>svg{width:20px;height:20px}body.login-mode .employee-cockpit .day-stat b{font-size:11px}body.login-mode .employee-cockpit .day-stat strong{font-size:21px}body.login-mode .employee-cockpit .day-health-card>span{font-size:13px}body.login-mode .employee-cockpit .day-stat{min-height:64px}}

/* Phone-first density: compact summaries, full-size touch actions. */
body.login-mode .employee-cockpit .day-health-grid,body.login-mode .employee-cockpit .day-workspace,body.login-mode .personal-cockpit-bottom{gap:10px}
body.login-mode .personal-cockpit-bottom{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr)}
body.login-mode .employee-cockpit .day-health-grid{align-items:stretch}body.login-mode .employee-cockpit .day-health-card{padding:10px;grid-template-rows:auto auto 1fr auto;gap:4px 8px}body.login-mode .employee-cockpit .day-health-card em{align-self:end;margin:0}body.login-mode .employee-cockpit .day-health-card progress{margin:2px 0}
body.login-mode .employee-cockpit .day-health-head{margin-bottom:8px;gap:8px}body.login-mode .employee-cockpit .day-health-head h3{font-size:15px}body.login-mode .employee-cockpit .day-summary{gap:8px;margin:8px 0 10px}body.login-mode .employee-cockpit .day-stat{padding:9px 11px}
body.login-mode .personal-cockpit-explanation{font-size:11px;color:var(--muted);margin:4px 0}body.login-mode .personal-cockpit-explanation summary{cursor:pointer}body.login-mode .personal-cockpit-explanation .day-note{margin:5px 0}
body.login-mode .employee-cockpit .connection-row{padding:8px;min-height:48px}body.login-mode .employee-cockpit .connection-row small{margin-top:2px}body.login-mode .employee-cockpit .day-card{padding:11px}body.login-mode .personal-cockpit-aside{gap:10px}
@media(max-width:760px){
body.login-mode #app.employee-unified:has(.employee-cockpit){padding:8px 10px 96px}
body.login-mode .employee-cockpit{display:flex;flex-direction:column;gap:8px}body.login-mode .employee-cockpit>.view-title{order:0;font-size:19px!important;line-height:25px!important;margin:0!important;padding:3px 0 7px!important}body.login-mode .employee-cockpit>.view-title>svg{width:20px;height:20px}
body.login-mode .employee-cockpit .day-health{order:1;margin:0}body.login-mode .employee-cockpit .day-health-head{flex-wrap:wrap;margin:0 0 6px}body.login-mode .employee-cockpit .day-health-head h3{font-size:14px}body.login-mode .employee-cockpit .day-health-head>b{font-size:12px}
body.login-mode .employee-cockpit .day-health-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body.login-mode .employee-cockpit .day-health-card{display:flex;flex-direction:column;align-items:flex-start;padding:8px;gap:4px;min-width:0;min-height:100px}body.login-mode .employee-cockpit .day-health-card>svg{width:18px;height:18px}body.login-mode .employee-cockpit .day-health-card>b{font-size:12px;line-height:1.3;overflow-wrap:anywhere}body.login-mode .employee-cockpit .day-health-card>span{font-size:12px;line-height:1.35;overflow-wrap:anywhere}body.login-mode .employee-cockpit .day-health-card>small,body.login-mode .employee-cockpit .day-health-card>em{display:none}body.login-mode .employee-cockpit .day-health-card>progress{width:100%;margin-top:auto;height:5px}
body.login-mode .employee-cockpit .day-workspace,body.login-mode .employee-cockpit .personal-cockpit-aside{display:contents}body.login-mode .employee-cockpit .eh-time{order:2;padding:10px;margin:0}body.login-mode .employee-cockpit .eh-time .eh-section-head{margin:0 0 5px}body.login-mode .employee-cockpit .eh-time .start-today-main{padding:0 0 5px;gap:8px;grid-template-columns:1fr 65px}body.login-mode .employee-cockpit .eh-time .start-today-main p{margin:3px 0 6px}body.login-mode .employee-cockpit .eh-time .start-ring,body.login-mode .employee-cockpit .eh-time .start-ring svg{width:48px;height:48px}body.login-mode .employee-cockpit .eh-time .start-ring strong{font-size:16px}body.login-mode .employee-cockpit .eh-time .today-week-details{padding-top:5px}body.login-mode .employee-cockpit .eh-time summary{min-height:32px;display:flex;align-items:center}body.login-mode .employee-cockpit .eh-time .btn.green{min-height:44px}
body.login-mode .employee-cockpit>.day-summary{order:3;margin:0;gap:6px}body.login-mode .employee-cockpit .day-stat{min-height:56px;padding:7px;gap:5px;flex-wrap:wrap;align-content:center}body.login-mode .employee-cockpit .day-stat>svg{width:17px;height:17px}body.login-mode .employee-cockpit .day-stat strong{font-size:20px}body.login-mode .employee-cockpit .day-stat b{font-size:11px;line-height:1.3}
body.login-mode .employee-cockpit .day-workspace>section.day-card{order:4}body.login-mode .employee-cockpit .personal-cockpit-aside>section.day-card{order:5}body.login-mode .personal-cockpit-bottom{order:6;grid-template-columns:1fr;margin:0;gap:8px}body.login-mode .personal-cockpit-explanation{order:7;margin:0}body.login-mode .personal-cockpit-explanation summary{min-height:36px;display:flex;align-items:center}body.login-mode .employee-cockpit .day-card-title h3{font-size:14px!important}body.login-mode .employee-cockpit .eh-row{padding:8px;min-height:48px}body.login-mode .personal-cockpit-bottom .eh-actions{padding:0;gap:6px}body.login-mode .personal-cockpit-bottom .eh-actions>button{min-height:44px;padding:8px}
}
@media(max-width:760px){body.login-mode .employee-cockpit .day-stat{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:center;align-content:center;min-height:68px}body.login-mode .employee-cockpit .day-stat>span{min-width:0}body.login-mode .employee-cockpit .day-stat b{overflow-wrap:normal}body.login-mode .employee-cockpit .eh-time summary::after,body.login-mode .personal-cockpit-explanation summary::after{content:"⌄";margin-left:auto;padding-left:8px}body.login-mode .employee-cockpit .eh-time details[open]>summary::after,body.login-mode .personal-cockpit-explanation[open]>summary::after{content:"⌃"}}

/* Independent column flow prevents a short task list leaving a blank row. */
body.login-mode .personal-cockpit-left{display:grid;gap:10px;align-content:start;min-width:0}body.login-mode .personal-cockpit-left>.connection-box{margin:0!important}body.login-mode .personal-cockpit-aside>.eh-documents{margin:0!important}body.login-mode .employee-cockpit .personal-cockpit-bottom{display:block;margin-top:10px}
@media(min-width:761px){body.login-mode .employee-cockpit .day-health-card{grid-template-rows:auto auto 7px minmax(30px,1fr) auto}body.login-mode .employee-cockpit .day-health-card>svg{grid-column:1;grid-row:1 / span 2}body.login-mode .employee-cockpit .day-health-card>b{grid-column:2;grid-row:1}body.login-mode .employee-cockpit .day-health-card>span{grid-column:2;grid-row:2}body.login-mode .employee-cockpit .day-health-card>progress{grid-column:2;grid-row:3;width:100%;height:5px}body.login-mode .employee-cockpit .day-health-card>small{grid-column:2;grid-row:4}body.login-mode .employee-cockpit .day-health-card>em{grid-column:2;grid-row:5}}
body.login-mode #app.employee-unified .employee-cockpit>.ease-starter{padding:6px 10px;margin:6px 0}body.login-mode .employee-cockpit>.ease-starter>summary{min-height:28px}body.login-mode .employee-cockpit>.personal-cockpit-explanation{margin:4px 0 8px}
@media(max-width:760px){body.login-mode .personal-cockpit-left{display:contents}body.login-mode .employee-cockpit .personal-cockpit-left>section.day-card{order:4}body.login-mode .employee-cockpit .personal-cockpit-left>.connection-box{order:6}body.login-mode .employee-cockpit .personal-cockpit-aside>.eh-documents{order:7}body.login-mode .employee-cockpit .personal-cockpit-bottom{order:8;margin:0}body.login-mode .employee-cockpit>.personal-cockpit-explanation{order:9}body.login-mode .employee-cockpit>.ease-starter>summary{min-height:36px}}

body.login-mode .ease-help{border:1px solid var(--line);background:var(--card);border-radius:9px;padding:8px 10px;margin:8px 0;font-size:12px;color:var(--ink)}body.login-mode .ease-help summary{cursor:pointer;min-height:28px;display:list-item;line-height:1.5}body.login-mode .ease-help p{font-size:12px;line-height:1.6;margin:8px 0}body.login-mode .ease-draft{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:11px;color:var(--muted);padding:10px 0}body.login-mode .ease-draft .btn{font-size:11px}body.login-mode .employee-cockpit>.ease-starter{order:2;margin:0}@media(max-width:760px){body.login-mode .ease-help summary{min-height:36px}body.login-mode .ease-starter .connection-row{min-height:44px}}

body.login-mode.employee-header-parity #subline{display:block!important;font-size:12px!important;line-height:16px!important;margin-top:3px;color:#c5d9e9;white-space:normal} body.login-mode .connection-box progress{width:100%;height:7px;accent-color:#197a45}body.login-mode .connection-box input[type=checkbox]{width:auto;min-height:0}@media(max-width:760px){body.login-mode.employee-header-parity #subline{font-size:11px!important;line-height:15px!important}body.login-mode .connection-box input[type=file]{width:100%;min-width:0}}

/* Keep the employee shell anchored, using its actual responsive height. */
body.login-mode.employee-header-parity header.top{position:sticky!important;top:0!important;z-index:60!important;margin-top:0!important;transform:none!important}
body.login-mode.employee-header-parity #tabs{position:sticky!important;top:var(--employee-header-height,62px)!important;z-index:50!important;background:var(--navy,#003366)}
body.login-mode.employee-header-parity #app :is(input,select,textarea,button,details,[tabindex]){scroll-margin-top:calc(var(--employee-header-height,62px) + var(--employee-nav-height,0px) + 16px)}
@media(min-width:768px){
 body.login-mode.employee-header-parity #app :is(.eu-page-head,.employee-cockpit>.view-title){position:sticky;top:calc(var(--employee-header-height,62px) + var(--employee-nav-height,0px));z-index:30;background:var(--bg,#f4f7fa)}
 body.login-mode.employee-header-parity #app :is(input,select,textarea,button,details,[tabindex]){scroll-margin-top:calc(var(--employee-header-height,62px) + var(--employee-nav-height,0px) + 70px)}
}
@media print{body.login-mode.employee-header-parity header.top,body.login-mode.employee-header-parity #tabs,body.login-mode.employee-header-parity #app :is(.eu-page-head,.employee-cockpit>.view-title){position:static!important;top:auto!important}}

/* Compact spacing without reducing mobile input or touch target sizes. */
body.login-mode #app.employee-unified :is(.card,.connection-box,.service-item){min-width:0;box-sizing:border-box}
body.login-mode #app.employee-unified :is(.card,.connection-box) :is(h3,.sec-h){margin-top:0;margin-bottom:10px;line-height:1.4}
body.login-mode #app.employee-unified .connection-box p{margin:8px 0}
body.login-mode #app.employee-unified .ease-help{padding:0 10px;margin:8px 0}
body.login-mode #app.employee-unified .ease-help summary{min-height:44px;box-sizing:border-box;padding:12px 0;line-height:20px}
body.login-mode #app.employee-unified .ease-help p{margin:0 0 10px}
body.login-mode #app.employee-unified .eu-mobile-section{margin:0 0 10px}
body.login-mode #app.employee-unified :is(label,summary){overflow-wrap:break-word}
body.login-mode #app.employee-unified label> :is(input,select,textarea){margin-top:5px}
body.login-mode #app.employee-unified .connection-detail summary .badge{display:inline-block;margin:3px 0 3px 5px;vertical-align:middle}
@media(max-width:767px){
 body.login-mode #app.employee-unified :is(.card,.report-row,.ev-summary,.ev-task-card){padding:12px!important}
 body.login-mode #app.employee-unified .connection-box{margin-top:10px}
 body.login-mode #app.employee-unified .employee-expense-summary{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;align-content:start}
 body.login-mode #app.employee-unified .employee-expense-summary>*{margin:0!important}
 body.login-mode #app.employee-unified .employee-expense-summary>:nth-child(1){grid-area:1/1}
 body.login-mode #app.employee-unified .employee-expense-summary>:nth-child(2){grid-area:2/1}
 body.login-mode #app.employee-unified .employee-expense-summary>:nth-child(3){grid-area:1/2}
 body.login-mode #app.employee-unified .employee-expense-summary>:nth-child(4){grid-area:2/2}
 body.login-mode #app.employee-unified .employee-expense-form>.row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 body.login-mode #app.employee-unified .employee-expense-form>.row>*{min-width:0!important}
 body.login-mode #app.employee-unified .employee-expense-form>.row input{width:100%}
 body.login-mode #app.employee-unified :is(input:not([type=checkbox]):not([type=radio]),select){min-height:44px;font-size:16px}
 body.login-mode #app.employee-unified table.mobile-list td{padding-top:7px;padding-bottom:7px}
}

body.login-mode .mobile-header-settings{display:none}
@media(max-width:767px){
 body.login-mode:is(.admin-session,.employee-session) #tabs{display:none!important}
 body.login-mode:is(.admin-session,.employee-session) header.top .menu-trigger{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important}
 body.login-mode:is(.admin-session,.employee-session) header.top .mobile-header-settings{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #ffffff66;border-radius:7px;padding:6px 10px;background:transparent;color:white;font:inherit;font-size:12px;order:20}
 body.login-mode.admin-session header.top #subline{display:block!important;font-size:12px!important;line-height:16px!important;color:#c5d9e9;margin-top:3px}
 body.login-mode.admin-session #app :is(.ao-page-header,.desk-heading){position:static!important}
}
@media(max-width:767px){
 body.login-mode:is(.admin-session,.employee-session) header.top #hproj{display:none!important}
 body.login-mode:is(.admin-session,.employee-session) header.top .rolewrap{display:flex!important;flex-wrap:wrap!important;width:100%;gap:6px!important}
 body.login-mode:is(.admin-session,.employee-session) header.top .mobile-header-settings{margin-left:auto}
}

body.login-mode #app.employee-unified .employee-help-toggle{flex:0 0 44px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--navy);font-size:18px;font-weight:bold;cursor:pointer;margin-left:auto}
body.login-mode #app.employee-unified .employee-page-help[hidden]{display:none!important}
body.login-mode #app.employee-unified .employee-page-help>summary{display:none}
body.login-mode #app.employee-unified .employee-page-help p{padding:10px 0;margin:0}
body.login-mode .employee-request-switch{display:flex;gap:6px;margin:0 0 10px}
body.login-mode .employee-request-switch button{flex:1;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink);font:inherit;font-size:13px}
body.login-mode .employee-request-switch button[aria-current=page]{background:var(--navy);color:white}
@media(max-width:767px){
 body.login-mode #app.employee-unified>.eu-page-head{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:4px 8px}
 body.login-mode #app.employee-unified>.eu-page-head .view-title{grid-column:1;grid-row:1}
 body.login-mode #app.employee-unified>.eu-page-head .employee-help-toggle{grid-column:2;grid-row:1}
 body.login-mode #app.employee-unified>.eu-page-head #view-arrows{grid-column:1/-1;grid-row:2}
}
body.login-mode .employee-request-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
body.login-mode .employee-request-switch button{min-width:0;white-space:normal;line-height:1.3}
body.login-mode #app.employee-request-page>.request-common-intro{margin:0 0 12px;font-size:13px;line-height:19.5px;color:var(--muted)}
body.login-mode #app.employee-request-page>.service-page{margin-top:0!important;padding-top:0!important}
body.login-mode #app.employee-request-page>.service-page>:first-child{margin-top:0!important}
body.login-mode #app.employee-request-page>.eu-page-head{min-height:48px}
@media(max-width:767px){body.login-mode #app.employee-request-page>.eu-page-head{grid-template-rows:44px 44px;min-height:99px;align-items:center}body.login-mode #app.employee-request-page>.eu-page-head .view-title{white-space:nowrap;font-size:21px}body.login-mode #app.employee-request-page>.eu-page-head #view-arrows{margin:0!important}body.login-mode #app.employee-request-page>.employee-request-switch{grid-auto-rows:44px}}
body.login-mode .password-settings{margin:10px 0}body.login-mode .password-settings h3{margin:0 0 8px}body.login-mode .password-settings p{font-size:13px;line-height:1.5}body.login-mode .password-actions{display:flex;gap:8px;flex-wrap:wrap}body.login-mode .password-actions button:disabled{opacity:.65;cursor:not-allowed}


body.login-mode #workspace,body.login-mode>header,body.login-mode>.pilot{display:none}body.login-mode #app{width:100%;max-width:340px;padding:0;margin:0}body.login-mode #login .loginpane{flex-direction:column}body.login-mode #login .login-brand{width:100%;max-width:340px}body.login-mode #login .loginh{margin:0 0 4px}body.login-mode #login form{margin:0}body.login-mode #login .green{background:var(--navy);border-color:var(--navy)}body.login-mode #login .form-note{font-size:11px}body.login-mode #feedback{z-index:12000}#login[hidden]{display:none!important}