*{box-sizing:border-box}body{margin:0;background:#f1f5f2;color:#193d35;font:15px system-ui,-apple-system,sans-serif}main{max-width:600px;min-height:100dvh;margin:auto;background:#fbfcfa;padding:env(safe-area-inset-top) 22px env(safe-area-inset-bottom);box-shadow:0 0 60px #143b3508}header{display:flex;align-items:center;justify-content:space-between;padding:27px 0;border-bottom:1px solid #e2eae4}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit;letter-spacing:1px;font-size:14px}.brand b{display:grid;place-items:center;background:#28866e;color:white;width:39px;height:39px;border-radius:11px;font-size:25px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px;color:#6c867b}h1{font-size:34px;letter-spacing:-1.5px;line-height:1.15;margin:14px 0 22px}h2{font-size:18px}.eyebrow{font-size:10px;letter-spacing:2px;color:#348367;font-weight:700;margin-top:32px}.muted{color:#72857a;line-height:1.65;font-size:13px}.tip{padding:18px;background:#eaf1eb;border-radius:12px;color:#557262;font-size:13px;line-height:1.7;margin-top:30px}button{cursor:pointer;border:1px solid #dce6dd;border-radius:10px;padding:13px 16px;background:white;color:#28533f;font:600 13px system-ui;min-height:44px}.primary{background:#167e65;color:white;border-color:#167e65}.secondary{background:#edf4ee}.wide{width:100%;margin:8px 0}button:disabled{opacity:.5}label{display:block;font-size:13px;margin:16px 0}input,textarea,select{display:block;width:100%;font:16px system-ui;border:1px solid #dce5de;border-radius:9px;padding:13px;margin-top:7px;background:white;color:#214634}textarea{min-height:100px}details{border-top:1px solid #e2eae4;margin-top:24px;padding:18px 0}summary{cursor:pointer;font-size:13px;color:#517864;min-height:30px}footer{text-align:center;color:#8ca093;font-size:11px;padding:35px 0}a{color:#247b5d}.heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.heading h1{font-size:29px}.heading .eyebrow{margin-top:28px}#count{font-size:15px;background:#e6efe6;padding:4px 8px;border-radius:8px;vertical-align:middle;letter-spacing:0}nav{display:flex;gap:8px;margin:10px 0 22px}nav button{flex:1}.selected{background:#dfeee3;color:#236b48;border-color:#c8decc}.ticket-card{display:block;width:100%;text-align:left;padding:18px;margin:12px 0;border-radius:14px;box-shadow:0 4px 15px #25453303}.ticket-card strong{font-size:16px;display:block;margin:10px 0;line-height:1.4}.ticket-card small{color:#6d8675;font-weight:400;display:block;line-height:1.6}.tags{display:flex;gap:7px;flex-wrap:wrap;font-size:10px;color:#3b7153}.badge{padding:4px 8px;border-radius:6px;background:#e9f2eb}.urgent{background:#ffe6e0;color:#aa422e}.high{background:#fff1d6;color:#8c6721}.bubble{padding:14px 16px;background:#edf2ed;border-radius:12px;margin:14px 0;white-space:pre-wrap;word-break:break-word;line-height:1.6;font-size:14px}.bubble.out{background:#dcefe3}.bubble.note{background:#fff4d8}.bubble img{display:block;max-width:100%;max-height:260px;margin-top:12px}.stamp{display:block;font-size:10px;color:#7c8f80;margin-top:7px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.empty{text-align:center;padding:45px 20px;color:#6e8878;line-height:1.7}#message{position:sticky;bottom:15px;background:#173f34;color:white;padding:15px;border-radius:12px;font-size:13px;line-height:1.6;z-index:2}#message:empty{display:none}[hidden]{display:none!important}#ticket{padding-bottom:20px}
:root{color-scheme:dark}body{background:#0c0e12;color:#dce4ef}main{background:#111217;box-shadow:none}header,details{border-color:#303744}.brand b{background:#ef8b28;color:#12151a;border-radius:5px}.brand small,.muted,.stamp,footer,.ticket-card small{color:#a1aec1}.eyebrow{color:#ffb56b}.tip{background:#202a39;color:#b5c8e4;border:1px solid #394b65;border-radius:5px}button{background:#222832;border-color:#424d5e;color:#d3ddec;border-radius:5px}.primary{background:#ef8b28;border-color:#ffab52;color:#15171c}.secondary{background:#252d3a}.selected{background:#3b2c1d;color:#ffc081;border-color:#a8733b}input,textarea,select{background:#151a23;color:#e2e9f3;border-color:#414d5f;border-radius:4px}.ticket-card{background:#1b2029;border-color:#343e4c;border-radius:5px;box-shadow:none}.badge,#count{background:#26374c;color:#a7cfff;border-radius:3px}.urgent{background:#46282d;color:#ff9ea4}.high{background:#453520;color:#ffd08c}.tags{color:#a8bbd4}.bubble{background:#242d3a;color:#e1e7f0;border:1px solid #39485c;border-radius:5px}.bubble.out{background:#1d3540;border-color:#3d5966}.bubble.note{background:#3a301f;color:#f1dcae;border-color:#74613a}a,summary{color:#ffba76}.empty{color:#a1b1c8}#message{background:#293b32;color:#d4f1df;border:1px solid #52775f;border-radius:5px}h1{letter-spacing:-.7px;font-size:30px}input::placeholder,textarea::placeholder{color:#8998ae}

.ticket-open{display:block;width:100%;text-align:left;background:transparent;border:0;padding:0;color:inherit;min-height:0}.ticket-open:disabled{opacity:1;cursor:default}.ticket-card .muted{overflow-wrap:anywhere}.ticket-card>.primary{margin-bottom:0}nav button{padding:12px 8px}

dialog{background:#1b2029;color:#e1e7f0;border:1px solid #485569;border-radius:6px;max-height:90dvh;overflow:auto;width:calc(100% - 30px);max-width:450px;padding:22px}dialog::backdrop{background:#000b}.error{color:#ff989d}

.planned-time{color:#ffbd7d;font-size:13px;font-weight:600;margin:12px 0;line-height:1.8}.planned-time .badge{display:table;margin-top:6px}nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}nav button{min-width:0;font-size:12px;padding:12px 5px}@media(max-width:420px){nav{grid-template-columns:repeat(2,minmax(0,1fr))}}

.running-timer{padding:14px;background:#20382b;border:1px solid #37583c;border-radius:5px;color:#b0e6b1}.running-timer strong{font:600 22px Consolas,monospace;margin-left:10px}

nav.screen-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:6px;background:#171c24;border:1px solid #333d4b;border-radius:6px;margin:20px 0 26px}nav.screen-tabs button{font-size:14px;padding:13px 12px;background:transparent;border-color:transparent}nav.screen-tabs .selected{background:#3b2c1d;border-color:#a8733b;color:#ffc081}#app>#my-name{margin-top:24px}#tickets-screen .heading{margin-bottom:22px}#tickets-screen .heading h1{margin-top:0}#device-screen h1{font-size:27px;margin-bottom:30px}#device-screen h2{font-size:17px;margin:22px 0 15px}#device-screen .eyebrow{margin-top:24px}#register-form{margin-top:28px;border-top:1px solid #303744;padding-top:8px}#passkeys{margin-top:25px}#device-screen #logout{margin-top:25px}

/* Persistent application navigation, including iOS safe areas. */
main{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
nav.screen-tabs.bottom-tabs{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,600px);display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;border-radius:0;border:0;border-top:1px solid #3a4351;background:#171c24;padding:8px max(14px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));box-shadow:0 -8px 24px #0003}
nav.screen-tabs.bottom-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;padding:6px 12px;font-size:11px;border-radius:5px;color:#a5b1c5}
nav.screen-tabs.bottom-tabs button.selected{color:#ffc081;background:#3b2c1d;border-color:#a8733b}
.bottom-tab-icon{font-size:22px;line-height:1}
#message{bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:21}
#tickets-screen .heading{margin-top:28px}

.queue-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:3px;border-radius:4px;background:#313e51;color:#c1d9fa;font-size:10px;font-variant-numeric:tabular-nums}.selected .queue-count{background:#775128;color:#ffe4c5}.bottom-tab-icon{position:relative;display:inline-block}.bottom-count{position:absolute;left:14px;top:-5px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#ed6b3d;border:2px solid #171c24;color:#fff;font:700 9px system-ui;font-variant-numeric:tabular-nums}.bottom-count[data-zero=true]{background:#3c485b;color:#c5d0e0}nav:not(.screen-tabs) button{white-space:nowrap}@media(min-width:421px) and (max-width:540px){nav:not(.screen-tabs){grid-template-columns:repeat(2,minmax(0,1fr))}}

.work-summary{padding:16px;border:1px solid #354152;border-radius:5px;margin:20px 0;background:#1b222d}.work-summary h2{margin-top:0}.work-summary p{display:flex;justify-content:space-between;gap:12px;line-height:1.7;color:#b6c5db;font-size:13px}.work-summary strong{white-space:nowrap}nav:not(.screen-tabs){grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:540px){nav:not(.screen-tabs){grid-template-columns:repeat(2,minmax(0,1fr))}}