*{box-sizing:border-box} [hidden]{display:none!important}
:root{color-scheme:dark;--ink:#f5f4ec;--muted:#a9abaa;--teal:#bcf54c;--border:#414747;--paper:#202526}
body{margin:0;background:#15191a;color:var(--ink);font-family:Arial,Helvetica,sans-serif;min-height:100vh;isolation:isolate}
@keyframes ocean{0%{transform:translate(-13%,-8%) rotate(-6deg) scale(1)}50%{transform:translate(2%,5%) rotate(4deg) scale(1.08)}100%{transform:translate(13%,-2%) rotate(-3deg) scale(1.04)}}
@keyframes shimmer{from{background-position:0 0,0 0,0% 30%}to{background-position:0 0,0 0,100% 75%}}
main{max-width:1900px;margin:auto;padding:32px 3.5vw 40px}
header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin:8px 0 30px;color:#f0f4f3}
h1{font-size:4.8vw;font-size:clamp(36px,4.8vw,88px);line-height:1.12;margin:0;letter-spacing:-.035em;font-weight:700}
.headerRight{display:flex;flex-direction:column;align-items:center;gap:12px}#clock{font-size:4.2vw;font-size:clamp(36px,4.2vw,76px);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.025em}
#status{font-size:13px;letter-spacing:.035em;color:#c9e0de;white-space:nowrap}#controls,#login,#history{border:1px solid var(--border);border-radius:12px;padding:26px;background:var(--paper);margin-bottom:26px;box-shadow:0 10px 35px #0a1b2224}
.staff-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}#staffBadge{font-size:2.8vw;font-size:clamp(28px,2.8vw,44px);margin:0;letter-spacing:-.025em}#signedIn{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
#addForm{display:flex;gap:18px;align-items:flex-end}#addForm>div{flex:1}#addForm input,#addForm select{width:100%}
button,.button-link{border:0;border-radius:7px;background:var(--teal);color:#fff;font-size:17px;font-weight:700;padding:14px 20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px}button:hover,.button-link:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#dce5e7;color:#2a4b58;font-size:15px}
input,select,textarea{min-width:0;border:1px solid #a9bec6;background:#fff;color:var(--ink);border-radius:7px;padding:12px;font-size:18px}label{display:block;margin-bottom:8px;font-size:15px;font-weight:700}textarea{display:block;width:100%;margin-bottom:12px}#settings{padding-top:24px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.summary{display:flex;align-items:center;gap:24px;padding:0 4px 20px;color:#f1f5f4}#waitingCount{font-size:3vw;font-size:clamp(32px,3vw,54px);font-weight:700;letter-spacing:-.025em}#pageInfo{margin-left:auto;font-size:16px;color:#c1d1d6}
.tableWrap{overflow-x:auto;border-radius:10px;border:1px solid var(--border);background:var(--paper);box-shadow:0 12px 36px #061d2320}table{border-collapse:collapse;width:100%;text-align:left;table-layout:fixed}th{background:#244b59;color:#f4f6f5;font-size:1.6vw;font-size:clamp(18px,1.6vw,30px);font-weight:600;padding:20px 24px}th:first-child{width:20%}th:nth-child(2){width:30%}th:nth-child(3){width:25%}th:nth-child(4){width:25%}td{padding:20px 24px;font-size:2.2vw;font-size:clamp(20px,2.2vw,40px);height:88px;overflow-wrap:anywhere}tr:nth-child(even){background:#e5ecec}td:first-child{font-size:1.9vw;font-size:clamp(20px,1.9vw,34px);color:#415b6b;font-variant-numeric:tabular-nums}
.pill{display:inline-block;font-size:1.45vw;font-size:clamp(17px,1.45vw,27px);padding:10px 17px;border-radius:6px;background:#e5d9b6;color:#58451c;font-weight:700}.pill.taken{background:#c8ded8;color:#244c44}td select{max-width:100%;font-size:17px;background:#f8faf9}
footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;color:#c6d5d9;font-size:15px}.staff-link{display:inline-block;padding:10px 18px;border:1px solid #94b1bc;border-radius:7px;color:#eef4f4;font-size:16px;font-weight:700;text-decoration:none}.staff-link:hover{background:#ffffff10}
#error{color:#ffe0cc;font-size:18px;line-height:1.5}#empty{text-align:center;color:var(--muted);font-size:30px;padding:50px}body.offline #status{color:#ffe0cc}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c6a753;outline-offset:4px}
.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:20px}.sectionhead h2{font-size:26px;margin:0 0 8px}.sectionhead p{color:var(--muted);margin:0 0 20px}#history{margin-top:14px}#history th{font-size:14px;padding:12px;width:20%}#history td{font-size:15px;height:auto;padding:12px}#more{margin-top:15px}#historyToggle{margin-top:30px}.checkbox-label{display:flex;align-items:center;gap:9px;color:#d8e4e6;font-size:14px;font-weight:400}.checkbox-label input{width:18px;height:18px;accent-color:#428795}
dialog{max-width:530px;width:calc(100% - 32px);border:1px solid #afc4cb;border-radius:14px;padding:30px;color:var(--ink);background:var(--paper);box-shadow:0 25px 100px #06161daa}dialog::backdrop{background:#0a182bc9}dialog h2{font-size:28px;margin:0 0 16px}dialog p{font-size:20px;line-height:1.5}#pendingStudent{color:var(--muted);font-size:16px}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}#keyOverride{font-size:22px;padding:18px 24px;flex:1}
#login{max-width:570px;margin:38px auto;text-align:center}#login h2{font-size:32px}#login p{line-height:1.6;color:var(--muted)}#googleButton{display:flex;justify-content:center;margin:24px 0}#loginError{color:#8b2c1f!important}.login-back{display:flex;align-items:center;justify-content:center;min-height:60px;width:100%;margin:24px 0 0;padding:18px 24px;border:1px solid #a9bec6;border-radius:8px;background:#dce5e7;color:#244b59;font-size:20px;font-weight:700;text-decoration:none}.login-back:hover{background:#cbdcdf}
@media(max-width:750px){main{padding:24px 16px}header{margin-bottom:24px}#addForm{flex-direction:column;align-items:stretch}.staff-heading{align-items:flex-start;flex-direction:column}th,td{padding:14px 12px}table{min-width:650px}.sectionhead{align-items:flex-start;flex-direction:column;padding-bottom:18px}footer{font-size:13px}#controls,#history{padding:20px}#pageInfo{font-size:13px}.summary{gap:12px}}
@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none;will-change:auto}}
header{position:relative;width:100%}body[data-view="staff"] header{padding-top:48px}.header-signout{position:absolute;top:0;right:0;min-height:44px;padding:10px 18px;font-size:14px;background:#dce5e7}.return-link{font-size:18px;padding:16px 22px;border:1px solid #9bb2bb;min-height:54px;background:#d3e2e6}

#googleButton [role="button"]{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid #dadce0;border-radius:4px;background:#fff;color:#3c4043;font:500 14px Arial,sans-serif;cursor:pointer;position:relative}#googleButton svg,#googleButton img{width:20px;height:20px;flex-shrink:0}#googleButton .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb{display:flex;align-items:center;gap:12px}#googleButton .L6cTce{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


.tile-scene{position:fixed;inset:-80px;z-index:-1;pointer-events:none;display:grid;grid-template-columns:repeat(24,1fr);grid-auto-rows:calc((100vw + 160px)/24);gap:0;overflow:hidden;background:#142a36}.tile{display:block;margin:4px;border-radius:3px;border:1px solid #7698a369;background:linear-gradient(135deg,#406472,#294e5b 48%,#203b4b);box-shadow:inset 1px 1px 0 #9cbdc33a,inset -2px -2px 0 #0a1b2b80,3px 5px 0 #142c39,6px 10px 12px #0619237a;transform:perspective(450px) rotateX(4deg) rotateY(-3deg);animation:tile-wave 8s ease-in-out infinite;}.tile:nth-child(5n){background:linear-gradient(135deg,#3b7378,#28515e 65%,#203c4b)}
@keyframes tile-wave{0%,100%{transform:perspective(450px) translateY(4px) translateZ(0) rotateX(3deg) rotateY(-3deg);filter:brightness(.88)}50%{transform:perspective(450px) translateY(-9px) translateZ(20px) rotateX(12deg) rotateY(-9deg);filter:brightness(1.15)}}
.login-back{margin:0 0 28px}
@media(max-width:1100px){.tile-scene{grid-template-columns:repeat(16,1fr);grid-auto-rows:calc((100vw + 160px)/16)}}
@media(max-width:650px){.tile-scene{grid-template-columns:repeat(8,1fr);grid-auto-rows:calc((100vw + 160px)/8)}}
@media(prefers-reduced-motion:reduce){.tile{animation:none;filter:none}}
.phase-0{animation-delay:-0s}
.phase-1{animation-delay:-0.5s}
.phase-2{animation-delay:-1s}
.phase-3{animation-delay:-1.5s}
.phase-4{animation-delay:-2s}
.phase-5{animation-delay:-2.5s}
.phase-6{animation-delay:-3s}
.phase-7{animation-delay:-3.5s}
.phase-8{animation-delay:-4s}
.phase-9{animation-delay:-4.5s}
.phase-10{animation-delay:-5s}
.phase-11{animation-delay:-5.5s}
.phase-12{animation-delay:-6s}
.phase-13{animation-delay:-6.5s}
.phase-14{animation-delay:-7s}
.phase-15{animation-delay:-7.5s}


header h1,#clock{font-family:Bahnschrift,'Arial Narrow',Arial,sans-serif;font-weight:700;color:#dce3e7;letter-spacing:.005em;-webkit-text-stroke:.55px #172a35;paint-order:stroke fill;text-shadow:0 2px 0 #172b38,0 4px 0 #0d202c,0 6px 8px #07151ece}header h1{font-stretch:normal}#clock{color:#f3f6f8;font-variant-numeric:tabular-nums;letter-spacing:.025em}
@media(max-width:750px){header h1{font-size:7.6vw;font-size:clamp(30px,7.6vw,52px);line-height:1.16}#clock{font-size:9vw;font-size:clamp(36px,9vw,54px)}}
#history .history-delete-heading{width:48px;padding:2px;text-align:center}#history .history-delete-cell{text-align:center;padding:2px}button.history-delete{color:#b32c32;background:transparent;border:0;border-radius:5px;font-size:21px;font-weight:600;padding:0;min-height:44px;width:44px;line-height:1}.history-delete:hover{background:#f9dcdc}.danger{background:#ad292f;color:#fff}#deleteHistorySummary{font-size:18px;font-weight:700;overflow-wrap:anywhere}#deleteHistoryDialog .delete-note{font-size:16px;color:var(--muted)}#deleteHistoryError{font-size:16px;color:#a22229}#deleteHistoryDialog .dialog-actions{justify-content:flex-end}


.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.title-backing,.clock-backing{display:inline-block;max-width:100%;padding:6px 18px 8px;background:rgba(9,24,34,.46);border-radius:10px;box-shadow:0 2px 10px #07182220}.clock-backing{padding:5px 18px 8px}@media(max-width:750px){.title-backing{padding:6px 10px 8px}.clock-backing{padding:5px 14px 8px}}

header h1,#clock{color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:0;background:none;text-shadow:none;filter:drop-shadow(1px 0 0 #08131c) drop-shadow(-1px 0 0 #08131c) drop-shadow(0 1px 0 #08131c) drop-shadow(0 -1px 0 #08131c) drop-shadow(0 3px 0 #10202b) drop-shadow(0 4px 3px #040c14e6)}

/* Keep feedback beside its action; authorization is distinct from queue connectivity. */
#error:empty,.action-error:empty{display:none}
#error{padding:12px 16px;background:#263e49;border-radius:8px;margin:0 0 16px}
.action-error{color:#98232c;font-size:16px;line-height:1.4;margin:12px 0 0;overflow-wrap:anywhere}
#authRecovery{position:sticky;top:8px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;margin-bottom:18px;background:#fff1d2;color:#493917;border:1px solid #d7b35b;border-radius:10px;box-shadow:0 4px 20px #07182230}
#authRecovery .button-link{flex-shrink:0}
body[data-view="display"].fit-tight main{padding:8px 12px}
body[data-view="display"].fit-tight header{flex-direction:row;gap:8px;margin:0 0 8px}
body[data-view="display"].fit-tight h1{font-size:22px}
body[data-view="display"].fit-tight #clock{font-size:26px}
body[data-view="display"].fit-tight #status{font-size:11px;white-space:normal}
body[data-view="display"].fit-tight .headerRight{gap:4px}
body[data-view="display"].fit-tight .summary{min-height:36px;padding-bottom:6px}
body[data-view="display"].fit-tight #waitingCount{font-size:24px}
body[data-view="display"].fit-tight #queueWrap th,body[data-view="display"].fit-tight #queueWrap td{font-size:calc(16px * var(--row-scale,1));padding:calc(6px * var(--row-scale,1));height:auto}
body[data-view="display"].fit-tight #queueWrap tr{gap:calc(5px * var(--row-scale,1));padding:calc(8px * var(--row-scale,1))}
body[data-view="display"].fit-tight #queueWrap td:nth-child(2){font-size:calc(18px * var(--row-scale,1))}
body[data-view="display"].fit-tight .pill{font-size:calc(14px * var(--row-scale,1));padding:calc(5px * var(--row-scale,1)) calc(8px * var(--row-scale,1))}
body[data-view="display"].fit-tight #queueWrap td:before{font-size:calc(12px * var(--row-scale,1));margin-bottom:calc(4px * var(--row-scale,1))}
body[data-view="display"].fit-tight footer{margin-top:6px}
body[data-view="display"].fit-tight .headerRight{flex:0 0 48%;min-width:0}
body[data-view="display"].fit-tight .title-backing,body[data-view="display"].fit-tight .clock-backing{padding:4px 6px}
body[data-view="display"].fit-tight #clock{white-space:nowrap;font-size:24px}
@media(max-width:750px){body[data-view="display"].fit-tight #queueWrap td{padding:0}}
body[data-view="display"] .summary{min-height:70px}
body[data-view="display"] #pageInfo{max-width:50%;text-align:right}
body[data-view="display"] #queueWrap{overflow-x:visible}
body[data-view="display"] footer{margin-top:16px}
@media(max-width:750px){
 #authRecovery{align-items:stretch;flex-direction:column;font-size:15px;gap:10px}
 #queueWrap{border:0;background:none;box-shadow:none;overflow:visible}
 #queueWrap #empty{background:var(--paper);border:1px solid var(--border);border-radius:10px;margin:0;padding:36px 16px;font-size:26px}
 #queueWrap table,#queueWrap tbody{display:block;min-width:0;width:100%}
 #queueWrap thead{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
 #queueWrap tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:16px;margin:0 0 12px}
 #queueWrap td{display:block;width:auto;height:auto;padding:0;font-size:18px;min-width:0}
 #queueWrap td:nth-child(2){grid-column:1 / -1;grid-row:1;font-size:22px;font-weight:700;line-height:1.2}
 #queueWrap td:nth-child(3){grid-column:1;grid-row:2}
 #queueWrap td:first-child{grid-column:2;grid-row:2;font-size:18px}
 #queueWrap td:first-child:empty{display:none}
 #queueWrap td:nth-child(4){grid-column:1 / -1;grid-row:3}
 #queueWrap td:first-child:not(:empty):before,#queueWrap td:nth-child(3):before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:4px}
 #queueWrap td select{width:100%;max-width:none;font-size:18px;min-height:48px}
 #queueWrap .pill{padding:7px 12px;font-size:16px}
 body[data-view="display"] .summary{min-height:64px;padding-bottom:14px}
 body[data-view="display"] #waitingCount{white-space:nowrap;font-size:30px}
 body[data-view="display"] main{padding-top:16px;padding-bottom:16px}
 body[data-view="display"] header{margin-bottom:16px}
 body[data-view="display"] #queueWrap tr{margin-bottom:0;border-radius:0;border-bottom:8px solid #203e4b}
}
@media(max-height:650px){
 body[data-view="display"] main{padding-top:8px;padding-bottom:8px}
 body[data-view="display"] header{margin:0 0 10px;gap:12px;flex-direction:row;justify-content:center}
 body[data-view="display"] h1{font-size:5vh;font-size:clamp(24px,5vh,42px)}
 body[data-view="display"] #clock{font-size:5vh;font-size:clamp(26px,5vh,40px)}
 body[data-view="display"] .headerRight{gap:4px}
 body[data-view="display"] .summary{min-height:40px;padding-bottom:8px}
 body[data-view="display"] #waitingCount{font-size:26px}
 body[data-view="display"] #queueWrap th{padding:8px 12px;font-size:18px}
 body[data-view="display"] #queueWrap td{padding:8px 12px;font-size:20px;height:auto}
 body[data-view="display"] footer{margin-top:8px}
}


/* OG charcoal and lime visual direction. Existing staff behavior is unchanged. */

:root{color-scheme:dark;--ink:#f5f4ec;--muted:#a9abaa;--teal:#bcf54c;--border:#414747;--paper:#202526}

body{background:#15191a;color:var(--ink);font-family:Arial,Helvetica,sans-serif}

.tile-scene{display:none}

header h1,#clock{font-family:Arial,Helvetica,sans-serif;color:var(--ink);-webkit-text-fill-color:currentColor;filter:none;text-shadow:none;letter-spacing:-.035em}

.title-backing,.clock-backing{background:none;box-shadow:none;border-radius:0;padding:0}

button,.button-link{color:#17200d;background:var(--teal)}

.secondary,.return-link,.header-signout{background:#2b3330;color:#d8e8ba;border-color:#546346}

input,select,textarea,td select{background:#151b19;color:var(--ink);border-color:#566151}

th{background:#303a29;color:#e2edce}tr:nth-child(even){background:#252b27}td:first-child{color:#c5cbc0}

#controls,#login,#history,.tableWrap{box-shadow:none;border-color:var(--border)}

.pill{background:#30372b;color:#d5dfa9}.pill.taken{background:#384723;color:#c1f751}

dialog{background:#202526;color:var(--ink);border-color:#59664c}.action-error,#deleteHistoryError,#loginError{color:#ffb6ac!important}

.login-back{background:#2b3330;color:#d8e8ba;border-color:#546346}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#bcf54c}

#status{color:#c3f75b}body.offline #status{color:#ffc49b}

#clock small{font-size:.32em;letter-spacing:-.03em;margin-left:.22em}

#calendarDate{color:#a9abaa;font-size:20px;margin-top:8px}

body[data-view="staff"] main{max-width:1640px}

body[data-view="staff"] header{align-items:flex-start;text-align:left;margin-bottom:30px;padding-top:16px}

body[data-view="staff"] h1{font-size:42px}

body[data-view="staff"] .headerRight{flex-direction:row;align-items:baseline;gap:20px}

body[data-view="staff"] #clock{font-size:38px}

body[data-view="staff"] #calendarDate{display:none}

body[data-view="staff"] #waitingCount{font-size:36px}

body[data-view="staff"] #queueWrap td{font-size:24px}

body[data-view="staff"] #queueWrap th{font-size:18px}

body[data-view="display"] main{max-width:1600px;padding:4.1vh 6.2vw 3.3vh;padding:min(4.1vh,7.5vw) min(6.2vw,7vh) min(3.3vh,6vw);min-height:100vh;display:flex;flex-direction:column}

body[data-view="display"] header{align-items:flex-start;text-align:left;gap:0;margin:0 0 3.2vh;margin:0 0 min(3.2vh,6vw);padding:0 0 3.1vh;padding:0 0 min(3.1vh,5.8vw);border-bottom:2px solid #444b4b}

body[data-view="display"] .title-backing{max-width:78%}

body[data-view="display"] h1{font-size:10.8vw;font-size:min(10.8vw,5.75vh);line-height:.99;font-weight:750;letter-spacing:-.04em;max-width:9em;color:#fffef7;text-shadow:0 0 8px rgba(188,245,76,.72),0 0 22px rgba(188,245,76,.48),0 0 40px rgba(188,245,76,.28)}
body[data-view="display"] .headerRight{width:100%;align-items:flex-start;gap:0;margin-top:3vh;margin-top:min(3vh,5.7vw)}

body[data-view="display"] #clock{font-size:26vw;font-size:min(26vw,13.8vh);font-weight:700;letter-spacing:-.065em;line-height:1.06;white-space:nowrap}

body[data-view="display"] #calendarDate{font-size:4.4vw;font-size:min(4.4vw,2.35vh);line-height:1.25;margin-top:.7vh;margin-top:min(.7vh,1.3vw)}

body[data-view="display"] #status{position:absolute;right:0;top:1vh;top:min(1vh,2vw);font-size:4vw;font-size:min(4vw,2.15vh);letter-spacing:0;max-width:25%;white-space:normal;text-align:right;line-height:1.3}

body[data-view="display"] #app{flex:1;display:flex;flex-direction:column}

body[data-view="display"] .summary{padding:0 1vw 1.8vh;padding:0 1vw min(1.8vh,3.4vw);min-height:0;align-items:center;gap:clamp(16px,2.2vw,30px)}
body[data-view="display"] .queue-title{margin:0;font-size:clamp(18px,3.2vw,34px);font-weight:700;letter-spacing:-.02em;white-space:nowrap}
body[data-view="display"] #waitingCount{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:clamp(32px,5.2vh,54px);padding:0 clamp(12px,1.8vw,22px);border:1px solid #47543a;border-radius:999px;background:#222b1e;color:#c3f75b;font-size:clamp(14px,2.4vw,22px);font-weight:700;line-height:1;letter-spacing:0;white-space:nowrap}
body[data-view="display"] #pageInfo{font-size:2.2vw;font-size:min(2.2vw,1.4vh);max-width:38%}

#displayQueue{width:100%;min-width:0}

.display-entry{overflow-wrap:anywhere;break-inside:avoid}

.entry-content{min-width:0}

.entry-content h2{font-size:9.2vw;font-size:min(9.2vw,4.9vh);line-height:1.08;font-weight:700;letter-spacing:-.025em;margin:0}

.entry-content p{font-size:4.8vw;font-size:min(4.8vw,2.55vh);line-height:1.3;color:#acb0a9;margin:.7vh 0 0;margin:min(.7vh,1.3vw) 0 0}

.key-holder{background:#252f1d;border-left:1.4vw solid #bcf54c;border-left:min(1.4vw,.74vh) solid #bcf54c;padding:1.4vh 4.8vw 1.4vh;padding:min(1.4vh,2.6vw) min(4.8vw,2.55vh) min(1.4vh,2.6vw);margin:0 0 1.7vh;margin:0 0 min(1.7vh,3.2vw)}

.key-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:clamp(10px,2vw,22px);margin-bottom:min(.8vh,1.5vw)}
.key-label{display:block;color:#bcf54c;font-size:4.1vw;font-size:min(4.1vw,2.2vh);font-weight:700;letter-spacing:.025em;line-height:1.2}
.key-time{color:#d1d5ca;font-size:3.5vw;font-size:min(3.5vw,1.85vh);font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}
.waiting-entry{position:relative;display:flex;display:grid;grid-template-columns:16vw minmax(0,1fr);grid-template-columns:min(16vw,8.5vh) minmax(0,1fr);gap:3.8vw;gap:min(3.8vw,2vh);padding:1.8vh 1vw;padding:min(1.8vh,3.4vw) 1vw;border-bottom:2px solid #444b4b}

.waiting-entry:has(.queue-number:first-child){align-items:start}

.queue-number{font-size:9.5vw;font-size:min(9.5vw,5.05vh);font-weight:700;line-height:1.08;color:#bcf54c;letter-spacing:-.04em;font-variant-numeric:tabular-nums}

.key-holder + .waiting-entry{padding-top:5.4vh;padding-top:min(5.4vh,10.2vw)}

.key-holder + .waiting-entry:before{content:'UP NEXT';position:absolute;top:1.5vh;top:min(1.5vh,2.8vw);left:1vw;color:#a9abaa;font-size:3vw;font-size:min(3vw,1.6vh);font-weight:700;letter-spacing:.08em}

.display-empty{padding:7vh 3vw;padding:min(7vh,13vw) 3vw;border-top:1px solid #3c4636;border-bottom:1px solid #3c4636;color:#b6bcae;font-size:6vw;font-size:min(6vw,3.2vh);text-align:center}

body[data-view="display"] footer{margin-top:auto;padding-top:3.5vh;padding-top:min(3.5vh,6.6vw);font-size:3.4vw;font-size:min(3.4vw,1.8vh);color:#a9abaa;gap:16px}
body[data-view="display"] footer{flex-wrap:wrap}
body[data-view="display"] .footer-ad{order:3;flex:0 0 100%;max-width:100%;margin:0;padding:8px 0 0;border-top:1px solid rgba(188,245,76,.22);color:#a9abaa;font-size:clamp(11px,2.2vw,15px);line-height:1.35;letter-spacing:.01em;text-align:center}
body[data-view="display"] .footer-ad strong{color:#bcf54c;font-weight:700}
body[data-view="staff"] .footer-ad{display:none}
body[data-view="display"] .staff-link{color:#bcf54c;border:2px solid #bcf54c;border-radius:10px;font-size:3.8vw;font-size:min(3.8vw,2vh);min-height:48px;padding:1.5vh 5.5vw;padding:min(1.5vh,2.8vw) min(5.5vw,2.9vh)}

#displayQueue.compact .entry-content h2,#displayQueue.compact .queue-number{font-size:5vw;font-size:min(5vw,3vh)}

#displayQueue.compact .entry-content p{font-size:3.5vw;font-size:min(3.5vw,2vh)}

#displayQueue.compact .display-entry{padding-top:1vh;padding-bottom:1vh}

#displayQueue.compact .waiting-entry:before{display:none}

@media(min-aspect-ratio:1/1){

 body[data-view="display"] main{padding:32px 5vw}

 body[data-view="display"] header{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-bottom:24px;margin-bottom:24px}

 body[data-view="display"] h1{font-size:5vw;font-size:min(5vw,7vh);max-width:9em}

 body[data-view="display"] .headerRight{margin:0;align-items:flex-end}

 body[data-view="display"] #clock{font-size:8vw;font-size:min(8vw,12vh)}

 body[data-view="display"] #calendarDate{font-size:1.5vw;font-size:min(1.5vw,2.5vh)}

 body[data-view="display"] #status{position:static;font-size:16px;max-width:none;margin-top:8px}

 body[data-view="display"] #waitingCount{font-size:4vw;font-size:min(4vw,6vh)}

 .entry-content h2,.queue-number{font-size:3.6vw;font-size:min(3.6vw,5.4vh)}

 .entry-content p{font-size:1.8vw;font-size:min(1.8vw,2.8vh)}

 .key-label{font-size:18px}.key-holder{padding:18px 26px;border-left-width:7px;margin-bottom:12px}

 .waiting-entry{grid-template-columns:90px 1fr;padding:16px 8px;gap:20px}

 .key-holder+.waiting-entry{padding-top:48px}.key-holder+.waiting-entry:before{font-size:15px;top:12px}

 body[data-view="display"] footer{font-size:16px;padding-top:20px}

 body[data-view="display"] .staff-link{font-size:18px;padding:12px 28px}

}

body[data-view="display"] .clock-backing{display:flex;flex-direction:column;align-items:flex-start}
body[data-view="display"] .headerRight{margin-top:1.6vh;margin-top:min(1.6vh,3vw)}
body[data-view="display"] #clock{display:block}
body[data-view="display"] #calendarDate{display:block}
body[data-view="display"] header .title-backing,body[data-view="display"] .clock-backing{padding-left:1.8vw}
.key-holder{padding-top:1.2vh;padding-top:min(1.2vh,2.3vw);padding-bottom:1.2vh;padding-bottom:min(1.2vh,2.3vw)}
.key-holder .entry-content h2{font-size:9vw;font-size:min(9vw,4.75vh)}
.key-holder .entry-content p{font-size:4.6vw;font-size:min(4.6vw,2.4vh);line-height:1.15}
.key-label{font-size:4vw;font-size:min(4vw,2.1vh);line-height:1.1}
.waiting-entry{padding-top:1.6vh;padding-top:min(1.6vh,3vw);padding-bottom:1.6vh;padding-bottom:min(1.6vh,3vw)}
.waiting-entry .entry-content p{line-height:1.15}
@media(min-aspect-ratio:1/1){body[data-view="display"] .headerRight{margin-top:0}body[data-view="display"] .clock-backing{align-items:flex-end}body[data-view="display"] header .title-backing,body[data-view="display"] .clock-backing{padding-left:0}.key-holder .entry-content h2{font-size:3.6vw;font-size:min(3.6vw,5.4vh)}.key-holder .entry-content p{font-size:1.8vw;font-size:min(1.8vw,2.8vh)}.key-label{font-size:18px}}

body[data-view="display"] #clock{line-height:.9}
body[data-view="display"] header{margin-bottom:2.5vh;margin-bottom:min(2.5vh,4.7vw)}
body[data-view="display"] #calendarDate{font-size:4.2vw;font-size:min(4.2vw,2.23vh)}
body[data-view="display"] #status{overflow-wrap:anywhere}
body[data-view="display"].offline #status{font-size:2.8vw;font-size:min(2.8vw,1.5vh)}
@media(max-aspect-ratio:1/1){body[data-view="display"] .summary{position:relative;padding-bottom:calc(min(1.8vh,3.4vw) + 44px)}body[data-view="display"] .summary:after{content:"";position:absolute;left:0;right:0;bottom:10px;height:2px;background:rgba(169,171,170,.58)}}
.waiting-entry{padding-top:1vh;padding-top:min(1vh,1.9vw);padding-bottom:1vh;padding-bottom:min(1vh,1.9vw)}
.key-holder{padding-top:1vh;padding-top:min(1vh,1.9vw);padding-bottom:1vh;padding-bottom:min(1vh,1.9vw)}
@media(min-aspect-ratio:1/1){body[data-view="display"] #clock{line-height:1.06}body[data-view="display"] #calendarDate{font-size:1.5vw;font-size:min(1.5vw,2.5vh)}}

.key-holder{margin-bottom:.8vh;margin-bottom:min(.8vh,1.5vw)}
.waiting-entry .entry-content p{font-size:4.45vw;font-size:min(4.45vw,2.36vh)}
body[data-view="display"] #status{color:#f5f4ec}
body[data-view="display"] #status::first-letter{color:#bcf54c}

body[data-view="display"] .staff-link{display:inline-flex;align-items:center;gap:3vw;gap:min(3vw,1.6vh)}
.staff-link svg{width:1.4em;height:1.4em;flex-shrink:0}

.key-holder{margin-bottom:.4vh;margin-bottom:min(.4vh,.75vw)}
.waiting-entry{padding-bottom:.7vh;padding-bottom:min(.7vh,1.3vw)}

button.history-delete{color:#ff9999}.history-delete:hover{background:#522e30}


@supports not (display:grid){.queue-number{display:block;width:16vw;min-width:16vw;margin-right:3.8vw}.waiting-entry .entry-content{flex:1}.waiting-entry{align-items:flex-start}}

@media(max-aspect-ratio:1/1){body[data-view="display"] main{padding:4vh 6vw 3vh}body[data-view="display"] header{padding-bottom:2.5vh;margin-bottom:2vh}body[data-view="display"] .title-backing{max-width:78%}body[data-view="display"] h1{font-size:7vw;line-height:1.05;max-width:11em}body[data-view="display"] .headerRight{margin-top:2.5vh}body[data-view="display"] #clock{font-size:15vw;line-height:1}body[data-view="display"] #calendarDate{font-size:3.4vw;margin-top:1vh}body[data-view="display"] #status{font-size:3.2vw}body[data-view="display"] #waitingCount{font-size:7.5vw}body[data-view="display"] .summary{padding-bottom:1.8vh}body[data-view="display"] .entry-content h2,body[data-view="display"] .key-holder .entry-content h2,body[data-view="display"] .queue-number{font-size:7vw}body[data-view="display"] .entry-content p,body[data-view="display"] .key-holder .entry-content p,body[data-view="display"] .waiting-entry .entry-content p{font-size:3.6vw}body[data-view="display"] .key-label{font-size:3.2vw}body[data-view="display"] .key-holder{padding:1.5vh 4vw;border-left-width:1vw}body[data-view="display"] .waiting-entry{grid-template-columns:11vw minmax(0,1fr);gap:3vw;padding:1.4vh 1vw}body[data-view="display"] .queue-number{width:11vw;min-width:11vw;margin-right:0}body[data-view="display"] .key-holder+.waiting-entry{padding-top:4.2vh}body[data-view="display"] .key-holder+.waiting-entry:before{font-size:2.6vw;top:1.4vh}body[data-view="display"] footer{font-size:2.9vw}body[data-view="display"] .staff-link{font-size:3.2vw;padding:1.2vh 3.5vw}body[data-view="display"] #displayQueue.compact .entry-content h2,body[data-view="display"] #displayQueue.compact .queue-number{font-size:5vw}body[data-view="display"] #displayQueue.compact .entry-content p{font-size:3vw}}
/* Balanced display header and smaller waiting rows. */
body[data-view="display"] .waiting-entry .entry-content h2,body[data-view="display"] .waiting-entry .queue-number{font-size:2.7vw}body[data-view="display"] .waiting-entry .entry-content p{font-size:1.5vw}body[data-view="display"] .waiting-entry{padding-top:.9vh;padding-bottom:.9vh}@media(max-aspect-ratio:1/1){body[data-view="display"] header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}body[data-view="display"] header .title-backing{width:48%;max-width:48%;padding-left:0}body[data-view="display"] h1{font-size:5.5vw;line-height:1.08}body[data-view="display"] .headerRight{width:48%;margin-top:0;align-items:flex-end;text-align:right}body[data-view="display"] .clock-backing{align-items:flex-end;padding-left:0}body[data-view="display"] #clock{font-size:10vw}body[data-view="display"] #calendarDate{font-size:2.5vw;line-height:1.35}body[data-view="display"] #status{position:static;max-width:none;font-size:2.7vw;margin-top:1vh}body[data-view="display"] .waiting-entry .entry-content h2,body[data-view="display"] .waiting-entry .queue-number{font-size:5.2vw}body[data-view="display"] .waiting-entry .entry-content p{font-size:2.9vw}body[data-view="display"] .waiting-entry{grid-template-columns:8vw minmax(0,1fr);padding-top:1vh;padding-bottom:1vh}body[data-view="display"] .waiting-entry .queue-number{width:8vw;min-width:8vw}body[data-view="display"] .key-holder+.waiting-entry{padding-top:3.8vh}}
/* Staff workflow refresh */
body[data-view="staff"] main{max-width:1320px;padding:30px clamp(20px,4vw,56px) 48px}body[data-view="staff"] header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin:0 0 30px;padding:4px 0 22px;border-bottom:1px solid #343b3b;text-align:left}body[data-view="staff"] header .title-backing{padding:0}body[data-view="staff"] header h1{font-size:clamp(28px,3vw,40px);line-height:1.1;max-width:none}body[data-view="staff"] header .headerRight{grid-column:2;grid-row:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:18px;margin:0;padding-right:108px;width:auto}body[data-view="staff"] #clock{font-size:clamp(22px,2.2vw,30px);line-height:1}body[data-view="staff"] #calendarDate{display:none}body[data-view="staff"] #status{font-size:14px}body[data-view="staff"] .header-signout{top:0;right:0;min-height:40px;padding:9px 14px}body[data-view="staff"] #controls{padding:clamp(20px,3vw,34px);border-radius:16px;background:linear-gradient(145deg,#202526,#1c2122);margin-bottom:28px}body[data-view="staff"] .staff-heading{margin-bottom:6px}body[data-view="staff"] #staffBadge{font-size:clamp(24px,2.3vw,32px);font-weight:650;letter-spacing:-.03em}body[data-view="staff"] #signedIn{font-size:14px}body[data-view="staff"] .staff-intro{margin:8px 0 24px;color:#a9abaa;font-size:15px;line-height:1.5}body[data-view="staff"] #addForm{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(200px,.85fr) auto;align-items:end;gap:16px}body[data-view="staff"] #addForm label{font-size:13px;color:#c8cdca;margin:0 0 8px}body[data-view="staff"] #addForm input,body[data-view="staff"] #addForm select{height:52px;padding:0 15px;border-radius:9px;font-size:16px}body[data-view="staff"] #addForm button{height:52px;min-height:52px;padding:0 23px;border-radius:9px;font-size:15px;white-space:nowrap}body[data-view="staff"] .actions{align-items:center;gap:10px;margin-top:20px}body[data-view="staff"] .actions .return-link{min-height:40px;padding:9px 13px;border:0;background:transparent;color:#a9abaa;font-size:14px;font-weight:500}body[data-view="staff"] .actions #settingsButton{min-height:40px;padding:9px 13px;border:1px solid #394241;border-radius:8px;background:#252c2c;color:#d5ddc8;font-size:13px;font-weight:600}body[data-view="staff"] .summary{display:flex;align-items:center;gap:14px;padding:0 0 14px;color:#f5f4ec}body[data-view="staff"] #waitingCount{font-size:14px;font-weight:650;letter-spacing:0;padding:8px 13px;border:1px solid #526238;border-radius:999px;background:#252d20;color:#c6f36a}body[data-view="staff"] #pageInfo{font-size:13px}body[data-view="staff"] footer{font-size:13px;color:#858d89;margin-top:18px}body[data-view="staff"] #history{margin-top:26px;border-radius:12px}
@media(max-width:760px){body[data-view="staff"] main{padding:20px 16px 36px}body[data-view="staff"] header{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-bottom:16px;margin-bottom:20px}body[data-view="staff"] header h1{font-size:26px}body[data-view="staff"] header .headerRight{padding-right:0;grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:12px}body[data-view="staff"] .header-signout{top:0;right:0}body[data-view="staff"] #controls{padding:20px;margin-bottom:22px}body[data-view="staff"] .staff-heading{align-items:flex-start;gap:8px;flex-direction:column}body[data-view="staff"] #addForm{grid-template-columns:1fr;gap:14px}body[data-view="staff"] #addForm button{width:100%;margin-top:2px}body[data-view="staff"] .actions{margin-top:14px}}

/* Staff layout refinement */
body[data-view="staff"] main{max-width:1640px;padding:30px clamp(20px,3.25vw,56px) 48px}
body[data-view="staff"] header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 clamp(30px,2.35vw,40px);padding:4px 0 clamp(26px,1.55vw,30px);border-bottom:1px solid #343b3b}
body[data-view="staff"] header .title-backing{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
body[data-view="staff"] header h1{font-size:clamp(32px,3vw,52px);line-height:1.12;margin:0;letter-spacing:-.035em}
body[data-view="staff"] #status{position:static;display:block;margin:0;text-align:left;color:#b1ef3f;font-size:clamp(14px,1vw,17px);line-height:1.3}
body[data-view="staff"] header .headerRight{display:flex;align-items:center;justify-content:flex-end;min-height:50px;margin-left:auto;padding-right:108px}
body[data-view="staff"] header .clock-backing{display:flex;align-items:baseline;gap:3px}
body[data-view="staff"] #clock{font-size:clamp(23px,2.2vw,36px);line-height:1;font-weight:750}
body[data-view="staff"] #calendarDate{display:none}
body[data-view="staff"] .header-signout{position:absolute;right:0;top:0;min-height:50px;padding:0 18px}
body[data-view="staff"] #controls{padding:clamp(28px,3vw,48px);border-radius:20px}
body[data-view="staff"] .staff-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
body[data-view="staff"] #staffBadge{font-size:clamp(32px,2.4vw,42px);line-height:1.14;margin:0}
body[data-view="staff"] #signedIn{margin:8px 0 0 auto;white-space:nowrap;color:#b8c1c3;font-size:clamp(14px,1vw,17px)}
body[data-view="staff"] .staff-intro{margin:12px 0 clamp(22px,2.1vw,34px);font-size:clamp(15px,1.2vw,19px);line-height:1.5}
body[data-view="staff"] #addForm{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(200px,.85fr) auto;align-items:end;gap:clamp(16px,1.3vw,24px)}
body[data-view="staff"] #addForm label{display:block;margin-bottom:8px;font-size:clamp(13px,.95vw,16px)}
body[data-view="staff"] #addForm input,body[data-view="staff"] #addForm select{height:clamp(52px,4vw,66px);padding:0 clamp(14px,1.2vw,20px);font-size:clamp(16px,1.2vw,19px);border-radius:11px}
body[data-view="staff"] #addForm button{height:clamp(52px,4vw,66px);padding:0 clamp(22px,1.8vw,30px);font-size:clamp(15px,1.15vw,18px);white-space:nowrap;border-radius:11px}
body[data-view="staff"] .actions{display:flex;align-items:center;gap:14px;margin-top:clamp(18px,1.6vw,26px)}
body[data-view="staff"] .return-link,body[data-view="staff"] #settingsButton{min-height:clamp(42px,3.2vw,54px);padding:0 clamp(14px,1.1vw,19px);border-radius:10px;font-size:clamp(14px,1vw,17px)}
body[data-view="staff"] .summary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:clamp(30px,2.8vw,44px);padding:0 0 clamp(16px,1.5vw,24px)}
body[data-view="staff"] .queue-title{margin:0;font-size:clamp(25px,2vw,32px);line-height:1.2;letter-spacing:-.025em}
body[data-view="staff"] #waitingCount{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border:1px solid #40552c;border-radius:999px;background:#222c1d;color:#b1ef3f;font-weight:700;font-size:15px}
@media(max-width:760px){body[data-view="staff"] main{padding:20px 18px 36px}body[data-view="staff"] header{align-items:flex-start;margin-bottom:24px;padding-bottom:20px}body[data-view="staff"] header h1{font-size:clamp(28px,7vw,38px)}body[data-view="staff"] header .headerRight{min-height:40px;padding-right:84px}body[data-view="staff"] #clock{font-size:23px}body[data-view="staff"] .header-signout{min-height:40px;padding:0 12px}body[data-view="staff"] #controls{padding:24px 20px;border-radius:16px}body[data-view="staff"] #staffBadge{font-size:30px}body[data-view="staff"] #signedIn{font-size:13px}body[data-view="staff"] #addForm{grid-template-columns:1fr;gap:14px}body[data-view="staff"] #addForm button{width:100%}body[data-view="staff"] .summary{margin-top:28px;padding-bottom:14px}body[data-view="staff"] .queue-title{font-size:24px}body[data-view="staff"] #waitingCount{min-height:36px;padding:0 14px;font-size:14px}}

/* Keep the first waiting row clear of the UP NEXT marker on wide displays too. */
@media(min-width:751px){body[data-view="display"] .key-holder+.waiting-entry{padding-top:clamp(48px,5.5vh,64px)}body[data-view="display"] .key-holder+.waiting-entry:before{top:14px}}

/* Clear hierarchy for the wall display: one lime title word, quiet count badge, and readable labels. */
body[data-view="display"] h1{color:#fffef7;text-shadow:none;filter:none}
body[data-view="display"] h1 .title-accent{color:#bcf54c}
body[data-view="display"] .summary{gap:0}
body[data-view="display"] #waitingCount{display:inline-flex;align-items:center;min-height:0;margin-left:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#bcf54c;font-size:clamp(21px,2.8vw,32px);line-height:1}
body[data-view="display"] .key-meta{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:0;row-gap:0}
body[data-view="display"].fit-tight #waitingCount{font-size:19px}
@media(max-aspect-ratio:1/1){body[data-view="display"] #clock{font-size:9vw}body[data-view="display"] .summary{flex-direction:column;align-items:flex-start;gap:8px}body[data-view="display"] #waitingCount{margin-left:0;font-size:clamp(21px,3.2vw,27px)}}

#status{color:#bcf54c}
body[data-view="display"] #status .status-dot{display:inline-block;margin-right:.28em;color:#bcf54c;transform-origin:center;animation:live-dot-pulse 3s ease-in-out infinite}
@keyframes live-dot-pulse{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
@media(max-aspect-ratio:1/1){body[data-view="display"] .clock-backing{width:100%}body[data-view="display"] #status{position:static;align-self:flex-end;margin:.6vh 0 0;color:#bcf54c;text-align:right;font-size:2.6vw;line-height:1.2}}
@media(prefers-reduced-motion:reduce){body[data-view="display"] #status .status-dot{animation:none;opacity:1}}
body[data-view="staff"] header .headerRight{position:absolute;top:0;right:clamp(100px,8vw,130px);align-self:auto;min-height:0;margin:0;padding:0}

.workflow-glow{position:relative;z-index:1;animation:workflow-glow-pulse 1.8s ease-in-out infinite!important;border-color:#b1ef3f!important;box-shadow:0 0 0 2px rgba(177,239,63,.42),0 0 15px rgba(177,239,63,.38)!important}
@keyframes workflow-glow-pulse{0%,100%{box-shadow:0 0 0 2px rgba(177,239,63,.35),0 0 10px rgba(177,239,63,.28)}50%{box-shadow:0 0 0 3px rgba(177,239,63,.72),0 0 20px rgba(177,239,63,.52)}}
@media(prefers-reduced-motion:reduce){.workflow-glow{animation:none!important;box-shadow:0 0 0 3px rgba(177,239,63,.7),0 0 14px rgba(177,239,63,.4)!important}}

/* Staff header and card actions */
body[data-view="staff"] header .headerRight{display:flex;flex-direction:row;align-items:center;gap:clamp(12px,1.4vw,22px);position:absolute;top:0;right:clamp(140px,9vw,170px);min-height:50px;margin:0;padding:0}
body[data-view="staff"] .clock-backing{display:flex;align-items:baseline;padding:0}
body[data-view="staff"] #signedIn{display:inline-block;margin:0;white-space:nowrap;color:#b8c1c3;font-size:clamp(12px,.95vw,16px)}
body[data-view="staff"] .staff-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;margin-bottom:8px}
body[data-view="staff"] .staff-heading .actions{display:flex;align-items:center;gap:14px;margin:0 0 0 auto;flex-shrink:0}
body[data-view="staff"] .staff-heading .return-link,body[data-view="staff"] .staff-heading #settingsButton{margin:0}
@media(max-width:760px){body[data-view="staff"] header .headerRight{position:static;right:auto;top:auto;align-self:flex-start;min-height:0;margin:6px 88px 0 0;padding:0;flex-wrap:wrap;gap:10px}body[data-view="staff"] .staff-heading{align-items:flex-start;flex-direction:column;gap:14px}body[data-view="staff"] .staff-heading .actions{margin:0}}

/* Distinct emphasis for the primary queue action */
.workflow-glow#add{position:relative;z-index:2;animation:add-queue-halo 1.15s ease-in-out infinite!important;border-color:#f3ffd7!important;box-shadow:0 0 0 2px rgba(226,255,160,.95),0 0 18px rgba(177,239,63,.85),0 0 38px rgba(177,239,63,.42)!important;transform:scale(1.02)}
@keyframes add-queue-halo{0%,100%{box-shadow:0 0 0 2px rgba(226,255,160,.72),0 0 15px rgba(177,239,63,.65),0 0 26px rgba(177,239,63,.24);transform:scale(1)}50%{box-shadow:0 0 0 5px rgba(226,255,160,.95),0 0 28px rgba(177,239,63,.95),0 0 48px rgba(177,239,63,.5);transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.workflow-glow#add{animation:none!important;transform:none!important;box-shadow:0 0 0 3px rgba(226,255,160,.9),0 0 22px rgba(177,239,63,.65)!important}}

body[data-view="display"] .footer-ad{padding-top:18px;border-top:0}
body[data-view="display"] .footer-ad img{display:block;width:100%;max-width:600px;height:auto;margin:0 auto;border-radius:10px}

body[data-view="display"] .footer-ad{order:-1;padding:0 0 18px}