/* Quiet reception shell and a native worker list with the selected detail. */
.layout{grid-template-columns:194px minmax(0,1fr)}
.sidebar{background:#f8faf8;color:#52665d;border-right:1px solid #e0e8e2;padding:25px 13px 16px}
.brand{font-size:25px;color:#174939;padding:0 8px;letter-spacing:-1px}.brand small{color:#718178;letter-spacing:1.1px;font-size:9px}
.nav-label{color:#8b978f;letter-spacing:1.4px;margin:30px 10px 12px}
.sidebar nav{gap:3px}.sidebar nav button{color:#566b61;font-size:12px;min-height:42px;padding:10px;border-radius:7px;gap:10px}
.sidebar nav button:hover{background:#eaf1ec;color:#224a3a}.sidebar nav button.active{background:#e2eee6;color:#194b36}
.sidebar nav .icon{width:17px;height:17px}.sidebar footer{border-top-color:#e0e8e2;color:#839087;font-size:10px;padding:15px 8px}
.topbar{min-height:64px;padding:10px 24px;border-bottom:1px solid #e1e8e2;background:#fff}
.topbar select{font-size:12px;min-height:36px;width:270px;background:#f5f7f5;border:1px solid #e3e9e3}
.topbar .eyebrow{font-size:9px}.topbar .user{font-size:12px;gap:10px}.topbar .user button{font-size:12px;min-height:34px;padding:7px 11px}.topbar .avatar{width:32px;height:32px;font-size:13px;background:#edf1ec;color:#506959}
main{padding:24px;background:#f8faf8}button.primary{background:#236847;box-shadow:none;border-color:#236847}button.primary:hover{background:#185036}
.reception-page{color:#283c31;font-size:13px}.reception-page button{font-size:12px;border-radius:7px;box-shadow:none;min-height:36px}
.reception-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.reception-eyebrow{display:block;font-size:9px;letter-spacing:1.15px;font-weight:650;color:#67796c;line-height:1.6}
.reception-heading h1{font-size:26px;line-height:1.25;letter-spacing:-.8px;margin:5px 0 0;color:#214333}
.reception-heading .actions{gap:8px}.reception-heading button{padding:9px 14px}
.reception-controls{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.reception-filters{display:flex;gap:3px;align-items:center;flex-wrap:wrap}
.reception-filters button{border:1px solid transparent;background:none;color:#728075;padding:7px 10px;display:flex;gap:7px;align-items:center;min-height:34px}
.reception-filters button span{color:#67796c;font-size:10px;min-width:18px;font-weight:500}.reception-filters button[aria-pressed=true]{background:#e6f0e8;color:#225337;border-color:#d6e5d9}.reception-filters button[aria-pressed=true] span{color:#477755}
.reception-search{margin-left:auto;display:flex;gap:6px;align-items:center;flex:1;min-width:230px;max-width:380px}
.reception-search-input{margin:0;position:relative;display:block;flex:1;min-width:0}.reception-search-input .icon{width:15px;height:15px;position:absolute;left:11px;top:11px;color:#92a197;pointer-events:none}
.reception-search-input input{margin:0;border:1px solid #dde6df;background:#fff;padding:8px 10px 8px 33px;min-height:36px;font-size:12px;width:100%;border-radius:7px}
.reception-search button{padding:7px 10px;flex:none;background:#fff}
.reception-options{position:relative;font-size:12px;color:#708176}.reception-options summary{padding:8px;white-space:nowrap;font-weight:500}.reception-options>div{position:absolute;right:0;top:38px;z-index:5;width:255px;background:#fff;border:1px solid #dce6de;border-radius:10px;padding:17px;box-shadow:0 8px 24px #26493616}
.reception-options label{font-size:11px;color:#6e8273}.reception-options select{font-size:12px;min-height:36px;padding:8px}.reception-options button{width:100%}
.reception-active-filter{display:flex;align-items:center;gap:10px;font-size:11px;color:#697d6e;margin-bottom:12px}.reception-active-filter button{padding:3px 8px;min-height:28px;font-size:10px}
.reception-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:22px;align-items:start}
.reception-list,.reception-detail{min-width:0;background:#fff;border:1px solid #e1e8e1;border-radius:12px;overflow:clip;display:flex;flex-direction:column;max-height:calc(100dvh - 285px)}
.reception-list-heading{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e9eee8;flex-wrap:wrap}
.reception-list-heading h2{font-size:13px;line-height:1.4;margin:0;color:#355240;font-weight:650}.reception-list-heading>span{color:#67796c;font-size:10px}
#reception-rows{min-height:180px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cad8cc transparent;flex:1}
.reception-row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #edf0eb;border-radius:0!important;background:#fff;padding:15px 18px!important;color:#354e3d;line-height:1.5;min-height:0!important;position:relative}
.reception-row:last-child{border-bottom:0}.reception-row:hover{background:#f7faf5}.reception-row.selected{background:#f0f6ef;box-shadow:inset 3px 0 #609966}.reception-row:focus-visible{outline:2px solid #609966;outline-offset:-3px}
.reception-person{display:block;margin-bottom:8px}.reception-person strong{display:block;font-size:14px;line-height:1.4;font-weight:650;text-transform:none;overflow-wrap:anywhere}
.reception-person>small{display:block;font-size:11px;font-weight:400;color:#677b67;margin-top:4px;line-height:1.6;overflow-wrap:anywhere}.reception-person small span{white-space:nowrap;color:#6f7f65}
.reception-row-exams{display:block;font-size:12px;color:#647a64;font-weight:400;line-height:1.6;overflow-wrap:anywhere}.reception-row-exams small{font-size:10px}
.reception-row-end{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}
.reception-time{display:flex;gap:8px;align-items:baseline;font-size:10px;color:#677b67;font-weight:400}.reception-time strong{font-size:15px;font-variant-numeric:tabular-nums;font-weight:550;color:#456548}.reception-time small{font-size:10px;color:#677b67}
.reception-state{display:inline-flex;align-items:center;gap:6px;background:none!important;color:#748272;font-size:11px;line-height:1.5;font-weight:550}.reception-state:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
.reception-state.tone-amber{color:#9a7937}.reception-state.tone-blue{color:#668691}.reception-state.tone-purple{color:#8c729c}.reception-state.tone-green{color:#638969}.reception-state.tone-neutral{color:#929a91}
.reception-pagination{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:11px 15px;border-top:1px solid #e9eee8;font-size:10px;color:#677b67;background:#fcfdfb}.reception-pagination>div{display:flex;gap:10px;align-items:center}.reception-pagination button{padding:4px 9px;min-height:28px;font-size:12px}
.reception-detail{position:sticky;top:18px}.reception-detail-heading{padding:22px 22px 17px;border-bottom:1px solid #e9eee8}.reception-detail-heading h2{font-size:20px;line-height:1.4;letter-spacing:-.45px;margin:7px 0;font-weight:620;color:#294b34;overflow-wrap:anywhere}.reception-detail-heading p{font-size:11px;color:#667c67;line-height:1.7;margin:0 0 9px;overflow-wrap:anywhere}
.reception-detail-body{padding:18px 22px;min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cad8cc transparent}
.reception-detail-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:23px}.reception-detail-actions button{padding:6px 9px;min-height:32px;font-size:11px;border-color:#e1e8df;color:#667f69}.reception-detail-actions span{margin-left:4px;font-size:9px;color:#6f7f65}
.reception-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.reception-section-heading h3{font-size:12px;letter-spacing:0;margin:0;color:#557355}.reception-section-heading>span{font-size:10px;color:#6f7f65}
.reception-exam{padding:15px 0;display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid #edf0e9;flex-wrap:wrap}.reception-exam strong{font-size:13px;font-weight:550;color:#3c583e}.reception-exam p{margin:5px 0 3px;font-size:12px;line-height:1.7;color:#6c8369}.reception-exam small{font-size:10px;color:#6f7f65}.reception-exam .actions{gap:5px;max-width:100%}.reception-exam button{font-size:10px;padding:7px 9px;min-height:32px}.reception-exam .reception-attention{color:#967437}
.reception-next{padding:13px 15px;background:#f5f8f0;border:1px solid #e5eadc;border-radius:8px;margin-bottom:22px}.reception-next h3{font-size:13px;margin:5px 0 7px;color:#596b40;line-height:1.5}.reception-next p{font-size:11px;margin:0 0 10px;line-height:1.7;color:#6c7b50}.reception-next button{font-size:11px;padding:7px 10px}.reception-next small{display:block;margin-top:10px;color:#927747;font-size:10px}
.reception-more{margin-top:22px}.reception-more summary{font-size:11px;color:#809077;font-weight:500}.reception-more>div{padding-top:8px}.reception-more p{font-size:11px;line-height:1.6;overflow-wrap:anywhere;color:#657c62}.reception-more p span{display:block;font-size:10px;color:#6f7f65}.reception-more button{font-size:10px;padding:6px 9px;min-height:30px}
.reception-detail-footer{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #edf0e9;margin-top:22px;padding-top:14px}.reception-detail-footer button{border:0;background:none;color:#698161;padding:0;min-height:30px;font-size:10px}
.reception-empty{padding:42px 23px;color:#8b9986;text-align:center;line-height:1.8}.reception-empty h2,.reception-empty h3{color:#657e5e;font-size:16px;margin:12px 0 6px}.reception-empty p{font-size:12px;margin:0 0 16px}.reception-empty-icon .icon{width:30px;height:30px;color:#a5b59a}.reception-muted{font-size:12px;color:#93a087;line-height:1.8}.reception-back{display:none}
.queue-alerts{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.queue-alerts:has(>#queue-incoming:empty):not(:has(>details)){display:none}.queue-alerts>#queue-incoming:empty{display:none}.queue-alerts>*{flex:1;min-width:220px}.queue-notice{padding:8px 12px;border:1px solid #e6dfc8;border-radius:8px;background:#fbf9f0;margin:0;font-size:11px;color:#8b7a4f}.queue-notice summary{font-weight:500;font-size:11px}.queue-notice p{font-size:11px;margin:8px 0}.queue-notice button{font-size:10px;min-height:30px;padding:5px 9px}.queue-notice-items{max-height:180px;overflow:auto}.queue-notice .row{padding:7px 0;font-size:11px}
@media(max-width:1200px){.layout{grid-template-columns:170px minmax(0,1fr)}main{padding:20px}.reception-controls{gap:8px}.reception-search{max-width:none}.reception-filters button{padding:6px 8px}.reception-split{gap:15px}.reception-detail-heading{padding:18px}.reception-detail-body{padding:16px 18px}.reception-row{padding:14px 15px!important}}
@media(max-width:999px){.reception-split{grid-template-columns:1fr}.reception-detail{display:none;position:static;max-height:none}.showing-detail .reception-detail{display:block}.showing-detail .reception-list,.showing-detail .reception-controls,.showing-detail .reception-heading,.showing-detail .queue-alerts,.showing-detail .reception-active-filter{display:none}.reception-back{display:block;border:0;color:#718870;padding:0;margin-bottom:17px;min-height:32px!important;background:none}.reception-detail-body{max-height:none;overflow:visible}.reception-list{max-height:none}.reception-list-heading{padding:14px 16px}#reception-rows{max-height:none}.reception-person strong{font-size:14px}}
@media(max-width:760px){.layout{display:block}.sidebar{height:auto;position:static;padding:13px 14px 8px;overflow:visible;border-right:0;border-bottom:1px solid #e1e8e2}.brand{font-size:23px;padding:0}.brand small,.nav-label,.sidebar footer{display:none}.sidebar nav{display:flex;flex-direction:row;overflow-x:auto;gap:5px;margin-top:9px;padding-bottom:3px}.sidebar nav button{white-space:nowrap;flex-shrink:0;font-size:11px;padding:7px 9px;min-height:34px}.sidebar nav .icon{display:none}.topbar{padding:10px 14px;flex-wrap:wrap;gap:8px}.topbar .eyebrow{display:none}.topbar select{width:100%;max-width:100%}.topbar>.actions{width:100%}.topbar .user{width:100%;justify-content:flex-end;font-size:11px}.topbar .avatar{margin-right:auto}.topbar .user button{font-size:11px;min-height:30px}main{padding:18px 14px}.reception-heading{align-items:flex-start;gap:10px;margin-bottom:17px}.reception-heading h1{font-size:23px}.reception-heading .actions{gap:5px;flex-direction:column;align-items:stretch}.reception-heading button{font-size:10px;padding:6px 9px;min-height:31px}.reception-filters{width:100%;overflow-x:auto;flex-wrap:nowrap;gap:0}.reception-filters button{white-space:nowrap;font-size:11px;padding:6px 8px;gap:4px}.reception-filters button span{font-size:9px;min-width:12px}.reception-search{min-width:0;max-width:none;margin:0}.reception-search-input input{font-size:11px}.reception-options{font-size:11px}.reception-options>div{right:0}.reception-list-heading h2{font-size:12px}.reception-list-heading>span{font-size:9px}.reception-pagination{font-size:9px;padding:11px}.reception-person>small{font-size:10px}.reception-detail-heading h2{font-size:19px}.reception-detail-footer button{font-size:11px}.reception-detail-actions button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.reception-page *{scroll-behavior:auto;transition:none}}

/* Keep headings fixed while long lists and detail bodies scroll. */
.reception-list-heading,.reception-pagination,.reception-detail-heading{flex:none}
@media(max-width:760px){.sidebar .brand small{display:none}.sidebar .brand{display:block}}
/* Align the time to the right so the reception can scan more workers at once. */
.reception-row{display:grid;grid-template-columns:minmax(0,1fr) 123px;column-gap:15px;padding-top:12px!important;padding-bottom:12px!important}
.reception-person{margin-bottom:5px;min-width:0}.reception-person>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reception-row-exams{grid-column:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.reception-row-end{grid-column:2;grid-row:1 / span 2;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;margin-top:0;min-width:0}
.reception-time{display:flex;flex-direction:column;align-items:flex-end;gap:0;text-align:right;line-height:1.5}
.reception-state{text-align:right;max-width:123px}.reception-time:empty{display:none}
@media(max-width:760px){.reception-row{grid-template-columns:minmax(0,1fr) 95px;gap:0 10px}.reception-state{max-width:95px;font-size:10px}.reception-person strong{font-size:13px}.reception-person>small{font-size:10px}.reception-row-exams{font-size:10px}}