:root{--pink:#FABDDF;--ink:#212925;--muted:#727b74;--line:#e1e5dc;--green:#397750;--cream:#f6f7f1;--red:#a83e42}*{box-sizing:border-box}body{margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--cream);color:var(--ink)}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a64c81;outline-offset:3px}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{padding:32px 22px;background:#fff;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-weight:900;font-size:29px;letter-spacing:-1.7px}.brand span{background:var(--pink);padding:1px 7px;border-radius:7px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:750;color:var(--muted)}.sidebar .eyebrow{margin-top:6px}.workspace{margin:39px 0 20px;padding:13px 11px;background:var(--cream);border:1px solid var(--line);border-radius:10px;font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.nav{display:grid;gap:7px}.nav a{text-decoration:none;color:var(--muted);padding:12px;border-radius:8px;display:flex;gap:12px;align-items:center;font-size:13px}.nav a.active{color:var(--ink);background:var(--pink);font-weight:700}.nav i{font-style:normal;font-size:18px;width:22px}.parent{margin-top:auto;padding-top:25px;font-size:11px;color:var(--muted)}.parent strong{display:block;font-size:17px;letter-spacing:1px;color:var(--ink)}.main{padding:29px 38px 40px;max-width:1700px;width:100%}.topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line);gap:20px;font-size:12px;color:var(--muted)}.topbar strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:15px}.pill{border:1px solid var(--line);border-radius:20px;padding:5px 10px;font-size:11px;white-space:nowrap;background:#fff}.pill.down{color:var(--red);background:#fff0ed;border-color:#f0d7d4}.pill.running{color:var(--green);background:#eff6ec}.pill.idle{color:var(--muted)}.heading{display:flex;justify-content:space-between;align-items:end;margin:30px 0 24px;gap:20px}h1{font-size:32px;letter-spacing:-1.2px;line-height:1.2;margin:7px 0 9px}h2{font-size:17px;margin:0}h3{font-size:15px;margin:0}.sub{color:var(--muted);font-size:13px;margin:0}.primary,.secondary,.danger{padding:11px 17px;border-radius:8px;font-weight:650;font-size:12px}.primary{background:var(--ink);color:#fff}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.danger{background:#a83e42;color:#fff}.quiet{background:transparent;color:var(--muted);font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:27px}.stat{padding:21px;background:white;border:1px solid var(--line);border-radius:12px;min-height:145px}.stat:first-child{background:var(--pink);border-color:var(--pink)}.stat-label{font-size:12px;color:#536058;display:flex;justify-content:space-between}.stat-value{font-size:39px;font-weight:650;letter-spacing:-1.5px;margin:9px 0 5px;line-height:1.2}.stat-value small{font-size:19px}.stat-note{font-size:11px;color:#647067}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.lines{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:27px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.card-top{padding:20px 20px 17px;display:flex;justify-content:space-between;align-items:center}.product{padding:0 20px;color:var(--muted);font-size:12px;min-height:39px}.line-body{display:flex;gap:22px;align-items:center;padding:14px 20px 21px}.ring{width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--green) var(--progress),#eef0e9 0);display:grid;place-items:center;flex-shrink:0}.ring-inner{width:80px;height:80px;background:white;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ring strong{font-size:24px;letter-spacing:-1px}.ring small{font-size:9px;color:var(--muted)}.line-numbers{flex:1;font-size:11px}.line-numbers div{display:flex;justify-content:space-between;margin:9px 0;gap:10px;color:var(--muted)}.line-numbers b{color:var(--ink);font-size:12px}.card-footer{border-top:1px solid var(--line);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.link{color:var(--ink);text-decoration:none;font-weight:650;background:none;padding:0}.bottom-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);padding:22px;border-radius:12px}.event{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #eef0e9;font-size:12px}.event:last-child{border-bottom:0}.event small{display:block;color:var(--muted);font-size:10px}.empty{padding:35px 15px;text-align:center;color:var(--muted);font-size:13px}.empty strong{display:block;color:var(--ink);margin-bottom:5px}.bar-row{display:grid;grid-template-columns:135px 1fr 45px;align-items:center;gap:13px;font-size:11px;margin:20px 0}.bar{background:#eef0e9;border-radius:4px;height:9px;overflow:hidden}.bar span{display:block;background:var(--pink);height:100%}.note{color:var(--muted);font-size:11px;margin-top:15px}.footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:26px}.operator-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:22px}.operator-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px}.operator-metrics .stat:first-child{background:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:12px;font-weight:650;margin:0 0 15px}input,select{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #cfd6cc;border-radius:7px;background:#fff;color:var(--ink)}input[type=number]{font-size:23px}.wide{width:100%;padding:16px;font-size:15px}.actions{display:flex;gap:12px;margin-top:16px}.banner{background:#fff0ed;color:var(--red);padding:15px;border-radius:8px;margin-bottom:18px;font-size:13px}.banner.good{background:#eaf3e7;color:var(--green)}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}th,td{padding:15px 10px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}dialog{border:1px solid var(--line);border-radius:15px;width:min(480px,95vw);padding:28px;box-shadow:0 30px 90px #0002}dialog::backdrop{background:#18251a70;backdrop-filter:blur(3px)}dialog h2{margin-bottom:22px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.login{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr}.login-art{background:var(--pink);padding:65px;display:flex;flex-direction:column;justify-content:space-between}.login-art h1{font-size:64px;max-width:600px;letter-spacing:-3px}.login-form{align-self:center;max-width:370px;margin:45px}.login-form h1{margin:18px 0}.login-form form{margin-top:30px}.login-art .parent{margin:0}.preview-note{border-top:1px solid var(--line);padding-top:18px;margin-top:30px;font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:13px 22px;border-radius:9px;z-index:10;display:none;max-width:90vw;font-size:13px}.error{color:var(--red);font-size:12px}.tv .sidebar{display:none}.tv .shell{display:block}.tv .main{max-width:none;padding:35px 45px}.tv .lines{gap:24px}.tv .ring{width:150px;height:150px}.tv .ring-inner{width:124px;height:124px}.tv .ring strong{font-size:39px}.tv .stat-value{font-size:49px}.tv .line-numbers{font-size:14px}.tv .line-numbers b{font-size:16px}.tv .card-top h3{font-size:24px}.tv .product{font-size:16px}.tv .line-body{padding:25px}.tv .card-footer{font-size:14px}.tv .bottom-grid{display:none}.tv .heading h1{font-size:40px}@media(max-width:1150px){.main{padding:25px}.shell{grid-template-columns:190px 1fr}.line-body{gap:12px;flex-direction:column}.line-numbers{width:100%}.stats{gap:10px}.stat{padding:16px}.stat-value{font-size:32px}}@media(max-width:800px){.shell{display:block}.sidebar{position:static;height:auto;padding:15px 20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .workspace,.sidebar .parent,.sidebar>.eyebrow{display:none}.brand{font-size:25px}.nav{display:flex;margin-top:15px;overflow:auto;gap:5px}.nav a{padding:9px 12px;white-space:nowrap}.nav i{display:none}.main{padding:20px}.stats{grid-template-columns:1fr 1fr}.lines{grid-template-columns:1fr}.line-body{flex-direction:row}.bottom-grid,.operator-grid{grid-template-columns:1fr}.heading{align-items:start}.heading h1{font-size:27px}.topbar{padding-bottom:16px}.top-actions .pill{display:none}.login{grid-template-columns:1fr}.login-art{padding:30px;min-height:300px}.login-art h1{font-size:43px}.login-art>.sub{display:none}.login-form{margin:30px;max-width:none}.tv .main{padding:20px}.tv .lines{grid-template-columns:repeat(3,1fr)}.tv .line-body{flex-direction:column}.tv .ring{width:110px;height:110px}.tv .ring-inner{width:90px;height:90px}.footer{gap:20px}.section-head{gap:10px}}
@media(min-width:801px) and (max-height:850px){.tv .main{padding:20px 32px}.tv .topbar{padding-bottom:15px}.tv .heading{margin:20px 0 18px}.tv .heading h1{font-size:34px}.tv .stat{min-height:120px;padding:16px}.tv .stat-value{font-size:39px}.tv .stats{margin-bottom:20px}.tv .line-body{padding:15px}.tv .ring{width:116px;height:116px}.tv .ring-inner{width:94px;height:94px}.tv .ring strong{font-size:29px}.tv .card-top{padding:15px}.tv .card-top h3{font-size:21px}.tv .product{font-size:13px}.tv .card-footer{font-size:11px}.tv .lines{margin-bottom:14px}.tv .footer{margin-top:12px}}
.pill.idle .dot{background:#939b91}.pill.down .dot{background:var(--red)}
/* Shop-floor tablet: compact, high-contrast controls based on the supplied mockup. */
body.tablet-mode{background:#e9e9eb;color:#161616}.tablet-shell{max-width:900px;min-height:100vh;margin:0 auto;background:#fff;box-shadow:0 0 28px #0001;display:flex;flex-direction:column}.tablet-header{background:#151515;color:#fff;min-height:78px;padding:15px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:5px solid var(--pink)}.tablet-brand{font-size:31px;line-height:1;font-weight:900;letter-spacing:-1.4px}.tablet-brand small{display:block;font-size:10px;letter-spacing:2.4px;font-weight:500;text-align:center;margin-top:6px}.tablet-header-right{display:flex;align-items:center;gap:24px}.tablet-header time{font-size:21px;font-weight:650}.tablet-header button{background:none;color:#fff;font-size:27px;padding:3px 8px}.tablet-content{padding:20px 32px 24px;flex:1}.tablet-line-label{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:13px;color:#666;margin:0 0 6px}.tablet-line-label select{width:175px;padding:8px 12px;margin:0;font-size:15px}.tablet-title>span{font-size:21px;font-weight:750}.tablet-title h1{font-size:32px;color:#d75b9e;margin:5px 0 21px;letter-spacing:-1px}#tablet-start>label{font-size:17px;margin-bottom:18px}#tablet-start>label>span{display:block;margin-bottom:5px}#tablet-start select{font-size:20px;min-height:54px;margin-top:0;border:2px solid #d8dce1;background:#fafbfc}.tablet-headcount{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:4px 0 12px}.tablet-headcount>div{background:#fff0f8;border:1px solid #f5c6df;border-radius:9px;padding:13px 18px}.tablet-headcount label{font-size:16px;margin:0}.tablet-headcount output{display:block;font-size:33px;font-weight:750;line-height:1.2;margin:5px 0}.tablet-headcount small{display:block;font-size:11px;color:#795c70}.tablet-headcount>label{padding:13px 0}.tablet-headcount input{font-size:27px;min-height:59px;margin-top:9px;border:2px solid #d8dce1}.tablet-rate{font-size:13px;color:#656565;margin:0 0 16px}.tablet-start{display:block;background:var(--pink);color:#171217;border:0;border-radius:9px;padding:15px 22px;width:100%;font-size:23px;font-weight:800;min-height:61px}.tablet-help{padding:12px;background:#fff5e6;border:1px solid #e6d9b9;border-radius:7px;font-size:13px;margin-bottom:12px}.tablet-footer{font-size:10px;display:flex;justify-content:space-between;color:#777;padding:12px 32px;border-top:1px solid #eee}.tablet-footer span:first-child{font-weight:700;letter-spacing:.5px}#tablet-menu-panel{background:#222;padding:13px 28px;color:white}#tablet-menu-panel a,#tablet-menu-panel button{color:white;display:inline-block;background:none;text-decoration:none;padding:8px 15px;font-size:14px}.tablet-live-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:20px;margin:17px 0 14px}.tablet-status{padding:4px 22px;border-radius:20px;color:white;font-size:15px;background:#14911f;font-weight:700}.tablet-status.down{background:#a83e42}.tablet-meta{display:flex;flex-direction:column;font-size:14px;gap:3px;color:#555;margin:0 0 16px}.tablet-meta strong{font-size:18px;color:#222}.tablet-totals{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.tablet-totals>div,.tablet-totals>button{background:#128d20;color:white;border-radius:9px;text-align:center;padding:12px 10px;font-weight:700}.tablet-totals span{display:block;font-size:17px}.tablet-totals strong{display:block;font-size:35px;line-height:1.25}.tablet-totals .variance{background:var(--pink);color:#222}.tablet-performance{display:grid;grid-template-columns:190px 1fr;gap:30px;align-items:center;padding:25px 18px}.tablet-performance .ring{width:160px;height:160px;background:conic-gradient(#239e3b var(--progress),#e8ebdf 0)}.tablet-performance .ring-inner{width:132px;height:132px}.tablet-performance .ring strong{font-size:32px}.tablet-performance .ring small{font-size:18px;font-weight:800;color:#111}.tablet-performance p{display:flex;justify-content:space-between;gap:20px;font-size:19px;padding:9px 0;margin:0;border-bottom:1px solid #e2e2e2}.tablet-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.tablet-buttons button{border:2px solid #d9dce2;border-radius:8px;background:#f5f6f8;padding:14px 6px;font-size:18px;font-weight:750;min-height:59px}.tablet-buttons .resume{background:#138b20;color:white;border-color:#138b20}.tablet-stopped{background:#fce5e9;color:#942b3b;border:1px solid #efb8c1;border-radius:8px;padding:12px 18px;margin-bottom:15px;font-size:18px;font-weight:700}.tablet-stopped small{display:block;font-size:12px;font-weight:400}.tablet-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:21px;font-size:12px;color:#666}.tablet-bottom button{background:none;padding:10px;font-size:16px;font-weight:750;color:#222}.downtime-dialog{width:min(680px,95vw);padding:26px}.downtime-dialog h2{font-size:26px}.downtime-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:20px}.downtime-tiles button{min-height:97px;background:#f5f6f8;border:2px solid #dde0e6;border-radius:8px;font-size:16px;font-weight:700;padding:10px}.downtime-tiles button.selected{background:var(--pink);border-color:#f28fc5}.downtime-tiles button span{display:block;font-size:27px;line-height:1.1;margin-bottom:7px}.downtime-dialog .tablet-start{width:auto;min-width:170px;min-height:50px;font-size:20px}.shift-complete{background:#119321;color:#fff;border-radius:8px;padding:18px;text-align:center;font-size:26px;font-weight:800;margin:20px 0}.tablet-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.tablet-summary>div{background:#f7f8fa;border:1px solid #d8dce2;border-radius:8px;text-align:center;padding:16px 5px}.tablet-summary span{display:block;font-size:14px;font-weight:650}.tablet-summary b{display:block;font-size:27px}.master-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.upload-label{margin-top:20px}.upload-label input{font-size:13px;padding:12px;background:#f8f8f6}.leader-list{max-height:240px;overflow:auto}.leader-list>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:10px 0}.check{display:flex;align-items:center;gap:9px;font-size:14px;margin:15px 0}.check input{display:inline-block;width:20px;height:20px;margin:0;accent-color:#d75b9e}.assignment{background:#f7f7f4;border:1px solid #e0e3db;border-radius:8px;margin-top:12px;padding:0 13px}.assignment .form-grid input{font-size:17px}.import-dialog{width:min(870px,95vw);max-height:90vh;overflow:auto}.import-dialog h2{margin-bottom:10px}.import-dialog>p{font-size:13px}.import-dialog .form-grid{margin-top:18px}.import-dialog input[type=number]{font-size:16px}dialog{max-height:90vh;overflow:auto}.tablet-mode dialog input,.tablet-mode dialog select{min-height:49px;font-size:22px}.tablet-mode dialog .primary{background:var(--pink);color:#171217;font-size:18px;min-height:48px}.tablet-mode dialog h2{font-size:25px}.tablet-mode dialog label{font-size:16px}
@media(max-width:800px){.master-grid{grid-template-columns:1fr}.tablet-performance{grid-template-columns:160px 1fr;gap:18px;padding:21px 5px}.tablet-performance .ring{width:145px;height:145px}.tablet-performance .ring-inner{width:119px;height:119px}.tablet-performance p{font-size:18px}.tablet-content{padding:18px 24px}.tablet-live-heading{font-size:19px}.tablet-footer{padding:12px 24px}}@media(max-width:480px){.tablet-header{padding:14px 19px}.tablet-brand{font-size:25px}.tablet-header time{font-size:17px}.tablet-content{padding:14px 18px}.tablet-headcount{gap:12px}.tablet-headcount>div{padding:12px}.tablet-headcount label{font-size:14px}.tablet-headcount input{font-size:22px}.tablet-headcount small{font-size:10px}.tablet-live-heading{font-size:17px}.tablet-status{padding:4px 13px;font-size:13px}.tablet-totals strong{font-size:27px}.tablet-totals span{font-size:14px}.tablet-performance{grid-template-columns:124px 1fr;gap:13px}.tablet-performance .ring{width:120px;height:120px}.tablet-performance .ring-inner{width:98px;height:98px}.tablet-performance .ring strong{font-size:24px}.tablet-performance p{font-size:14px}.tablet-buttons{gap:7px}.tablet-buttons button{font-size:14px}.downtime-tiles{gap:8px}.downtime-tiles button{font-size:13px;min-height:90px}.tablet-summary{grid-template-columns:1fr 1fr}.tablet-line-label{font-size:12px}.tablet-title h1{font-size:29px}}
.account-page{min-height:100vh;display:grid;place-items:center;background:#eee;padding:30px 16px}.account-card{background:#fff;border-top:7px solid var(--pink);border-radius:12px;box-shadow:0 10px 40px #0001;padding:35px;width:min(100%,470px)}.account-card .brand{font-size:30px;letter-spacing:-1.5px}.account-card h1{font-size:29px;margin:27px 0 12px}.account-card form{margin-top:24px}.account-card input{font-size:17px;min-height:49px}.account-card label{font-size:14px}.account-card .tablet-start{font-size:19px;min-height:53px}.setup-card{max-width:650px;width:100%}#activation-link{font-size:13px;min-width:350px}
.reason-edit-row{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(155px,1fr) minmax(240px,1fr) 95px;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.reason-edit-row label{margin:0}.reason-edit-row input,.reason-edit-row select{font-size:14px}.reason-order{display:flex;gap:6px}.reason-order button{padding:10px 12px}.reason-edit-row .check{font-size:12px}.reason-editor-list{margin-bottom:20px}@media(max-width:1000px){.reason-edit-row{grid-template-columns:1fr 1fr}.reason-order{justify-content:flex-end}}

/* Use the tablet viewport, with touch targets retained in either orientation. */
.tablet-shell{max-width:none;width:100%;min-height:100vh;min-height:100dvh;box-shadow:none}.tablet-content{width:100%;padding:clamp(16px,2.5vh,32px) clamp(20px,4vw,64px);display:flex;flex-direction:column}.tablet-header{padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px)}.tablet-performance{flex:1;grid-template-columns:minmax(150px,30%) 1fr;min-height:190px}.tablet-performance .ring{justify-self:center}.tablet-bottom{margin-top:auto;padding-top:16px}.tablet-mode #tablet-menu-panel{position:absolute;right:0;top:78px;z-index:20;border-radius:0 0 0 12px}.tablet-mode #tablet-menu-panel[hidden]{display:none}.tablet-footer{padding:10px clamp(20px,4vw,64px)}.downtime-icon svg{width:34px;height:34px;display:block;margin:auto}.downtime-dialog{max-height:calc(100dvh - 24px);width:min(760px,96vw)}
@media(min-width:850px) and (orientation:landscape){#tablet-start{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:auto 0}#tablet-start>label{margin-bottom:0}.tablet-headcount{grid-column:1 / -1;margin:0}.tablet-rate,#tablet-error,#tablet-start>.tablet-start,.tablet-help{grid-column:1 / -1}.tablet-title h1{margin-bottom:14px}.tablet-performance{padding:12px 18px}.tablet-meta{margin-bottom:10px}.tablet-live-heading{margin:4px 0 8px}.tablet-totals strong{font-size:clamp(30px,4.5vh,48px)}}
@media(orientation:landscape) and (max-height:750px){.tablet-header{min-height:64px;padding-top:9px;padding-bottom:9px}.tablet-content{padding-top:10px;padding-bottom:10px}.tablet-title h1{font-size:27px;margin:2px 0 10px}#tablet-start select{min-height:48px;font-size:18px}.tablet-headcount>div,.tablet-headcount>label{padding:8px 12px}.tablet-headcount input{min-height:48px;margin-top:4px}.tablet-headcount output{font-size:28px}.tablet-rate{margin-bottom:0}.tablet-start{min-height:52px;padding:10px}.tablet-performance{min-height:140px;padding:8px 18px}.tablet-performance .ring{width:132px;height:132px}.tablet-performance .ring-inner{width:108px;height:108px}.tablet-performance p{padding:5px 0}.tablet-bottom{padding-top:6px}.tablet-buttons button{min-height:50px;padding:9px}.tablet-stopped{padding:6px 14px;margin-bottom:8px}.tablet-footer{padding-top:6px;padding-bottom:6px}.tablet-mode #tablet-menu-panel{top:64px}.downtime-dialog{padding:16px}.downtime-dialog h2{margin-bottom:10px}.downtime-tiles{gap:8px;margin-bottom:10px}.downtime-tiles button{min-height:83px;padding:8px}.downtime-dialog label{margin-bottom:10px}}

.labour-panel{margin:24px 0}.labour-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.labour-totals>div{padding:16px;background:#f8f0f5;border-radius:8px}.labour-totals span{font-size:13px;display:block}.labour-totals strong{font-size:28px}.labour-table-wrap{overflow-x:auto}.labour-table{width:100%;border-collapse:collapse;min-width:760px;font-size:14px}.labour-table th,.labour-table td{padding:12px 10px;text-align:right;border-bottom:1px solid var(--line)}.labour-table th:first-child,.labour-table td:first-child{text-align:left}.labour-table small{display:block;color:var(--muted);font-size:12px}.labour-table th{font-size:12px;color:var(--muted)}@media(max-width:600px){.labour-totals{grid-template-columns:1fr}.labour-totals strong{font-size:24px}}

/* Production TV follows the original black line-performance mockup. */
body.tv{background:#101211;color:#fff}.production-tv{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:clamp(20px,3vw,58px);background:linear-gradient(140deg,#202320,#0b0d0c 65%)}.tv-header{display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:3px solid #FABDDF;padding-bottom:24px;margin-bottom:28px}.tv-brand{font-size:clamp(30px,3.8vw,70px);font-weight:900;letter-spacing:-2px;line-height:1}.tv-brand small{display:block;letter-spacing:4px;font-size:clamp(9px,1vw,18px);font-weight:400;text-align:center;margin-top:10px}.tv-heading h1{font-size:clamp(24px,2.4vw,48px);margin:0;letter-spacing:-.7px}.tv-heading p{color:#b6beb8;margin:7px 0 0;font-size:clamp(13px,1.2vw,22px)}.tv-clock{text-align:right;white-space:nowrap}.tv-clock time{display:block;font-size:clamp(30px,3vw,58px);font-weight:700;line-height:1.1}.tv-clock span{font-size:clamp(12px,1vw,20px);color:#c3cac5}.tv-table-wrap{flex:1;overflow-x:auto}.tv-table{width:100%;border-collapse:separate;border-spacing:0 12px;table-layout:fixed;font-size:clamp(18px,2vw,40px)}.tv-table th{color:#c7cec8;font-weight:500;font-size:clamp(13px,1.3vw,26px);padding:12px 14px;text-align:center;background:#101310}.tv-table th:first-child,.tv-table td:first-child{text-align:left;width:23%}.tv-table th:nth-child(2){width:21%}.tv-table th:nth-child(3){width:15%}.tv-table td{text-align:center;padding:clamp(15px,2.3vh,32px) 12px;background:#1d211e;vertical-align:middle;border-top:1px solid #333b34;border-bottom:1px solid #333b34;font-variant-numeric:tabular-nums}.tv-table td:first-child{border-radius:10px 0 0 10px}.tv-table td:last-child{border-radius:0 10px 10px 0}.tv-table td small{display:block;color:#b8c1ba;font-size:clamp(11px,1vw,20px);margin-top:8px;line-height:1.3;overflow-wrap:anywhere}.tv-table td b{font-weight:600}.tv-status{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:14px 12px;font-size:clamp(16px,1.7vw,34px);font-weight:650;width:100%;background:#454b46}.tv-status.running{background:linear-gradient(#0caa20,#087d16)}.tv-status.down{background:linear-gradient(#d18a07,#a26004)}.tv-status i{font-style:normal;border-radius:50%;background:#fff;color:#18371e;width:1.3em;height:1.3em;line-height:1.3}.tv-status.down i{color:#b27200}.tv-score{display:block;padding:14px 6px;border-radius:8px;font-weight:650;background:#414a43}.tv-score.good{background:#1f6c2e}.tv-score.warn{background:#976509}.tv-score.bad{background:#873a3a}.tv-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;color:#b9c3bc;font-size:clamp(11px,1vw,18px)}.tv-footer strong{color:#f1e5ed;font-size:clamp(13px,1.1vw,22px)}.tv-footer a,.tv-footer button{color:#c5cec8;background:none;text-decoration:none;font-size:inherit;padding:8px}.tv-live-dot{display:inline-block;width:9px;height:9px;background:#66c77a;border-radius:50%;margin-right:7px}@media(max-width:800px){.tv-header{gap:18px}.tv-heading p{display:none}.tv-table{min-width:700px}.tv-footer{flex-wrap:wrap}}

.tv-parent-logo{display:flex;align-items:center;gap:12px}.tv-parent-logo>span{font-size:12px;color:#c3cac5;white-space:nowrap}.tv-parent-logo img{display:block;width:clamp(140px,15vw,260px);height:auto;max-height:100px;object-fit:contain}

.tablet-parent-logo,.footer-parent-logo{display:inline-flex;align-items:center;gap:10px}.tablet-parent-logo img{display:block;width:108px;height:44px;object-fit:contain}.footer-parent-logo img{display:block;width:95px;height:40px;object-fit:contain}.sidebar-parent-logo{display:block;width:160px;max-width:100%;height:76px;object-fit:contain;margin:6px 0}.account-parent-logo{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:18px;color:var(--muted);font-size:11px}.account-parent-logo img{width:130px;height:60px;object-fit:contain}.tablet-footer{min-height:52px;padding-top:3px;padding-bottom:3px}

.cakehead-sidebar-logo{display:block;width:180px;max-width:100%;height:auto}

.downtime-code{display:block;font-size:11px;font-weight:400;line-height:1.25;margin-top:7px;color:#555}.reason-edit-row>div>label+label{margin-top:8px}.downtime-dialog .downtime-tiles button{min-height:110px}

/* Full-width downtime chooser with large touch targets. */
dialog.downtime-dialog{width:calc(100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:clamp(16px,2vw,32px)}.downtime-dialog .downtime-tiles{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.downtime-dialog .downtime-tiles button{min-height:120px;font-size:17px}.downtime-dialog .modal-actions{position:sticky;bottom:-1px;background:#fff;padding-top:12px;padding-bottom:4px;z-index:1}@media(max-width:600px){.downtime-dialog .downtime-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.downtime-dialog .downtime-tiles button{font-size:14px;min-height:112px}}

/* First-login guide, also available from the header. */
dialog.guide-dialog{width:min(470px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);position:fixed;inset:auto 20px 20px auto;margin:0;padding:24px;border:1px solid #d7dcd7;border-top:6px solid #FABDDF;border-radius:14px;box-shadow:0 12px 50px #0004;color:#212925;background:#fff}.guide-dialog::backdrop{background:#10151055;backdrop-filter:none}.guide-label{font-size:12px;color:#666;font-weight:700}.guide-dialog progress{width:100%;height:5px;accent-color:#cd5b9a;margin:10px 0 16px}.guide-dialog h2{font-size:24px;line-height:1.25}.guide-dialog p{font-size:15px;line-height:1.6}.guide-tip{padding:13px;background:#fff0f8;border-radius:8px;font-size:14px;line-height:1.6}.guide-dialog .guide-reassurance{font-size:11px;color:#727b74}.guide-dialog .modal-actions{gap:8px;flex-wrap:wrap}.guide-focus{outline:3px solid #f390c5;outline-offset:5px}.guide-dialog button{min-height:44px}.guide-dialog .primary{background:#212925;color:white;font-size:15px}.guide-dialog .secondary{font-size:15px}.guide-dialog .quiet{font-size:13px}.tablet-mode .guide-dialog h2{font-size:24px}@media(max-width:600px){dialog.guide-dialog{inset:auto 12px 12px 12px;width:auto;padding:20px}}

.export-options{display:grid;gap:12px;margin:20px 0}.export-options button{text-align:left;min-height:50px}.export-options button:focus-visible{outline:3px solid #d75b9e;outline-offset:3px}
.sidebar{overflow-y:auto}.sidebar .workspace{margin-top:20px;margin-bottom:14px}.sidebar .nav{gap:4px}.sidebar .nav a{padding:9px 12px}.tablet-totals button>small{display:block;font-size:12px;font-weight:500;margin-top:4px}

.no-shift-warning{background:#a10d36;color:#fff;border:4px solid #ff9fbb;border-radius:18px;padding:20px;text-align:center;margin:10px 0}.no-shift-warning[hidden]{display:none}.no-shift-warning strong{display:block;font-size:clamp(22px,3vw,36px)}.no-shift-warning span{display:block;margin-top:8px}@keyframes noShiftFlash{0%,100%{background-color:#fff5f8}50%{background-color:#ffc9d8}}body.tablet-mode.no-shift-running .tablet-content{animation:noShiftFlash 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){body.tablet-mode.no-shift-running .tablet-content{animation:none;background:#ffc9d8}}

.configuration-menu{margin-top:12px;border-top:1px solid #ddd;padding-top:10px}.configuration-menu summary{cursor:pointer;padding:12px 10px;font-weight:750}.configuration-menu>div{padding-left:12px;border-left:2px solid var(--pink);margin-left:10px}.configuration-menu a{font-size:13px!important;padding:9px!important}.configuration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.configuration-card{text-decoration:none;color:inherit}.configuration-card h2{font-size:19px}.configuration-card p{color:#66705d;font-size:14px}.report-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;align-items:end}.report-filters label{margin:0;font-size:13px}.report-filters input,.report-filters select{min-height:44px;margin-top:6px}.sic-sheet{margin-top:20px}.sic-header{border-bottom:4px solid var(--pink);margin-bottom:15px}.sic-header h2{font-size:22px}.sic-header p{font-size:14px}.sic-table{font-size:12px;min-width:1120px}.sic-table th{white-space:normal;background:#fff0f8}.sic-table td{vertical-align:top}.sic-table td:nth-child(2){min-width:190px}.sic-table td:last-child{min-width:240px}.sic-table small{display:block;font-size:10px;color:#667}.sic-current{background:#fff9e8}.report-notes{margin-top:18px;font-size:12px;color:#667}.report-pagination{display:flex;justify-content:space-between;margin-top:18px}#email-settings textarea{width:100%;padding:12px;border:1px solid #ccd1c7;border-radius:8px;font:inherit}#email-settings .check input{width:20px;height:20px}#report-settings hr{margin:28px 0}@media print{.sidebar,.topbar,.footer,.heading button,#report-filter,.report-notes{display:none!important}.shell{display:block}.main{margin:0;padding:0}.sic-sheet{break-inside:avoid;box-shadow:none;border:0}.sic-table{min-width:0;width:100%;font-size:9px}.sic-table td:nth-child(2),.sic-table td:last-child{min-width:0}.table-wrap{overflow:visible}.sic-header h2{font-size:17px}@page{size:A4 landscape;margin:12mm}}