.tv-shell{--tv-ink:#142c35;--tv-green:#176950;--tv-muted:#60747a;background:#f1f5f3;border:1px solid #dbe6e1;border-radius:24px;padding:28px;color:var(--tv-ink);max-width:1600px;margin:auto}
.tv-header,.tv-toolbar,.tv-heading,.tv-lane>header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.tv-header{padding-bottom:22px;border-bottom:1px solid #d5e2db}.tv-eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:800;color:var(--tv-green);margin:0 0 8px}.tv-header h2{font-size:clamp(26px,2.7vw,42px);line-height:1.1;letter-spacing:-1.3px;margin:0 0 10px}.tv-header p:last-child{margin:0;color:var(--tv-muted);font-size:14px}.tv-clock{text-align:right;white-space:nowrap}.tv-clock strong{display:block;font-size:clamp(36px,4vw,56px);letter-spacing:-2px;font-variant-numeric:tabular-nums;line-height:1.1}.tv-clock span{font-size:11px;color:var(--tv-muted)}
.tv-toolbar{padding:20px 0 12px}.tv-toolbar label{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700}.tv-toolbar .select{width:220px;background:#fff}.tv-tools{display:flex;gap:8px}.tv-tools .btn{min-height:44px}
.tv-sync{font-size:12px;color:var(--tv-muted);margin:0 0 18px}.tv-sync.is-offline{background:#fff0dd;color:#814107;padding:14px;border-radius:10px}.tv-notification:empty{display:none}.tv-notification{background:#d5eee0;padding:12px;border-radius:10px;font-weight:700}.tv-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}.tv-stats article{background:white;border-radius:16px;border:1px solid #dae4df;padding:20px;min-width:0}.tv-stats article:first-child{background:#173e35;color:white;border-color:#173e35}.tv-stats span{font-size:12px;font-weight:700;display:block}.tv-stats strong{display:block;font-size:32px;letter-spacing:-1px;margin:10px 0 7px;line-height:1.1}.tv-stats small{font-size:12px;display:block;opacity:.75;overflow-wrap:anywhere}
.tv-layout{display:grid;grid-template-columns:minmax(255px,330px) minmax(0,1fr);gap:26px}.tv-heading{gap:10px;margin-bottom:12px}.tv-heading h3{font-size:18px;letter-spacing:-.4px;margin:0}.tv-heading>span{font-size:11px;white-space:nowrap;color:var(--tv-muted)}#tvPendingCount{background:#eea948;border-radius:20px;padding:5px 10px;color:#44310e;font-weight:800}.tv-pending>p{font-size:12px;color:var(--tv-muted);margin:0 0 16px}
.tv-request{padding:20px;border:1px solid #edd9b4;border-left:4px solid #d99a36;border-radius:15px;background:#fffdf8;margin-bottom:12px}.tv-request-time{display:flex;align-items:center;justify-content:space-between;gap:8px}.tv-request-time strong{font-size:26px;font-variant-numeric:tabular-nums}.tv-request-time span{font-size:12px;background:#fff0d5;padding:4px 8px;border-radius:6px}.tv-request h4{font-size:19px;margin:15px 0 6px;overflow-wrap:anywhere}.tv-request p{font-size:13px;line-height:1.7;color:var(--tv-muted);margin:0 0 16px;overflow-wrap:anywhere}.tv-request .tv-warning{color:#994800}.tv-request-actions{display:flex;gap:8px}.tv-request-actions button{flex:1;border-radius:10px;min-height:48px;font-size:15px;font-weight:800;cursor:pointer;border:1px solid #d4ded8}.tv-accept{background:#176950;color:#fff;border-color:#176950!important}.tv-decline{background:#fff;color:#874646}.tv-request-actions button:disabled{opacity:.45;cursor:not-allowed}
.tv-lane{margin-bottom:18px;background:#fff;border:1px solid #dae4df;border-radius:16px;overflow:hidden}.tv-lane>header{background:#f9fbfa;border-bottom:1px solid #e2eae5;padding:14px 18px}.tv-lane h4{margin:0;font-size:17px}.tv-slot{display:flex;gap:16px;align-items:center;padding:18px;border-bottom:1px solid #e8eeeb;border-left:4px solid #416aa1;min-height:83px}.tv-slot:last-child{border-bottom:0}.tv-slot time{flex:0 0 68px;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.tv-slot time small{display:block;font-size:10px;font-weight:500;color:var(--tv-muted);margin-top:5px}.tv-slot>div{min-width:0;flex:1}.tv-slot strong{display:block;font-size:17px;overflow-wrap:anywhere}.tv-slot span{display:block;font-size:12px;color:var(--tv-muted);margin-top:5px;overflow-wrap:anywhere}.tv-slot.free{border-left-color:#389274;background:#f3fbf6}.tv-slot.free strong{color:#176950}.tv-slot.pending{border-left-color:#d99a36;background:#fffbf2}.tv-slot.break{border-left-color:#97a3a5;background:repeating-linear-gradient(-45deg,#f8f9f9,#f8f9f9 8px,#f4f6f5 8px,#f4f6f5 16px)}.tv-slot.done{border-left-color:#a7b2b0;opacity:.65}.tv-now{background:#e2eef9;color:#315985;padding:5px 8px;border-radius:7px;font-size:10px}.tv-empty{padding:24px 18px;font-size:14px;color:var(--tv-muted);line-height:1.7;border:1px dashed #c6d7cd;border-radius:12px}.tv-empty p{margin:6px 0 0;font-size:13px}.tv-footnote{margin:24px 0 0;color:var(--tv-muted);font-size:11px;line-height:1.7}
#tvScreen:fullscreen{overflow:auto;max-width:none;border:0;border-radius:0;min-height:100vh;padding:36px;background:#f1f5f3}#tvScreen:fullscreen .tv-slot strong{font-size:22px}#tvScreen:fullscreen .tv-layout{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}
.hours-help{font-size:13px;line-height:1.7;color:#60747a;margin:0 0 16px}.hours-quick{margin-bottom:18px}.hours-quick button{white-space:normal;min-height:44px}.hours-row{border:1px solid #dce6e0;border-radius:13px;padding:16px;margin-bottom:12px;background:#fff}.hours-day{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;cursor:pointer}.hours-day input,.hours-lunch input{width:20px;height:20px;accent-color:#176950}.hours-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.hours-inputs label{font-size:11px;color:#52686a;font-weight:600;min-width:0}.hours-inputs .input{display:block;margin-top:6px;width:100%;min-width:0;min-height:44px}.hours-inputs .hours-lunch{display:flex;grid-column:1/-1;align-items:center;gap:8px;font-size:13px}.hours-inputs input:disabled{opacity:.5}.hours-row.is-off{background:#f6f8f7}.hours-row.is-off .hours-inputs{display:none}#hoursImpact{background:#eef5f0;border-radius:12px;padding:14px;margin:16px 0 0}
@media(min-width:1600px){#tvAgenda{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.tv-slot{min-height:94px}}
@media(max-width:1100px){.tv-shell{padding:22px}.tv-layout{grid-template-columns:minmax(230px,285px) minmax(0,1fr);gap:18px}.tv-stats article{padding:16px}.tv-toolbar label{display:block}.tv-toolbar .select{display:block;margin-top:5px}}
@media(max-width:760px){.tv-shell{padding:18px;border-radius:18px}.tv-layout,#tvScreen:fullscreen .tv-layout{grid-template-columns:1fr}.tv-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.tv-stats article{padding:15px}.tv-stats strong{font-size:28px}.tv-toolbar{align-items:flex-end;gap:8px;flex-wrap:wrap}.tv-toolbar label{flex:1;min-width:180px}.tv-toolbar .select{width:100%}.tv-tools{flex-wrap:wrap}.tv-tools .btn{font-size:12px;padding:10px}.tv-header{align-items:flex-start;gap:10px}.tv-header h2{font-size:27px}.tv-header p:last-child{font-size:12px}.tv-clock strong{font-size:32px}.tv-clock span{font-size:9px}.tv-eyebrow{font-size:9px;letter-spacing:1px}.tv-request-actions button{min-height:52px}.tv-pending{order:0}.tv-slot{padding:15px 12px;gap:10px}.tv-now{display:none}.tv-lane>header{padding:12px}.tv-heading h3{font-size:17px}.tv-heading>span{font-size:10px}.hours-inputs{grid-template-columns:1fr 1fr}#tvScreen:fullscreen{padding:16px}}
@media(prefers-reduced-motion:reduce){.tv-shell *{scroll-behavior:auto!important;transition:none!important}}
.tv-stats article{overflow-wrap:anywhere}
@media(max-width:760px){.tv-stats small{display:none}.tv-stats article{padding:14px}.tv-stats strong{margin:7px 0 0}}
