.topic-sidebar~.queue-page{margin-left:280px;max-width:none}
.queue-page{background:#f5f8fb;max-width:none;padding:44px clamp(20px,4vw,60px) 70px}.queue-heading{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin:0 auto 26px;max-width:1320px}.queue-heading h1{font-size:clamp(38px,5vw,65px);margin:9px 0}.queue-heading>div>p:last-child{margin:0;max-width:540px}.refresh-button{background:#126f9e;border:0;border-radius:7px;color:#fff;cursor:pointer;font:500 14px 'Kanit',sans-serif;padding:10px 16px;width:auto}.refresh-button:hover,.refresh-button:focus-visible{background:#07519f;outline:3px solid #b9ddf2;outline-offset:2px}.queue-layout{display:grid;gap:16px;grid-template-columns:minmax(520px,1.15fr) minmax(390px,.85fr);margin:0 auto;max-width:1320px}.right-column{display:grid;gap:16px;grid-template-rows:auto 1fr}.queue-panel{background:#d8edf8;border:1px solid #287bdf;border-radius:12px;overflow:hidden;padding:10px}.panel-title{align-items:center;background:#1678ed;border-radius:7px;color:#fff;display:flex;justify-content:space-between;padding:7px 14px}.panel-title h2{font:600 18px 'Kanit',sans-serif;margin:0}.panel-title span{font-size:13px}.queue-labels,.queue-row{align-items:center;display:grid;gap:8px;grid-template-columns:52px 1fr 74px 80px}.queue-labels{color:#17232d;font-size:13px;padding:9px 10px 6px}.queue-list{display:grid;gap:4px;max-height:calc(100vh - 290px);min-height:610px;overflow-y:auto;padding-right:2px}.queue-row{background:#7474ef;border-radius:7px;color:#fff;min-height:42px;padding:4px 7px}.queue-row.is-assigned{background:#456bd0}.queue-number{align-items:center;background:#ffe900;border-radius:6px;color:#171717;display:flex;font-weight:600;height:32px;justify-content:center}.queue-player{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-shuttle,.queue-court{background:#fff;border:0;border-radius:6px;color:#1f2a35;font:500 13px 'Kanit',sans-serif;height:32px;min-width:0}.queue-shuttle{cursor:pointer}.queue-shuttle:hover,.queue-shuttle:focus-visible{background:#fff6a5;outline:2px solid #ffe900}.queue-court{padding:0 5px}.waiting-panel{min-height:240px}.waiting-form{display:grid;gap:8px;grid-template-columns:1fr 96px auto;padding:12px 4px 10px}.waiting-form label{color:#324a5b;font-size:12px;margin:0}.waiting-form input,.waiting-form select{background:#fff;border:1px solid #b4c9d7;border-radius:6px;color:#17232d;font:14px 'Kanit',sans-serif;margin-top:3px;padding:7px 8px;width:100%}.waiting-form button,.assign-button{background:#126f9e;border:0;border-radius:6px;color:#fff;cursor:pointer;font:500 13px 'Kanit',sans-serif;padding:8px 12px}.waiting-form button{align-self:end;height:37px}.waiting-list{display:grid;gap:6px;padding:0 4px}.waiting-item{align-items:center;background:#fff;border-radius:7px;display:grid;gap:8px;grid-template-columns:1fr auto auto;padding:8px 10px}.waiting-item small{color:#627687}.assign-button{background:#1678ed}.empty-state{color:#6b7e8c;font-size:13px;margin:14px;text-align:center}.history-panel{min-height:260px}.history-scroll{overflow-x:auto}.history-panel table{border-collapse:collapse;margin-top:10px;min-width:540px;width:100%}.history-panel th,.history-panel td{background:#fff;border:1px solid #c8d9e4;color:#253541;font-size:12px;padding:8px;text-align:center}.history-panel th{background:#f6f9fb;font-weight:600}.history-panel .empty-state{background:transparent;color:#6b7e8c}@media(max-width:1100px){.queue-layout{grid-template-columns:1fr}.queue-list{max-height:none;min-height:0}.right-column{grid-template-columns:1fr 1fr;grid-template-rows:auto}.history-panel{min-height:0}}@media(max-width:760px){.topic-sidebar~.queue-page{margin-left:0}.queue-page{padding:28px 14px 45px}.queue-heading{align-items:flex-start;flex-direction:column}.queue-heading h1{font-size:44px}.queue-layout,.right-column{display:grid;grid-template-columns:1fr}.queue-list{max-height:560px}.waiting-form{grid-template-columns:1fr 90px}.waiting-form button{grid-column:1/-1}.queue-labels,.queue-row{grid-template-columns:42px 1fr 52px 62px}.queue-labels{font-size:11px;padding-left:4px}.queue-row{padding:4px}.queue-number,.queue-shuttle,.queue-court{height:30px}.queue-player{font-size:12px}}
