#msk{--ink:#133d3b;--green:#116b5e;--line:#cfdfda;max-width:1160px;margin:26px auto;padding:0 clamp(16px,4vw,42px) 64px;color:var(--ink);font-family:inherit;line-height:1.85;scroll-margin-top:100px}
#msk *{box-sizing:border-box}#msk [hidden]{display:none!important}#msk .hero{display:grid;grid-template-columns:2.4fr 1fr;align-items:center;gap:24px;padding:clamp(24px,5vw,58px);background:linear-gradient(115deg,#173f48,#17574b);color:#fff;border-radius:28px}#msk .hero h1{font-size:clamp(28px,4vw,46px);color:white;line-height:1.5}#msk small{letter-spacing:.12em;color:#477e72;font-weight:bold}#msk .hero small,#msk .hero-art{color:#a5d7bb}#msk .hero p{max-width:62ch}#msk .hero a{color:white;margin-inline-end:12px}#msk .hero .cta{display:inline-block;background:#deedbf;color:#183d33;border-radius:12px;padding:10px 20px;text-decoration:none;font-weight:bold}#msk .steps-info{display:flex;flex-wrap:wrap;gap:14px 32px;margin:24px 0;color:#41635d}#msk .panel{padding:clamp(20px,4vw,42px);border:1px solid var(--line);border-radius:22px;margin:24px 0;background:white;scroll-margin-top:120px}#msk h2,#msk legend{color:var(--ink);font-weight:bold}#msk fieldset{min-width:0;border:0;padding:0;margin:18px 0}#msk legend{font-size:1.25rem;margin-bottom:16px}#msk progress{width:100%;height:8px;accent-color:var(--green)}#msk .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}#msk label{display:block;margin:8px 0}#msk input:not([type=checkbox]):not([type=radio]),#msk select,#msk textarea{display:block;width:100%;padding:10px 14px;font:inherit;border-radius:10px;border:1px solid #9bb5ac;background:#fafdfb;color:var(--ink)}#msk .choice{border:1px solid var(--line);background:#f3f8f5;padding:13px;border-radius:12px}#msk .choice:has(:checked){outline:2px solid var(--green)}#msk .actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}#msk button{font:inherit;cursor:pointer;border-radius:10px;padding:9px 17px;background:var(--green);border:1px solid transparent;color:white}#msk button.secondary{background:#ebf4ee;color:var(--ink);border-color:var(--line)}#msk button:disabled{opacity:.55}#msk #risk{background:#fff2dc;padding:16px;border-inline-start:4px solid #a6561f}#msk #message:not(:empty){position:sticky;bottom:12px;background:#183e40;color:white;padding:12px 20px;border-radius:12px;z-index:3}#msk canvas{width:100%;height:330px;display:block;background:radial-gradient(ellipse at center,#224e54,#102f39);border-radius:16px;touch-action:pan-y}#msk .maplayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);gap:16px}#msk .record{display:block;margin:8px 0;width:100%;text-align:start}#msk #detail:not(:empty){margin-top:20px;border-top:1px solid var(--line);padding-top:20px}#msk :focus-visible{outline:3px solid #bd8d34;outline-offset:3px}
@media(max-width:640px){#msk .hero{grid-template-columns:1fr}#msk .hero-art{display:none}#msk .grid,#msk .maplayout{grid-template-columns:1fr}#msk .steps-info{display:grid;gap:4px}#msk canvas{height:300px}}#msk .desk{display:grid;grid-template-columns:minmax(220px, .8fr) minmax(0,2fr);align-items:start;gap:20px}
#msk .desk .panel{margin:18px 0;min-width:0;padding:clamp(16px,2vw,30px)}
#msk[data-mode=staff] .hero{display:block;padding:24px 32px}
#msk[data-mode=staff] .hero h1{font-size:clamp(23px,3vw,34px);margin:6px 0}
#msk .msk-timeline{list-style:none;margin:12px 0 24px;padding:0 16px 0 0;border-inline-start:2px solid #bad6cc}
#msk .msk-timeline li{position:relative;margin:0 0 14px;padding:10px 16px;border-radius:12px;background:#f3f7f4}
#msk .msk-timeline li::before{content:"";position:absolute;inset-inline-start:-22px;top:17px;width:9px;height:9px;border-radius:50%;background:#297766}
#msk .msk-timeline time{display:inline-block;direction:ltr;color:#526961;font-size:.85em;margin-inline:12px}
#msk .msk-timeline p{margin:4px 0;overflow-wrap:anywhere}
#msk #detail{scroll-margin-top:116px}#msk #detail>button,#msk #detail>a{display:inline-block;margin:6px 0 6px 8px}
#msk #detail>details{background:#f4f8f5;border-radius:12px;padding:12px 18px;margin:14px 0}
#msk #detail>label{margin-top:18px}#msk .maplayout{padding:12px;background:#f2f7f5;border-radius:18px}
#msk #identity{background:#f5f9f7;border-radius:16px;padding:16px clamp(15px,3vw,26px)}
#msk #login{display:grid;grid-template-columns:minmax(140px,1fr) auto;gap:8px 12px;align-items:end}#msk #login>p,#msk #login>a{grid-column:1/-1}
#msk #login>button{margin-bottom:8px}#msk #detail .maplayout+ol{padding-inline-start:28px}
@media(max-width:760px){#msk .desk{grid-template-columns:minmax(0,1fr);gap:0}#msk .desk #list{max-height:38vh;overflow:auto}#msk .desk .panel{margin:10px 0}#msk #login{grid-template-columns:1fr}#msk #login>button{justify-self:start}#msk .maplayout{padding:8px}}#msk .queue-search{margin:14px 0;padding:14px;border:1px solid var(--line);background:#f4f8f5;border-radius:12px}
#msk .queue-search .actions{margin:10px 0 0}#msk #detail>a.cta{background:var(--green);color:white;padding:8px 16px;border-radius:12px;text-decoration:none}
#msk[data-mode=staff] .desk {grid-template-columns:minmax(220px, .75fr) minmax(0,2.25fr)}
#msk .queue-main {min-width:0}
#msk .queue-main #detail:empty {display:none}
#msk .queue-title {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#msk .queue-title h2 {margin:0}
#msk .queue-main #list {max-height:none;overflow:visible}
#msk .queue-results .record {display:grid;grid-template-columns:1.2fr 1.3fr;align-items:center;gap:5px 16px;padding:14px 18px;background:#f6faf8;border:1px solid #cedfd8;overflow-wrap:anywhere}
#msk .queue-results .record time {direction:ltr;text-align:right;font-size:.85em;color:#435d57}
#msk .queue-results .record .queue-state {justify-self:start;background:#e0ede6;padding:2px 10px;border-radius:16px}
#msk .queue-results .record[aria-current=true] {border-color:#19735e;box-shadow:inset -4px 0 #19735e}
@media(max-width:760px){#msk[data-mode=staff] .desk {grid-template-columns:minmax(0,1fr)}}
@media(max-width:460px){#msk .queue-results .record {gap:6px 10px;padding:12px}#msk .queue-results .record time {grid-column:1/-1}}