/* Staff Hub dark theme (tws-dark-v1). Generated by tools/dark-mode/build_dark_css.py from the
   stylesheets linked in index.html. Applies only under html[data-theme=dark]; light is unchanged. */
html[data-theme=dark]{color-scheme:dark;
--green:#8fc7a7;--green-2:#a6d6ba;--green-3:#74b493;--green-tint:#1d3228;
--cream:#f2eee4;--paper:#1b201c;--bg:#121613;--sand:#262d28;
--gold:#d4a85a;--brass:#ddb66d;--gold-tint:#3a2f18;
--ink:#ebe8e0;--muted:#a9ada2;--line:#2f3630;--line-2:#414a43;
--red:#f19a90;--amber:#e8b860;--ok:#8fd096;--blue:#9dbdf2;
--shadow-1:0 1px 2px rgba(0,0,0,.45);--shadow-2:0 10px 30px rgba(0,0,0,.55);
--focus:0 0 0 2px var(--paper),0 0 0 4px #e2b85a;
--dm-fill:#2f6b50;--dm-fill-2:#3a7d5f;--dm-raised:#262d28;--dm-ink-fill:#2c332e;
--dm-red-fill:#b0362b;--dm-ok-fill:#2f7336;--dm-blue-fill:#2f5ea8;--dm-amber-fill:#8a5a00;
--dm-brass-fill:#7d5a1c;--dm-muted-fill:#4a5049;
background:var(--bg);color:var(--ink)}
/* from assets/index-8c5eaaablg.css */
html[data-theme=dark] button,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{color:inherit}
html[data-theme=dark] a{color:var(--green-2)}
html[data-theme=dark] a:hover{color:var(--green)}
html[data-theme=dark] :focus{outline:none}
html[data-theme=dark] :focus-visible{outline:none;box-shadow:var(--focus);border-radius:8px}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3{color:var(--ink)}
html[data-theme=dark] .muted{color:var(--muted)}
html[data-theme=dark] .skip{background:var(--dm-ink-fill);color:#fff;border-radius:10px}
html[data-theme=dark] .wordmark{color:inherit}
html[data-theme=dark] .pill-nav{background:#1f3a2ef7;color:var(--cream);border-radius:30px;box-shadow:0 10px 28px rgba(0,0,0,0.445),0 1px #ffffff0f inset}
@supports (backdrop-filter: blur(8px)){html[data-theme=dark] .pill-nav{background:#1f3a2ee6}}
html[data-theme=dark] .pill-top .wordmark{color:var(--cream)}
html[data-theme=dark] .pill-top .wordmark:hover{color:#fff}
html[data-theme=dark] .pill-nav nav{border-top:1px solid rgba(247,243,234,.14)}
html[data-theme=dark] .navbtn{border-radius:999px;color:#f7f3eae6}
html[data-theme=dark] .navbtn:hover{background:#f7f3ea1a;color:#fff}
html[data-theme=dark] .navbtn.on{background:var(--dm-raised);color:var(--green)}
html[data-theme=dark] .navbtn.on:hover{color:var(--green)}
html[data-theme=dark] .navbtn:focus-visible,html[data-theme=dark] .pill-nav .iconbtn:focus-visible{box-shadow:0 0 0 3px #e2b85a;border-radius:999px}
html[data-theme=dark] .iconbtn{background:transparent;border:0;color:inherit;border-radius:999px}
html[data-theme=dark] .iconbtn:hover{background:#f7f3ea1f}
html[data-theme=dark] .badge{border-radius:999px;background:#e2b85a;color:#2b1d05}
@media(max-width:759px){html[data-theme=dark] .mbar{background:#1f3a2ef7;color:var(--cream);border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,0.445)}html[data-theme=dark] .mbar .wordmark{color:var(--cream)}html[data-theme=dark] .menubtn{border:0;border-radius:999px;background:#f7f3ea1f;color:var(--cream)}html[data-theme=dark] .menubtn:focus-visible,html[data-theme=dark] .mbar .iconbtn:focus-visible{box-shadow:0 0 0 3px #e2b85a}html[data-theme=dark] .scrim{background:#14161073}html[data-theme=dark] .sidemenu{background:var(--paper);box-shadow:12px 0 32px rgba(0,0,0,0.375);border-radius:0 22px 22px 0}html[data-theme=dark] .side-head{border-bottom:1px solid var(--line)}html[data-theme=dark] .side-head .wordmark{color:var(--green)}html[data-theme=dark] .side-sub{color:var(--muted)}html[data-theme=dark] .closebtn{color:var(--ink);background:var(--sand)}html[data-theme=dark] .closebtn:hover{background:var(--line)}html[data-theme=dark] .side-group{color:var(--muted)}html[data-theme=dark] .sidelink{border:0;border-radius:12px;background:transparent;color:var(--ink)}html[data-theme=dark] .sidelink svg{color:var(--green-3)}html[data-theme=dark] .sidelink:hover{background:var(--bg);color:var(--ink)}html[data-theme=dark] .sidelink.on{background:var(--green-tint);color:var(--green)}html[data-theme=dark] .sidelink.on svg{color:var(--green)}}
html[data-theme=dark] main:focus{box-shadow:none}
html[data-theme=dark] .pagehead p{color:var(--muted)}
html[data-theme=dark] .backlink{border-radius:999px;color:var(--green-2)}
html[data-theme=dark] .backlink:hover{background:var(--sand)}
html[data-theme=dark] .card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
html[data-theme=dark] .btn{border:1.5px solid var(--dm-fill);border-radius:999px;background:var(--dm-fill);color:var(--cream)}
html[data-theme=dark] .btn:hover{background:var(--dm-fill-2);border-color:var(--dm-fill-2);color:var(--cream)}
html[data-theme=dark] .btn.secondary{background:var(--paper);color:var(--green)}
html[data-theme=dark] .btn.secondary:hover{background:var(--green-tint);color:var(--green)}
html[data-theme=dark] .btn.danger{background:var(--dm-red-fill);border-color:var(--dm-red-fill);color:#fff}
html[data-theme=dark] .btn.danger:hover{background:#861b14;border-color:#861b14}
html[data-theme=dark] .btn.ghost{background:transparent;border-color:transparent;color:var(--green-2)}
html[data-theme=dark] .btn.ghost:hover{background:var(--sand);color:var(--green)}
html[data-theme=dark] label.field{color:var(--ink)}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{border:1.5px solid var(--line-2);border-radius:10px;background:#191d19}
html[data-theme=dark] input:focus-visible,html[data-theme=dark] select:focus-visible,html[data-theme=dark] textarea:focus-visible{border-color:var(--dm-fill-2);box-shadow:0 0 0 3px #c9952f73;border-radius:10px}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#a9aba2}
html[data-theme=dark] input[type=checkbox],html[data-theme=dark] input[type=radio]{accent-color:var(--green)}
html[data-theme=dark] .check{color:var(--ink)}
html[data-theme=dark] .pill{border-radius:999px;background:var(--sand);color:var(--ink)}
html[data-theme=dark] .pill.green{background:#283428;color:#b5e6b9}
html[data-theme=dark] .pill.amber{background:#433922;color:#f0d7ab}
html[data-theme=dark] .pill.red{background:#3b231f;color:#efaaa4}
html[data-theme=dark] .pill.blue{background:#1f2837;color:#a6c3eb}
html[data-theme=dark] .pill.dark{background:var(--dm-fill);color:var(--cream)}
html[data-theme=dark] .warn,html[data-theme=dark] .err,html[data-theme=dark] .okbox{border-radius:10px}
html[data-theme=dark] .warn{background:#38301d;border:1px solid #6f613c;color:#f1dbaf}
html[data-theme=dark] .err{background:#341e1b;border:1px solid #653e39;color:#efaaa4}
html[data-theme=dark] .okbox{background:#243124;border:1px solid #455b46;color:#b5e6b9}
html[data-theme=dark] .big{color:var(--green)}
html[data-theme=dark] .stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
html[data-theme=dark] .stat .label{color:var(--muted)}
html[data-theme=dark] .list li{border-bottom:1px solid var(--line)}
html[data-theme=dark] .list li:last-child{border-bottom:0}
html[data-theme=dark] .segment{background:var(--sand);border-radius:999px}
html[data-theme=dark] .segment button{border:0;border-radius:999px;background:transparent;color:var(--muted)}
html[data-theme=dark] .segment button:hover{color:var(--ink);background:rgba(25,29,25,0.502)}
html[data-theme=dark] .segment button.on{background:var(--dm-fill);color:var(--cream)}
html[data-theme=dark] .loading{color:var(--muted)}
html[data-theme=dark] .loading-dots i{border-radius:50%;background:var(--gold)}
html[data-theme=dark] .emptystate-icon{border-radius:50%;background:var(--gold-tint);color:var(--brass)}
html[data-theme=dark] .emptystate-text{color:var(--muted)}
html[data-theme=dark] .backdrop{background:#14161080}
html[data-theme=dark] .sheet{background:var(--paper);border-radius:22px 22px 0 0}
@media(min-width:700px){html[data-theme=dark] .sheet{border-radius:20px}}
html[data-theme=dark] .toast{background:var(--dm-ink-fill);color:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,0.502)}
html[data-theme=dark] .toast.warn{background:#6e4a00;color:#fff;border:0}
html[data-theme=dark] .login{background:var(--dm-fill);background-image:radial-gradient(circle at 20% 0%,rgba(184,137,59,.18),transparent 50%);background-image:radial-gradient(circle at 20% 0%,rgba(184,137,59,.18),transparent 50%);color:var(--cream)}
html[data-theme=dark] .login .card{border:0;color:var(--ink);box-shadow:0 18px 40px rgba(0,0,0,0.502)}
html[data-theme=dark] .login .brand{color:var(--cream)}
html[data-theme=dark] .login .brand img{border-radius:18px}
html[data-theme=dark] .login .brand h1{color:var(--cream)}
html[data-theme=dark] .login .tiny.muted{color:var(--muted)}
html[data-theme=dark] .dayhead{color:var(--muted)}
html[data-theme=dark] .rota-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
html[data-theme=dark] table.rota{border-collapse:separate;border-spacing:0}
html[data-theme=dark] table.rota th,html[data-theme=dark] table.rota td{border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
html[data-theme=dark] table.rota th{background:#363023}
html[data-theme=dark] table.rota th.today{background:var(--gold-tint);box-shadow:inset 0 -3px 0 var(--gold)}
html[data-theme=dark] table.rota td.person,html[data-theme=dark] table.rota th.person{background:var(--paper)}
html[data-theme=dark] table.rota th.person{background:#363023}
html[data-theme=dark] table.rota td.cell.over{background:#212a22;outline:2px dashed var(--dm-fill-2)}
html[data-theme=dark] table.rota td.cell.off{background:repeating-linear-gradient(45deg,#362e1c,#362e1c 6px,#191d19 6px,#191d19 12px)}
html[data-theme=dark] table.rota td.cell.unav{background:repeating-linear-gradient(45deg,#212722,#212722 6px,#191d19 6px,#191d19 12px)}
html[data-theme=dark] .chip{border-radius:8px;background:var(--dm-fill);color:var(--cream)}
html[data-theme=dark] .chip.open{background:var(--gold-tint);color:#eed8b2;box-shadow:inset 0 0 0 1.5px var(--gold)}
html[data-theme=dark] .chip.edited{box-shadow:inset 0 0 0 2px #f3c55a}
html[data-theme=dark] .chip.confirmed{background:var(--dm-fill-2)}
html[data-theme=dark] .chip.overlay{box-shadow:0 8px 24px rgba(0,0,0,0.594)}
html[data-theme=dark] .cellflag{color:var(--amber)}
html[data-theme=dark] .addbtn{border:0;background:transparent;color:var(--muted);border-radius:8px}
html[data-theme=dark] .addbtn:hover{background:var(--sand);color:var(--ink)}
html[data-theme=dark] .hrs{color:var(--muted)}
html[data-theme=dark] .hrs.over{color:var(--red)}
html[data-theme=dark] table.simple{border-collapse:collapse}
html[data-theme=dark] table.simple th,html[data-theme=dark] table.simple td{border-bottom:1px solid var(--line)}
html[data-theme=dark] table.simple th{color:var(--muted)}
html[data-theme=dark] .morelist a{border-bottom:1px solid var(--line);color:var(--ink)}
html[data-theme=dark] .morelist a:last-child{border-bottom:0}
html[data-theme=dark] .thread{background:#342e21;border-radius:10px}
html[data-theme=dark] .linkbox{background:#342e21;border-radius:10px}
html[data-theme=dark] .chip.draft{background:#191d19;color:var(--green);border:1.5px dashed var(--dm-fill)}
html[data-theme=dark] .chip.mine{box-shadow:inset 0 0 0 2px var(--gold)}
html[data-theme=dark] tr.me td.person{background:#372f1c}
html[data-theme=dark] .kv dt{color:var(--muted)}
html[data-theme=dark] .temp-pass{background:#342e21;border-radius:10px}
html[data-theme=dark] .empty{color:var(--muted)}
html[data-theme=dark] table.rota td.cell.holiday{background:repeating-linear-gradient(45deg,#232924,#232924 6px,#1d221e 6px,#1d221e 12px)}
html[data-theme=dark] table.rota td.cell.unav{background:repeating-linear-gradient(45deg,#232924,#232924 6px,#1d221e 6px,#1d221e 12px)}
@media(hover:hover){html[data-theme=dark] table.rota td.cell:hover{background-color:#222823;box-shadow:inset 0 0 0 1px #dcdcd8}html[data-theme=dark] table.rota td.cell.holiday:hover,html[data-theme=dark] table.rota td.cell.unav:hover{box-shadow:inset 0 0 0 1px #b9b9b3}html[data-theme=dark] table.rota.locked td.cell:hover{background-color:#212722;box-shadow:inset 0 0 0 1px #dcdcd8}html[data-theme=dark] table.rota tr:hover td.person{background:#222823}html[data-theme=dark] table.rota tr.openrow:hover td.person{background:#2b332c}html[data-theme=dark] table.rota tr.openrow td.cell:hover{background-color:#272e28}}
html[data-theme=dark] table.rota td.cell.dropping{background:#212a22;outline:2px dashed var(--dm-fill-2)}
html[data-theme=dark] table.rota tr.openrow td{background:#212722;border-bottom:2px solid #4d4d49}
html[data-theme=dark] table.rota tr.openrow td.person{background:#262c27}
html[data-theme=dark] .cellflag{color:#c1c1bc}
html[data-theme=dark] .cellflag .reason{color:var(--muted)}
html[data-theme=dark] .chip.openchip{background:#191d19;color:#d2d4cf;box-shadow:inset 0 0 0 1.5px #8f908a}
html[data-theme=dark] .chip.openchip.draft{background:#24241e;color:#c9cac5;border:1.5px dashed #8f908a;box-shadow:none}
html[data-theme=dark] .addmore{color:var(--muted)}
html[data-theme=dark] .dayhead-events{color:#f0d7a8}
html[data-theme=dark] .dragghost{background:var(--dm-fill);color:var(--cream);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.594)}
html[data-theme=dark] .popback{background:transparent}
html[data-theme=dark] .popover{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 38px rgba(0,0,0,0.445)}
html[data-theme=dark] .rowbtn{background:transparent;border:0}
html[data-theme=dark] .tick{border-radius:50%;border:1.5px solid var(--line-2);color:#fff}
html[data-theme=dark] .tick.done{background:var(--dm-ok-fill);border-color:var(--dm-ok-fill)}
html[data-theme=dark] .hello-date{color:var(--muted)}
html[data-theme=dark] .hello h1{color:var(--green)}
html[data-theme=dark] .todo{background:var(--paper);border:1px solid var(--line);border-radius:999px;color:var(--ink)}
html[data-theme=dark] .todo:hover{color:var(--ink);border-color:var(--line-2);box-shadow:0 6px 18px rgba(0,0,0,0.191)}
html[data-theme=dark] .todo:focus-visible{border-radius:999px}
html[data-theme=dark] .todo-num{border-radius:50%}
html[data-theme=dark] .todo.has .todo-num{background:var(--gold-tint);color:var(--brass);box-shadow:inset 0 0 0 2px #dcb873}
html[data-theme=dark] .todo.clear .todo-num{background:var(--green-tint);color:var(--green-3)}
html[data-theme=dark] .todo-sub{color:var(--muted)}
html[data-theme=dark] .todo-go{border-radius:50%;background:var(--bg);color:var(--green-2)}
html[data-theme=dark] .ticket{background:var(--dm-fill);background-image:linear-gradient(135deg,rgba(255,255,255,.05),transparent 45%);background-image:linear-gradient(135deg,rgba(255,255,255,.05),transparent 45%);color:var(--cream);border-radius:20px;box-shadow:0 12px 26px rgba(0,0,0,0.41)}
html[data-theme=dark] .ticket:hover{color:var(--cream)}
html[data-theme=dark] .ticket:focus-visible{border-radius:20px}
html[data-theme=dark] .ticket-day{color:#ecc97d}
html[data-theme=dark] .ticket-date{color:#f7f3ead1}
html[data-theme=dark] .ticket-time .to{color:#f7f3eabf}
html[data-theme=dark] .ticket-meta span{border-radius:999px;background:#f7f3ea21}
html[data-theme=dark] .ticket-note{color:#f7f3eae0}
html[data-theme=dark] .ticket-stub{background:#0000001f}
html[data-theme=dark] .ticket-stub:before,html[data-theme=dark] .ticket-stub:after{border-radius:50%;background:var(--notch)}
html[data-theme=dark] .ticket-hours{color:#f7f3eacc}
html[data-theme=dark] .ticket.empty{background:var(--paper);background-image:none;color:var(--ink);border:1.5px dashed var(--line-2);box-shadow:none}
html[data-theme=dark] .later-total{color:var(--muted)}
html[data-theme=dark] .later-list li{background:var(--paper);border:1px solid var(--line);border-radius:16px}
html[data-theme=dark] .later-day{color:var(--brass)}
html[data-theme=dark] .later-num{color:var(--green)}
html[data-theme=dark] .later-area{color:var(--muted)}
html[data-theme=dark] .whatson{background:var(--paper);border:1px solid var(--line);border-radius:18px}
html[data-theme=dark] .whatson li+li{border-top:1px dashed var(--line)}
html[data-theme=dark] .wo-date{border-radius:14px;background:var(--bg)}
html[data-theme=dark] .wo-dow{color:var(--brass)}
html[data-theme=dark] .wo-num{color:var(--ink)}
html[data-theme=dark] .whatson li.is-today .wo-date{background:var(--dm-fill)}
html[data-theme=dark] .whatson li.is-today .wo-dow{color:#ecc97d}
html[data-theme=dark] .whatson li.is-today .wo-num{color:var(--cream)}
html[data-theme=dark] .wo-meta{color:var(--muted)}
html[data-theme=dark] .wo-tag{border-radius:999px;background:var(--gold-tint);color:#f0d8ab}
html[data-theme=dark] .updates a,html[data-theme=dark] .updates button{border:0;border-radius:14px;background:transparent;color:var(--ink)}
html[data-theme=dark] .updates a:hover,html[data-theme=dark] .updates button:hover{background:var(--paper);color:var(--ink)}
html[data-theme=dark] .up-dot{border-radius:50%;background:var(--bg);border:2px solid var(--line-2)}
html[data-theme=dark] .updates li.unread .up-dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-tint)}
html[data-theme=dark] .up-text{color:var(--muted)}
html[data-theme=dark] .up-when{color:var(--muted)}
html[data-theme=dark] .profile{background:var(--paper);border:1px solid var(--line);border-radius:18px}
html[data-theme=dark] .profile-initial{border-radius:50%;background:var(--dm-fill);color:var(--cream)}
html[data-theme=dark] .profile-mail{color:var(--muted)}
html[data-theme=dark] .group-title{color:var(--muted)}
html[data-theme=dark] .menurows{background:var(--paper);border:1px solid var(--line);border-radius:18px}
html[data-theme=dark] .menurow{color:var(--ink)}
html[data-theme=dark] .menurow+.menurow{border-top:1px solid var(--line)}
html[data-theme=dark] .menurow:hover{background:var(--bg);color:var(--ink)}
html[data-theme=dark] .menurow:focus-visible{border-radius:0;box-shadow:inset 0 0 0 3px #c9952f}
html[data-theme=dark] .menurow-icon{border-radius:50%;background:var(--green-tint);color:var(--green)}
html[data-theme=dark] .menurow-sub{color:var(--muted)}
html[data-theme=dark] .menurow-go{color:var(--muted)}
html[data-theme=dark] .rota-orderhelp{color:var(--muted)}
html[data-theme=dark] .grip-inline svg{color:#a09e94}
html[data-theme=dark] .grip{border:0;border-radius:8px;background:transparent;color:#a09e94}
html[data-theme=dark] .grip:hover{background:var(--sand);color:var(--ink)}
html[data-theme=dark] .grip:focus-visible{box-shadow:0 0 0 3px #c9952f;color:var(--ink)}
html[data-theme=dark] table.rota tr.drop-above td{box-shadow:inset 0 3px 0 var(--dm-fill-2)}
html[data-theme=dark] table.rota tr.drop-below td{box-shadow:inset 0 -3px 0 var(--dm-fill-2)}
html[data-theme=dark] .actcard{border:1.5px solid var(--line-2);border-radius:16px;background:var(--paper);color:var(--ink)}
html[data-theme=dark] .actcard:hover{border-color:var(--green-3);background:#191d19}
html[data-theme=dark] .actcard[aria-expanded=true]{border-color:var(--dm-fill);background:var(--green-tint);box-shadow:inset 0 0 0 1px var(--dm-fill)}
html[data-theme=dark] .actcard .ic{border-radius:13px;background:var(--dm-fill);color:var(--cream)}
html[data-theme=dark] .actcard .sub{color:var(--muted)}
html[data-theme=dark] .formcard{border-color:var(--green-3)}
html[data-theme=dark] .inbox-tip{color:var(--muted)}
html[data-theme=dark] .count{border-radius:999px;background:var(--dm-fill);color:var(--cream)}
html[data-theme=dark] .count.zero{background:var(--sand);color:var(--ink)}
html[data-theme=dark] .req{background:var(--paper);border:1px solid var(--line);border-radius:14px}
html[data-theme=dark] .kind{color:var(--green-2)}
html[data-theme=dark] .kind.k-swap{color:var(--blue)}
html[data-theme=dark] .kind.k-problem{color:var(--red)}
html[data-theme=dark] .req-when,html[data-theme=dark] .req-meta{color:var(--muted)}
html[data-theme=dark] .req-note{border-radius:10px;background:var(--dm-raised)}
html[data-theme=dark] .req-decide{border-top:1px solid var(--line)}
html[data-theme=dark] .allclear{border:1.5px dashed var(--line-2);border-radius:14px;color:var(--muted)}
html[data-theme=dark] .allclear .ic{border-radius:50%;background:var(--green-tint);color:var(--green)}
html[data-theme=dark] .unav-list li{border-bottom:1px solid var(--line)}
html[data-theme=dark] .unav-list li:last-child{border-bottom:0}
html[data-theme=dark] .shift-context{border-radius:10px;background:#282720}
html[data-theme=dark] .shift-context-who{color:var(--ink, #222)}
html[data-theme=dark] .shift-context-day{color:var(--muted, #666)}
html[data-theme=dark] .shift-context .linkish{border:0;background:none;color:var(--green, #1f3a2e)}
html[data-theme=dark] .shift-context .linkish:focus-visible{outline:2px solid var(--gold, #b8893b);border-radius:4px}
html[data-theme=dark] .leader-toggle input{accent-color:#eccd99}
html[data-theme=dark] .leader-toggle .leader-star{color:#e6cd93}
html[data-theme=dark] .leader-toggle input:not(:checked)+.leader-star{color:#c9c4b6}
html[data-theme=dark] .chip .chip-star{color:#f2c75c}
html[data-theme=dark] .chip.draft .chip-star,html[data-theme=dark] .chip.openchip .chip-star{color:#eccd99}
html[data-theme=dark] .daytick{border:1.5px solid #8a7f6a;border-radius:50%;background:var(--paper);color:transparent}
html[data-theme=dark] .daytick:hover:not(:disabled){color:#aba498;border-color:var(--dm-fill)}
html[data-theme=dark] .daytick:focus-visible{outline:none;box-shadow:var(--focus)}
html[data-theme=dark] .daytick.on{background:var(--dm-ok-fill);border-color:var(--dm-ok-fill);color:#fff}
html[data-theme=dark] .daytick.on:hover:not(:disabled){background:#245a29;color:#fff}
html[data-theme=dark] .daytick-state{color:var(--ok)}
html[data-theme=dark] table.rota th.daylocked{background:#263027;box-shadow:inset 0 -3px 0 var(--dm-ok-fill)}
html[data-theme=dark] table.rota th.daylocked.today{background:#263027}
html[data-theme=dark] table.rota td.cell.daylocked{background-color:#21281f}
html[data-theme=dark] table.rota td.cell.daylocked:hover{background-color:#212722}
html[data-theme=dark] .chip.clash{outline:2px solid #c0392b}
html[data-theme=dark] .chip .chip-clash{color:#fff;background:#c0392b;border-radius:4px}
html[data-theme=dark] fieldset.timeentry{border:0}
html[data-theme=dark] fieldset.timeentry>legend{color:var(--ink)}
html[data-theme=dark] .timeentry .te-colon{color:var(--ink)}
html[data-theme=dark] .timeentry input[aria-invalid=true]{border-color:var(--dm-red-fill)}
html[data-theme=dark] .timeentry .te-err{color:#efaaa4}
html[data-theme=dark] .timeentry .te-hint{color:var(--muted)}
html[data-theme=dark] .docs-block{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
html[data-theme=dark] .docs-block h4{color:var(--green)}
html[data-theme=dark] .rtw-tick{color:var(--ok)}
html[data-theme=dark] .rtw-tick .tickdot{border-radius:50%;background:var(--dm-ok-fill);color:#fff}
html[data-theme=dark] .rtw-missing-line{color:var(--amber)}
html[data-theme=dark] .rtw-files li{border:1px solid var(--line);border-radius:10px;background:#191d19}
html[data-theme=dark] .rtw-missing{color:var(--amber);background:var(--gold-tint);border-radius:999px}
html[data-theme=dark] body{background:var(--bg)}
html[data-theme=dark] .pill-nav.topnav{background:rgba(25,29,25,0.941);color:var(--ink);border-radius:0;border-bottom:1px solid var(--line);box-shadow:none}
@supports (backdrop-filter: blur(8px)){html[data-theme=dark] .pill-nav.topnav{background:rgba(25,29,25,0.851)}}
html[data-theme=dark] .topnav .wordmark{color:var(--green)}
html[data-theme=dark] .topnav .wordmark:hover{color:var(--green-2)}
html[data-theme=dark] .pill-nav.topnav nav{border:0}
html[data-theme=dark] .topnav .navbtn{border-radius:10px;color:var(--muted)}
html[data-theme=dark] .topnav .navbtn:hover{background:var(--sand);color:var(--ink)}
html[data-theme=dark] .topnav .navbtn.on{background:var(--green-tint);color:var(--green)}
html[data-theme=dark] .topnav .navbtn.on:hover{color:var(--green)}
html[data-theme=dark] .topnav .navbtn:focus-visible,html[data-theme=dark] .topnav .iconbtn:focus-visible{box-shadow:var(--focus);border-radius:10px}
html[data-theme=dark] .topnav .bell{color:var(--muted)}
html[data-theme=dark] .topnav .bell:hover{background:var(--sand);color:var(--ink)}
html[data-theme=dark] .badge{background:#e2b85a;color:#2b1d05}
@media(max-width:899px){html[data-theme=dark] .mbar{background:rgba(25,29,25,0.941);color:var(--ink);border-radius:0;border-bottom:1px solid var(--line);box-shadow:none}html[data-theme=dark] .mbar .wordmark{color:var(--green)}html[data-theme=dark] .menubtn{border:0;border-radius:10px;background:var(--sand);color:var(--ink)}html[data-theme=dark] .mbar .iconbtn{color:var(--muted)}html[data-theme=dark] .mbar .iconbtn:hover{background:var(--sand)}html[data-theme=dark] .menubtn:focus-visible,html[data-theme=dark] .mbar .iconbtn:focus-visible{box-shadow:var(--focus)}html[data-theme=dark] .scrim{background:#14161066}html[data-theme=dark] .sidemenu{background:var(--paper);box-shadow:12px 0 32px rgba(0,0,0,0.339);border-radius:0 16px 16px 0}html[data-theme=dark] .side-head{border-bottom:1px solid var(--line)}html[data-theme=dark] .side-head .wordmark{color:var(--green)}html[data-theme=dark] .side-sub{color:var(--muted)}html[data-theme=dark] .closebtn{color:var(--ink);background:var(--sand)}html[data-theme=dark] .side-group{color:var(--muted)}html[data-theme=dark] .sidelink{border:0;border-radius:10px;background:transparent;color:var(--ink)}html[data-theme=dark] .sidelink svg{color:var(--muted)}html[data-theme=dark] .sidelink:hover{background:var(--bg);color:var(--ink)}html[data-theme=dark] .sidelink.on{background:var(--green-tint);color:var(--green)}html[data-theme=dark] .sidelink.on svg{color:var(--green)}}
html[data-theme=dark] .backlink{color:var(--muted)}
html[data-theme=dark] .card{border-radius:var(--radius);box-shadow:var(--shadow-1)}
html[data-theme=dark] .btn{border:1px solid var(--dm-fill);border-radius:10px;box-shadow:var(--shadow-1)}
html[data-theme=dark] .btn.secondary{background:var(--paper);color:var(--ink);border-color:var(--line-2)}
html[data-theme=dark] .btn.secondary:hover{background:var(--sand);color:var(--ink);border-color:var(--line-2)}
html[data-theme=dark] .btn.ghost{color:var(--green-2);box-shadow:none}
html[data-theme=dark] .btn.ghost:hover{background:var(--sand)}
html[data-theme=dark] .btn.danger{box-shadow:none}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{border:1px solid var(--line-2);border-radius:8px}
html[data-theme=dark] .pill{border-radius:6px;background:var(--sand)}
html[data-theme=dark] .pill.green{background:#253126;color:#b5e6b9}
html[data-theme=dark] .pill.amber{background:#3d341f;color:#f0d7ab}
html[data-theme=dark] .pill.red{background:#37211d;color:#efaaa4}
html[data-theme=dark] .pill.blue{background:#1e2633;color:#a6c3eb}
html[data-theme=dark] .pill.dark{background:var(--green-tint);color:var(--green)}
html[data-theme=dark] .warn,html[data-theme=dark] .err,html[data-theme=dark] .okbox{border-radius:10px}
html[data-theme=dark] .warn{background:#332c1a;border-color:#645736}
html[data-theme=dark] .okbox{background:#1f2b1f;border-color:#3e4f3e}
html[data-theme=dark] .err{background:#301b19;border-color:#5c3934}
html[data-theme=dark] .segment{border-radius:10px;background:var(--sand)}
html[data-theme=dark] .segment button{border-radius:8px}
html[data-theme=dark] .segment button.on{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-1),0 0 0 1px var(--line)}
html[data-theme=dark] .emptystate-icon{background:var(--sand);color:var(--muted)}
html[data-theme=dark] .sheet{border-radius:18px 18px 0 0}
@media(min-width:700px){html[data-theme=dark] .sheet{border-radius:16px;box-shadow:var(--shadow-2)}}
html[data-theme=dark] .sheet .head .btn.ghost{color:var(--muted)}
html[data-theme=dark] .toast{border-radius:10px}
html[data-theme=dark] .popover{border-radius:14px;box-shadow:var(--shadow-2)}
html[data-theme=dark] .help>summary{border-radius:10px;border:1px solid var(--line-2);background:var(--paper);color:var(--muted);box-shadow:var(--shadow-1)}
html[data-theme=dark] .help>summary:hover,html[data-theme=dark] .help[open]>summary{background:var(--sand);color:var(--ink)}
html[data-theme=dark] .help>summary:focus-visible{box-shadow:var(--focus)}
html[data-theme=dark] .help-body{border-radius:12px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-2);color:var(--ink)}
html[data-theme=dark] .login{background:var(--bg);background-image:none;color:var(--ink)}
html[data-theme=dark] .login .brand{color:var(--ink)}
html[data-theme=dark] .login .brand img{border-radius:14px}
html[data-theme=dark] .login .brand h1{color:var(--green)}
html[data-theme=dark] .login .brand .small{color:var(--muted)}
html[data-theme=dark] .login .card{border:1px solid var(--line);box-shadow:var(--shadow-2)}
html[data-theme=dark] .login>p{color:var(--muted)!important}
html[data-theme=dark] .hello h1{color:var(--ink)}
html[data-theme=dark] .block-title{color:var(--ink)}
html[data-theme=dark] .todo{border-radius:12px;box-shadow:var(--shadow-1)}
html[data-theme=dark] .todo:hover{box-shadow:var(--shadow-1);border-color:var(--line-2)}
html[data-theme=dark] .todo:focus-visible{border-radius:12px}
html[data-theme=dark] .todo-num{border-radius:10px}
html[data-theme=dark] .todo.has .todo-num{box-shadow:none}
html[data-theme=dark] .todo-go{background:transparent;color:var(--muted)}
html[data-theme=dark] .ticket{border-radius:14px;box-shadow:none;background-image:none}
html[data-theme=dark] .ticket-day{color:#ecc97d}
html[data-theme=dark] .ticket-meta span{border-radius:6px}
html[data-theme=dark] .ticket.empty{border:1px dashed var(--line-2);border-radius:14px}
html[data-theme=dark] .later-list li{border-radius:10px;box-shadow:var(--shadow-1)}
html[data-theme=dark] .later-day{color:var(--muted)}
html[data-theme=dark] .later-num{color:var(--ink)}
html[data-theme=dark] .whatson{border-radius:12px;box-shadow:var(--shadow-1)}
html[data-theme=dark] .whatson li+li{border-top:1px solid var(--line)}
html[data-theme=dark] .wo-date{border-radius:10px}
html[data-theme=dark] .wo-dow{color:var(--muted)}
html[data-theme=dark] .wo-tag{border-radius:6px;background:var(--sand);color:var(--muted)}
html[data-theme=dark] .updates a,html[data-theme=dark] .updates button{border-radius:10px}
html[data-theme=dark] .up-dot{border:0;background:var(--line-2)}
html[data-theme=dark] .updates li.unread .up-dot{box-shadow:none}
html[data-theme=dark] .profile{border-radius:12px;box-shadow:var(--shadow-1)}
html[data-theme=dark] .menurows{border-radius:12px;box-shadow:var(--shadow-1)}
html[data-theme=dark] .menurow-icon{border-radius:8px;background:var(--sand);color:var(--muted)}
html[data-theme=dark] .legend-draft{color:var(--muted)}
html[data-theme=dark] .legend-draft i{border:1.5px dashed var(--dm-fill);border-radius:4px;background:#191d19}
html[data-theme=dark] .rota-wrap{border-radius:12px;box-shadow:var(--shadow-1)}
html[data-theme=dark] table.rota th,html[data-theme=dark] table.rota td{border-color:var(--line)}
html[data-theme=dark] table.rota th{background:#24241e;color:var(--ink)}
html[data-theme=dark] table.rota th.today{background:#322b1a;box-shadow:inset 0 -2px 0 var(--gold)}
html[data-theme=dark] table.rota th.person{background:#24241e;color:var(--muted)}
html[data-theme=dark] table.rota tr.me td.person{background:#2f2818}
html[data-theme=dark] table.rota tr.openrow td{background:#212722;border-bottom:1px solid var(--line-2)}
html[data-theme=dark] table.rota tr.openrow td.person{background:#252b26}
html[data-theme=dark] .grip{color:#a3a198}
html[data-theme=dark] .grip:hover{background:var(--sand)}
html[data-theme=dark] .chip{border-radius:7px}
html[data-theme=dark] .chip.openchip{box-shadow:inset 0 0 0 1px #a4a59e}
html[data-theme=dark] .chip.openchip.draft,html[data-theme=dark] .chip.draft{border-width:1px}
html[data-theme=dark] .dayhead-events{color:#f0d7a8}
html[data-theme=dark] .rtw-missing{border-radius:5px}
html[data-theme=dark] .daytick{border-width:1.5px;border-color:#a29a88}
html[data-theme=dark] table.rota th.daylocked{background:#212b23;box-shadow:inset 0 -2px 0 var(--dm-ok-fill)}
html[data-theme=dark] .shift-context{border-radius:8px}
html[data-theme=dark] .actcard{border:1px solid var(--line-2);border-radius:10px;box-shadow:var(--shadow-1)}
html[data-theme=dark] .actcard:hover{background:var(--sand);border-color:var(--line-2)}
html[data-theme=dark] .actcard[aria-expanded=true]{background:var(--green-tint);border-color:var(--green-3);box-shadow:none}
html[data-theme=dark] .actcard .ic{border-radius:7px;background:transparent;color:var(--green)}
html[data-theme=dark] .formcard{border-color:var(--line)}
html[data-theme=dark] .count{border-radius:6px}
html[data-theme=dark] .req{border-radius:12px;box-shadow:var(--shadow-1)}
html[data-theme=dark] .req-note{border-radius:8px;background:var(--bg)}
html[data-theme=dark] .allclear{border:1px dashed var(--line-2);border-radius:12px}
html[data-theme=dark] .docs-block{border-radius:10px}
html[data-theme=dark] .docs-block h4{color:var(--ink)}
html[data-theme=dark] .rtw-files li{border-radius:8px}
html[data-theme=dark] .thread{border-radius:8px;background:var(--bg)}
html[data-theme=dark] .linkbox,html[data-theme=dark] .temp-pass{background:var(--bg)}
@media(min-width:900px){html[data-theme=dark] .sidemenu{background:var(--paper);border-right:1px solid var(--line)}html[data-theme=dark] .side-head{border-bottom:1px solid var(--line)}html[data-theme=dark] .side-group{color:var(--muted)}html[data-theme=dark] .sidelink{border:0;border-radius:10px;background:transparent;color:var(--ink)}html[data-theme=dark] .sidelink svg{color:var(--muted)}html[data-theme=dark] .sidelink:hover{background:var(--bg);color:var(--ink)}html[data-theme=dark] .sidelink.on{background:var(--green-tint);color:var(--green)}html[data-theme=dark] .sidelink.on svg{color:var(--green)}html[data-theme=dark] .sidelink:focus-visible{box-shadow:var(--focus)}}
html[data-theme=dark] .side-head .wordmark{color:var(--green)}
html[data-theme=dark] .side-head .wordmark:hover{color:var(--green-2)}
html[data-theme=dark] .side-head .wordmark:focus-visible{box-shadow:var(--focus);border-radius:6px}
html[data-theme=dark] .side-sub{color:var(--muted)}
html[data-theme=dark] .side-foot{border-top:1px solid var(--line)}
html[data-theme=dark] .side-initial{border-radius:50%;background:var(--green-tint);color:var(--green)}
html[data-theme=dark] .tabs{border-bottom:1px solid var(--line)}
html[data-theme=dark] .tab{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted)}
html[data-theme=dark] .tab:hover{color:var(--ink)}
html[data-theme=dark] .tab.on{color:var(--green);border-bottom-color:var(--dm-fill)}
html[data-theme=dark] .tab:focus-visible{box-shadow:var(--focus);border-radius:6px 6px 0 0}
html[data-theme=dark] .tabcount{border-radius:6px;background:var(--gold-tint);color:#f1d8ad}
html[data-theme=dark] .tabcount.zero{background:var(--sand);color:var(--muted)}
html[data-theme=dark] .tabrow{border-bottom:1px solid var(--line)}
html[data-theme=dark] .tabrow .tabs{border-bottom:0}
html[data-theme=dark] .payslips-split .rowbtn{border-radius:8px}
html[data-theme=dark] .payslips-split .rowbtn:hover{background:var(--bg)}
html[data-theme=dark] .payslips-split .rowbtn.on{background:var(--green-tint)}
html[data-theme=dark] .payslips-split .rowbtn:focus-visible{box-shadow:var(--focus)}
@media(min-width:1100px){html[data-theme=dark] .peoplelist>li,html[data-theme=dark] .peoplelist>li:last-child{border-bottom:1px solid var(--line)}}
html[data-theme=dark] .inbox-main .tabpanel>.inbox-sec>.sec-head{border:0}
html[data-theme=dark] .updates.full li button.up-remove{border-radius:10px;color:var(--muted);background:transparent}
html[data-theme=dark] .updates.full li button.up-remove:hover{background:var(--paper);color:var(--ink)}
html[data-theme=dark] .login .brand img{border-radius:18px;background:#000;box-shadow:0 0 0 1px rgba(0,0,0,0.194),0 8px 22px rgba(0,0,0,0.374)}
@media (max-width:420px){html[data-theme=dark] .login .brand img{border-radius:16px}}
/* from assets/handover-tws2610hf.css */
html[data-theme=dark] .list.tws-slip-tiles>li{border:1px solid var(--line);border-radius:10px;background:var(--card)}
html[data-theme=dark] .list.tws-slip-tiles>li+li{border-top:1px solid var(--line)}
html[data-theme=dark] .tws-holbtns .btn[aria-expanded="true"]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
html[data-theme=dark] .tws-ph-form>.formcard h2:focus{outline:none}
html[data-theme=dark] .tws-ev-count{border-radius:999px;background:var(--brand-soft);color:var(--ink)}
/* from assets/sidebar-tws2610s.js (injected) */
@media (min-width:900px){html[data-theme=dark] .tws-sidetoggle{border:0;border-radius:9px;background:transparent;color:var(--muted)}html[data-theme=dark] .tws-sidetoggle:hover{background:var(--bg);color:var(--ink)}html[data-theme=dark] .tws-sidetoggle:focus-visible{outline:none;box-shadow:var(--focus)}html[data-theme=dark].tws-side-collapsed .sidemenu .side-group{background:var(--line);color:transparent}html[data-theme=dark] .tws-sidetip{border-radius:8px;background:var(--dm-ink-fill);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,0.374)}}
/* from assets/index-tws2610hs.js (injected) */
html[data-theme=dark] .rtw-slot{border:1px solid var(--line);border-radius:8px;background:#191d19}
/* from assets/index-tws2610hs.js (injected) */
html[data-theme=dark] .tws-hflag{border-radius:5px}
html[data-theme=dark] .tws-hflag-amber{background:#38301d;color:#f0daab;border:1px solid #6f613c}
html[data-theme=dark] .tws-hflag-red{background:#b42318;color:#fff;border:1px solid #b42318}
html[data-theme=dark] .tws-hflag-blue{background:#1d2731;color:#a7c7ea;border:1px solid #3a4757}
html[data-theme=dark] .tws-chipflag{color:#f0daab;background:#38301d;border:1px solid #6f613c;border-radius:4px}
html[data-theme=dark] .tws-popflag{color:#f0daab;background:#38301d;border:1px solid #6f613c;border-radius:8px}
/* from assets/index-tws2610hs.js (injected) */
html[data-theme=dark] .tws-bang{border:0;background:none;color:#ecb892;border-radius:4px}
html[data-theme=dark] .tws-bang:hover,html[data-theme=dark] .tws-bang[aria-expanded=true]{color:#edbe9b}
html[data-theme=dark] .tws-bang:focus{outline:none}
html[data-theme=dark] .tws-bang:focus-visible{box-shadow:var(--focus,0 0 0 3px #c9952f)}
html[data-theme=dark] .tws-bang-tip{background:var(--paper,#fff);color:var(--ink,#22251f);border:1px solid var(--line-2,#d3d2ca);border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,0.302)}
/* from assets/index-tws2610hs.js (injected) */
html[data-theme=dark] .ibx-chip{border:1px solid var(--line-2);border-radius:999px;background:var(--paper);color:var(--ink)}
html[data-theme=dark] .ibx-chip:hover{border-color:var(--green-3)}
html[data-theme=dark] .ibx-chip.on{background:var(--dm-fill);border-color:var(--dm-fill);color:var(--cream)}
html[data-theme=dark] .ibx-chip:focus-visible{outline:none;box-shadow:var(--focus)}
html[data-theme=dark] .ibx-n{border-radius:999px;background:var(--gold-tint);color:#eed8b2}
html[data-theme=dark] .ibx-chip.on .ibx-n{background:var(--dm-raised);color:var(--green)}
html[data-theme=dark] .ibx-card .req-what{color:var(--muted)}
html[data-theme=dark] .ibx-msg{border-radius:8px;background:var(--bg)}
html[data-theme=dark] .kind.k-enquiry{color:var(--brass)}
html[data-theme=dark] .ibx-done{border-top:1px solid var(--line)}
html[data-theme=dark] .ibx-done>summary:before{border-right:2px solid currentColor;border-bottom:2px solid currentColor}
html[data-theme=dark] .ibx-done>summary .ibx-n{background:var(--sand);color:var(--muted)}
html[data-theme=dark] .ibx-done>summary:focus-visible{outline:none;box-shadow:var(--focus);border-radius:8px}
/* from assets/payroll/payroll-tws2610sl.js (injected) */
html[data-theme=dark] .tws-tabs{border-bottom:1px solid var(--line,#ddd)}
html[data-theme=dark] .tws-tabs button{background:none;border:0;border-bottom:3px solid transparent;color:inherit}
html[data-theme=dark] .tws-tabs button.on{border-bottom-color:currentColor}
html[data-theme=dark] .tws-tabs button:focus-visible{outline:2px solid currentColor}
html[data-theme=dark] .tws-probs li{border-radius:8px;background:rgba(0,0,0,.04)}
html[data-theme=dark] .tws-probs li.warn{background:#332a1a}
html[data-theme=dark] .tws-table{border-collapse:collapse}
html[data-theme=dark] .tws-table th,html[data-theme=dark] .tws-table td{border-bottom:1px solid var(--line,#e3e3e3)}
html[data-theme=dark] .tws-cutclock.is-green{color:#ace0ae}
html[data-theme=dark] .tws-cutclock.is-orange{color:#ecc393}
html[data-theme=dark] .tws-cutclock.is-red{color:#e99292}
html[data-theme=dark] .tws-ring circle{fill:none}
html[data-theme=dark] .tws-ring-track{stroke:var(--sand,#efeee9)}
html[data-theme=dark] .tws-ring-fill{stroke:var(--green-3,#3d6a55)}
html[data-theme=dark] .tws-ring.used .tws-ring-fill{stroke:var(--gold,#b8893b)}
html[data-theme=dark] .tws-ring.over .tws-ring-fill{stroke:var(--red,#a3241c)}
html[data-theme=dark] .tws-ring-mid b{color:var(--ink,#1c1f1b)}
html[data-theme=dark] .tws-ring-mid span{color:var(--muted,#5d6058)}
html[data-theme=dark] .tws-ring figcaption{color:var(--muted,#5d6058)}
html[data-theme=dark] .tws-payamt{border-radius:12px;background:var(--green-tint,#ebf2ed)}
html[data-theme=dark] .tws-payamt b{color:var(--green,#1f3a2e)}
html[data-theme=dark] .tws-label{color:var(--muted,#5d6058)}
html[data-theme=dark] .tws-pill{border-radius:999px;background:var(--gold-tint,#f7efdc);color:var(--brass,#7d5a1c)}
html[data-theme=dark] .tws-bar{border-radius:999px;background:var(--sand,#efeee9)}
html[data-theme=dark] .tws-bar span{background:var(--green-3,#3d6a55);border-radius:999px}
html[data-theme=dark] .tws-sub{color:var(--muted,#5d6058)}
html[data-theme=dark] .tws-stats li{border:1px solid var(--line,#e6e5df);border-radius:10px}
html[data-theme=dark] .tws-stats span,html[data-theme=dark] .tws-stats a{color:var(--muted,#5d6058)}
html[data-theme=dark] .tws-personpanel{border-top:1px solid var(--line,#e6e5df)}
html[data-theme=dark] .tws-tile{border-radius:10px;background:var(--dm-raised)}
html[data-theme=dark] .tws-tile h4{color:var(--muted,#5d6058)}
html[data-theme=dark] .tws-amt{color:var(--green,#1f3a2e)}
html[data-theme=dark] .tws-amt span{color:var(--muted,#5d6058)}
html[data-theme=dark] .tws-payset{border-radius:10px;border:1px solid var(--line,#e6e5df)}
html[data-theme=dark] .tws-payset h4{color:var(--muted,#5d6058)}
html[data-theme=dark] .tws-namebtn{background:none;border:0;color:inherit}
html[data-theme=dark] .tws-namebtn:focus-visible{outline:2px solid currentColor;border-radius:4px}
html[data-theme=dark] .tws-chev{color:var(--muted,#5d6058)}
html[data-theme=dark] .tws-payroll input[type=date]{background-clip:padding-box}
html[data-theme=dark] .tws-mrow{border:1px solid var(--line);border-radius:10px;background:var(--card)}
html[data-theme=dark] .tws-mrow.need{border-color:var(--amber)}
html[data-theme=dark] .tws-hys{border:0}
html[data-theme=dark] .sr-only{border:0}
/* from assets/twostep/twostep-tws2610ts.js (injected) */
html[data-theme=dark] .tws2s-back{background:rgba(15,15,15,.62)}
html[data-theme=dark] .tws2s-back.tws2s-gate{background:var(--bg,#f4f1ea)}
html[data-theme=dark] .tws2s-qr{background:#191d19;border-radius:8px}

/* hand-tuned */
html[data-theme=dark] body{background:var(--bg);color:var(--ink)}
html[data-theme=dark] .login{background-color:#15261d}
html[data-theme=dark] .ticket{background-color:#1f3a2e}
html[data-theme=dark] .toast,html[data-theme=dark] .skip{border:1px solid var(--line-2);color:var(--ink)}
html[data-theme=dark] ::selection{background:#3a7d5f;color:#fff}
html[data-theme=dark] input:disabled,html[data-theme=dark] select:disabled,html[data-theme=dark] textarea:disabled,html[data-theme=dark] button:disabled{opacity:.6}
html[data-theme=dark] .tws-sidetip{background:#ebe8e0;color:#121613}
/* theme switch in the menu */
.tws-themetoggle .tws-sw{margin-left:auto;flex:none;position:relative;width:34px;height:20px;border-radius:999px;background:var(--line-2);transition:background .15s ease}
.tws-themetoggle .tws-sw::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .15s ease}
.tws-themetoggle[aria-checked=true] .tws-sw{background:var(--dm-fill-2,#3a7d5f)}
.tws-themetoggle[aria-checked=true] .tws-sw::after{transform:translateX(14px)}
html.tws-side-collapsed .tws-themetoggle .tws-sw{display:none}
@media (max-width:899px){html.tws-side-collapsed .tws-themetoggle .tws-sw{display:block}}
@media (prefers-reduced-motion:reduce){.tws-themetoggle .tws-sw,.tws-themetoggle .tws-sw::after{transition:none}}