/* Экран цеха по выбранному пользователем образцу. */
.work-mode .reference-tv{display:flex;flex-direction:column;gap:18px;height:100vh;height:100dvh;min-height:0;padding:22px 30px;overflow:hidden;background:radial-gradient(ellipse at 55% 0,#13253b66,transparent 62%),#091625}
.reference-header{flex:none}.reference-headline{display:flex;align-items:center;gap:28px;min-height:64px}.reference-headline .brand-symbol{width:44px;height:44px}.reference-headline .logo .brand-word{font-size:34px}.reference-headline .brand-caption{font-size:8px;letter-spacing:1.7px}.reference-code{background:#ff8c28;color:#122031;border:1px solid #ffab5e;padding:13px 20px;border-radius:9px;font-size:25px;font-weight:850;white-space:nowrap}.reference-headline h1{flex:1;min-width:0;font-size:36px;font-weight:800;letter-spacing:-.8px;line-height:1.14;overflow-wrap:anywhere}.reference-connection{display:flex;align-items:center;gap:12px;color:#bfd0e7;font-size:22px;font-weight:700;white-space:nowrap}.reference-connection:before{content:'';width:15px;height:15px;border-radius:50%;background:#2fe66d}.reference-connection.offline:before{background:#ffb854}.reference-clock{border-left:1px solid #46607f;padding-left:28px;font-size:38px;font-weight:800;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.reference-tools{display:flex;align-items:center;gap:20px;margin-top:15px;min-height:37px}.reference-worker{display:flex;align-items:center;gap:12px;color:#a8bdd6;font-size:12px}.work-mode .reference-worker .worker-control{max-width:340px;padding:9px 14px;color:#f2f7ff;background:#203b56;border-color:#6485a8;font-size:14px;border-radius:7px}.work-mode .reference-worker .worker-control.sound-enable{background:#ffa24c;color:#172333;border-color:#ffa24c}.reference-hint{color:#a8bdd6;font-size:13px}.reference-tools .sound-controls{margin-left:auto}.work-mode .reference-tools .sound-controls .btn{padding:8px 12px;border-radius:6px;color:#c7d8ee;border-color:#3d5774;background:#13273d}.work-mode .reference-tools .sound-controls .sound-enable{color:#ffc18c;border-color:#b8793e}.reference-tools .work-exit{padding:8px 0 8px 10px}.reference-main{display:flex;flex-direction:column;flex:1;min-height:0;gap:15px}
.work-mode .reference-tv .warehouse-progress{display:flex;align-items:center;gap:25px;background:#112238;border:1px solid #2c425e;border-radius:10px;margin:0;padding:15px 20px;flex:none}.work-mode .reference-tv .warehouse-progress>strong{display:block;color:#f1f6ff;font-size:30px;letter-spacing:-.4px;line-height:1.25;font-weight:800;white-space:nowrap}.work-mode .reference-tv .warehouse-progress .progress{height:23px;flex:1;min-width:80px;width:auto;background:#263c57;border-radius:7px}.work-mode .reference-tv .warehouse-progress .progress>span{background:linear-gradient(90deg,#f77917,#ff9a3f);border-radius:7px}.work-mode .reference-tv .warehouse-progress .progress.complete>span{background:#2dcc7f}.work-mode .reference-tv .warehouse-progress>.reference-percent{color:#aabfda;min-width:70px;font-size:32px}.reference-due{margin-left:45px;flex:none;font-weight:800;color:#d1def0;background:#20364e;border:1px solid #405976;border-radius:7px;padding:9px 15px;font-size:22px;white-space:nowrap}.reference-due.today{background:#ff902c;color:#132131;border-color:#ffad62}.reference-due.overdue{background:#452b32;color:#ffb7c0;border-color:#aa6371}.reference-note{flex:none;color:#bed0e8;background:#162b43;border:1px solid #3a5270;border-radius:8px;padding:10px 16px;font-size:16px;line-height:1.4;max-height:68px;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}
.reference-columns,.reference-row{display:grid;grid-template-columns:minmax(0,min(580px,33%)) minmax(225px,.6fr) minmax(180px,1.4fr) 400px;gap:24px;align-items:center}.reference-columns{padding:2px 26px 0;color:#a2b7d2;font-size:18px;font-weight:750;text-transform:uppercase;flex:none}.reference-columns>span:nth-child(3),.reference-columns>span:last-child{text-align:center}.reference-rows{display:grid;grid-template-rows:none;grid-auto-rows:min-content;align-content:start;gap:14px;flex:1;min-height:0;overflow:auto}.work-mode .reference-tv .tv-line{display:grid;min-height:0;margin:0;padding:16px 25px;border:1px solid #2f4866;border-radius:11px;background:linear-gradient(110deg,#172a42,#102136);box-shadow:inset 0 1px 0 #ffffff04;gap:24px}.work-mode .reference-tv .tv-line:nth-child(even){background:linear-gradient(110deg,#172a42,#122439)}.work-mode .reference-tv .tv-line:before{display:block}
.reference-product{min-width:0;padding-right:12px}.reference-product>b{display:block;font-size:39px;line-height:1.13;font-weight:800;letter-spacing:-.7px;color:#f4f7fd}.reference-product .sku{display:block;margin-top:9px;font-size:21px;font-weight:600;color:#a8bedb;line-height:1.18;overflow-wrap:anywhere}.reference-product>span{display:block;margin-top:8px;font-size:14px;color:#b5c8e0;line-height:1.25;overflow-wrap:anywhere}.reference-kit{font-size:32px;font-weight:750;color:#e7effa;letter-spacing:-.5px;border-left:1px solid #2b425e;padding:13px 0 13px 16px}.reference-counter{border-left:1px solid #2b425e;border-right:1px solid #2b425e;padding:10px 8px}.reference-counter>strong{display:block;font-size:65px;letter-spacing:-1.4px;font-weight:800;color:#f4f7fd;text-align:center;white-space:nowrap}.reference-shortage{display:table;margin:4px auto 0;border-radius:5px;background:#ffca43;color:#131f2e;padding:5px 10px;font-size:14px;font-weight:850;white-space:nowrap}.reference-actions{display:grid;grid-template-columns:58px minmax(110px,1fr) 150px;gap:13px;align-items:center}.work-mode .reference-actions .btn{height:82px;min-height:0;padding:8px;border-radius:9px;line-height:1}.work-mode .reference-actions .dec{background:#14273e;color:#c3d8f1;border:2px solid #3d5877;font-size:41px}.work-mode .reference-actions .inc{background:linear-gradient(120deg,#df6b0b,#ee791c);color:#fff;border:1px solid #ff9c49;font-size:48px;font-weight:850;box-shadow:0 3px 10px #0002}.work-mode .reference-actions .short{border:2px solid #f9993e;color:#ffb36c;background:transparent;font-size:20px}
.work-mode .reference-tv .tv-line.complete{background:linear-gradient(110deg,#172b3e,#10283a);border-color:#34586a}.work-mode .reference-tv .tv-line.complete:before{background:#2ede70}.work-mode .reference-tv .tv-line.complete .reference-counter>strong{color:#36e479}.work-mode .reference-tv .tv-line.complete .btn.inc:disabled{grid-column:2/-1;opacity:1;color:#f4fff8;background:linear-gradient(110deg,#168b4f,#148044);border-color:#36bd70;font-size:28px;text-transform:uppercase;letter-spacing:.1px}.work-mode .reference-tv .tv-line.has-shortage{background:linear-gradient(110deg,#172a42,#14273c);border-color:#536073}.work-mode .reference-tv .tv-line.has-shortage:before{background:#ffcb3e}
.work-mode .reference-tv .warehouse-bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:25px;flex:none;align-items:center;margin:0;padding-top:4px;border:0;background:none}.work-mode .reference-tv .warehouse-bottom>.btn{min-width:0;width:max-content;min-height:66px;padding:14px 24px;border-radius:10px;font-size:24px;font-weight:750;border-color:#a4b8d3;color:#edf4fd;background:transparent}.reference-back>span{font-size:34px;line-height:.5;vertical-align:-2px;margin-right:16px}.reference-pagination{display:flex;align-items:center;gap:16px;color:#b6c9e3;font-size:20px;white-space:nowrap}.reference-pagination button{border:1px solid #3d5674;color:#d1e1f6;background:#162940;border-radius:7px;width:40px;height:40px;font-size:26px}.reference-pagination button:disabled{opacity:.35}.work-mode .reference-tv .warehouse-bottom>.reference-finish{justify-self:end;background:#2b425c;border-color:#6682a5}.work-mode .reference-tv .warehouse-bottom>.reference-finish:disabled{opacity:1;background:#1e3048;color:#859ab5;border-color:#3b526f}.reference-tv .warehouse-banner{margin:0;flex:none}.reference-tv .warehouse-banner p,.reference-tv .warehouse-banner span{display:block;line-height:1.4;margin-top:4px}
@media(min-width:1101px) and (max-width:1600px){.work-mode .reference-tv{padding:18px 24px;gap:15px}.reference-headline{gap:20px}.reference-headline .logo .brand-word{font-size:29px}.reference-headline .brand-symbol{width:36px;height:36px}.reference-code{font-size:20px;padding:11px 15px}.reference-headline h1{font-size:29px}.reference-connection{font-size:17px}.reference-clock{font-size:31px;padding-left:20px}.reference-columns,.reference-row{grid-template-columns:minmax(0,min(440px,33%)) minmax(135px,.6fr) minmax(160px,1.4fr) 325px;gap:18px}.work-mode .reference-tv .tv-line{padding:14px 22px;gap:18px}.reference-product>b{font-size:31px}.reference-product .sku{font-size:17px}.reference-kit{font-size:26px;padding-left:12px}.reference-counter>strong{font-size:55px}.reference-actions{grid-template-columns:48px minmax(90px,1fr) 127px;gap:10px}.work-mode .reference-actions .btn{height:72px}.work-mode .reference-actions .inc{font-size:41px}.work-mode .reference-actions .short{font-size:17px}.work-mode .reference-tv .warehouse-progress>strong{font-size:25px}.reference-due{margin-left:10px;font-size:19px}}
@media(min-width:1101px) and (max-height:850px){.work-mode .reference-tv{padding-top:14px;padding-bottom:14px;gap:10px}.reference-headline{min-height:50px}.reference-tools{margin-top:7px}.reference-main{gap:10px}.work-mode .reference-tv .warehouse-progress{padding:11px 17px}.reference-columns{font-size:14px}.reference-rows{gap:10px}.work-mode .reference-tv .tv-line{padding:10px 22px}.reference-product>b{font-size:28px}.reference-product .sku{font-size:16px;margin-top:6px}.reference-product>span{font-size:12px;margin-top:5px}.reference-kit{font-size:25px;padding-top:5px;padding-bottom:5px}.reference-counter{padding-top:2px;padding-bottom:2px}.reference-counter>strong{font-size:46px}.reference-shortage{font-size:11px;padding:4px 7px}.work-mode .reference-actions .btn{height:60px}.work-mode .reference-tv .tv-line.complete .btn.inc:disabled{font-size:23px}.work-mode .reference-tv .warehouse-bottom>.btn{min-height:54px;font-size:20px}.reference-pagination{font-size:17px}}
@media(max-width:1100px){.work-mode .reference-tv{height:auto;min-height:100vh;min-height:100dvh;overflow:visible;padding:22px}.reference-headline{display:grid;grid-template-columns:1fr auto;gap:16px 20px}.reference-headline .brand-lockup{grid-area:1/1}.reference-clock{grid-area:1/2;border:0;padding:0;font-size:32px;text-align:right}.reference-code{grid-area:2/1;width:max-content;font-size:21px}.reference-connection{grid-area:2/2;font-size:16px}.reference-headline h1{grid-area:3/1/4/-1;font-size:34px}.reference-tools{flex-wrap:wrap;gap:15px}.reference-tools .sound-controls{margin-left:auto}.work-mode .reference-tv .warehouse-progress{flex-wrap:wrap;gap:14px}.work-mode .reference-tv .warehouse-progress>strong{font-size:26px}.work-mode .reference-tv .warehouse-progress .progress{flex-basis:100%;order:4}.reference-due{margin-left:auto;font-size:18px}.reference-columns{display:none}.reference-rows{display:flex;flex-direction:column;overflow:visible}.work-mode .reference-tv .tv-line{grid-template-columns:1fr auto;gap:16px;min-height:235px;padding:24px}.reference-product{grid-column:1/-1;padding:0}.reference-product>b{font-size:32px}.reference-product .sku{font-size:18px}.reference-kit{border:0;padding:0;font-size:27px}.reference-counter{border:0;padding:0}.reference-counter>strong{font-size:45px}.reference-actions{grid-column:1/-1;grid-template-columns:55px 1fr 145px}.work-mode .reference-actions .btn{height:65px}.work-mode .reference-tv .warehouse-bottom{grid-template-columns:1fr 1fr;gap:17px}.reference-pagination{grid-column:1/-1;grid-row:2;justify-content:center}.work-mode .reference-tv .warehouse-bottom>.btn{font-size:19px;padding:12px 18px}}
@media(max-width:600px){.work-mode .reference-tv{padding:16px}.reference-headline{gap:13px}.reference-headline .logo .brand-word{font-size:25px}.reference-headline .brand-symbol{width:31px;height:31px}.reference-headline .brand-caption{font-size:6px;letter-spacing:1px}.reference-clock{font-size:27px}.reference-code{font-size:16px;padding:9px 10px}.reference-connection{font-size:12px;gap:6px}.reference-connection:before{width:8px;height:8px}.reference-headline h1{font-size:29px}.reference-worker{flex-wrap:wrap;gap:8px}.reference-worker>span{display:none}.reference-tools .sound-controls{margin-left:0;flex-wrap:wrap}.reference-tools .work-exit{margin-left:auto}.work-mode .reference-tv .warehouse-progress{padding:15px;gap:12px}.work-mode .reference-tv .warehouse-progress>strong{font-size:22px;white-space:normal}.work-mode .reference-tv .warehouse-progress>.reference-percent{font-size:24px;min-width:0}.reference-due{font-size:14px;padding:7px 9px;margin-left:0}.work-mode .reference-tv .tv-line{padding:20px 15px;gap:15px 10px}.reference-product>b{font-size:27px}.reference-product .sku{font-size:15px}.reference-kit{font-size:23px}.reference-counter>strong{font-size:41px}.reference-shortage{font-size:10px}.reference-actions{grid-template-columns:45px 1fr 120px;gap:9px}.work-mode .reference-actions .btn{height:60px}.work-mode .reference-actions .inc{font-size:36px}.work-mode .reference-actions .short{font-size:16px}.work-mode .reference-tv .tv-line.complete .btn.inc:disabled{font-size:24px}.work-mode .reference-tv .warehouse-bottom>.btn{width:100%;font-size:16px;padding:12px 9px;min-height:58px}.reference-back>span{font-size:25px;margin-right:5px}.reference-pagination{font-size:16px}}

/* Four-second workshop arrival/change notice, independent of task selection. */
.warehouse-notice{position:fixed;z-index:60;top:14px;left:50%;transform:translateX(-50%);width:min(1080px,calc(100vw - 32px));padding:22px 28px;border-radius:14px;border:2px solid #6cdda4;background:#145438;color:#fff;box-shadow:0 14px 45px #0007;pointer-events:none}
.warehouse-notice strong{display:block;font-size:32px;line-height:1.2;color:#fff}.warehouse-notice p{font-size:19px;line-height:1.5;margin:8px 0 0;white-space:pre-line;color:#e3ffef}
.append-total{font-size:14px;color:#8febbb;border-top:1px solid #355746;padding-top:10px;margin-top:10px}
@media(max-width:680px){.warehouse-notice{padding:16px;top:8px;width:calc(100vw - 16px)}.warehouse-notice strong{font-size:22px}.warehouse-notice p{font-size:14px}.work-detail-heading>.row{flex-wrap:wrap}}

/* Offscreen natural-height measurement uses the same warehouse row styles. */
.reference-row-measure{position:fixed;left:-100000px;top:0;visibility:hidden;pointer-events:none;contain:layout style}

@media(min-width:1101px){.reference-columns>span:nth-child(2){padding-left:16px}}
@media(min-width:1101px) and (max-width:1600px){.reference-columns>span:nth-child(2){padding-left:12px}}

@media(min-width:1601px){.reference-kit{white-space:nowrap}}