:root{--ink:#20272e;--muted:#737c85;--bg:#f4f5f5;--paper:#fff;--line:#e4e7e8;--orange:#ff6d29;--soft:#fff0e7;--green:#367c5a;--dark:#171c22;--red:#b64b3c;--radius:14px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit}button,input,select,textarea{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d95a21;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #f3a67b;outline-offset:1px}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,2.6vw,38px);font-weight:700;letter-spacing:-1.35px;line-height:1.18}h2{font-size:20px;letter-spacing:-.5px;line-height:1.3}h3{font-size:17px;line-height:1.4;letter-spacing:-.3px}small{font-size:12px}.muted{color:var(--muted)}.preline{white-space:pre-line;overflow-wrap:anywhere}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;color:#858b91;margin-bottom:10px}.eyebrow span{margin:0 7px}.loading{padding:15vh 24px;text-align:center;font-size:18px}.btn{min-height:44px;padding:10px 16px;border:1px solid #dfe3e5;background:white;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:650;font-size:13px;text-decoration:none;transition:background .15s,border-color .15s;line-height:1.4}.btn:hover{border-color:#aab1b6;background:#f8f9f9}.btn.primary{background:var(--orange);color:#211e1b;border-color:var(--orange)}.btn.primary:hover{background:#f75b14;border-color:#f75b14}.btn.big{min-height:54px;font-size:15px;justify-content:space-between}.btn.small{min-height:36px;font-size:12px;padding:7px 10px}.text-button{background:none;color:#646e76;font-size:12px;font-weight:650;padding:8px 0}.text-button:hover{color:#a3441c}.stack{display:grid;gap:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px;min-width:0}.field>span{font-size:12px;font-weight:650;color:#555e66}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{width:100%;min-height:44px;border:1px solid #dce1e4;border-radius:7px;background:white;padding:10px 12px;min-width:0}input::placeholder,textarea::placeholder{color:#a0a6ab}textarea{resize:vertical;line-height:1.6}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:12px;font-weight:650;margin-bottom:9px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;line-height:1.3;padding:5px 8px;border-radius:5px;background:#eef0f2;color:#63707c;white-space:nowrap}.badge.urgent{background:#fbece9;color:#b24436}.badge.high{background:#fff2e3;color:#ad6b28}.badge.normal{background:#f1f3f4;color:#808991}.badge.decision,.badge.orange{background:#fff0e5;color:#b85a21}.badge.parts{background:#fbf4dc;color:#9c7a28}.badge.diagnosis,.badge.reception{background:#eaf1fb;color:#54739e}.badge.working,.badge.testing,.badge.active{background:#edf0fa;color:#636f9f}.badge.done,.badge.completed,.badge.final,.badge.ready{background:#e8f4ec;color:#397a54}.badge.quality{background:#ebf5f3;color:#397f70}.badge.stopped{background:#f4eae7;color:#985b46}.avatar,.mini-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:650;background:#edf0f1;border:1px solid #e0e5e7;border-radius:50%;color:#647078}.avatar{width:36px;height:36px;font-size:12px}.mini-avatar{width:25px;height:25px;font-size:9px}
.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--dark);color:#b4b9bf;display:flex;flex-direction:column;padding:35px 19px 18px;position:sticky;top:0;height:100dvh}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;width:max-content;color:white}.brand strong{font-size:28px;font-weight:900;letter-spacing:-2px;line-height:1;display:flex;align-items:center;justify-content:center;width:49px;height:47px;background:var(--orange);color:var(--dark);border-radius:7px}.brand>span{font-size:21px;letter-spacing:1px;font-weight:800;line-height:1.15}.brand small{display:block;font-size:8px;letter-spacing:3px;font-weight:600;color:#8e959d;margin-top:6px}.sidebar .brand{margin:0 13px 47px}.side-caption{font-size:9px;font-weight:650;letter-spacing:1.5px;color:#626a75;margin:0 16px 14px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;text-align:left;width:100%;gap:11px;background:transparent;color:#a0a8b1;min-height:45px;padding:10px 14px;border-radius:7px;font-size:12px;white-space:nowrap}.nav-item .nav-icon{font-size:20px;width:22px;line-height:1}.nav-item b{margin-left:auto;font-size:10px;background:#323a43;min-width:20px;height:20px;display:grid;place-items:center;border-radius:5px}.nav-item:hover{background:#242b33;color:#fff}.nav-item.active{background:#30302d;color:#ff945e;box-shadow:inset 2px 0 var(--orange)}.nav-item.active b{background:#524031;color:#ffbc8d}.side-note{border:1px solid #30363e;border-radius:8px;padding:13px 12px;margin-top:39px;font-size:10px;color:#929ba4}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#858d95;margin-right:7px}.side-note small{display:block;color:#626d78;font-size:10px;line-height:1.6;margin-top:7px}.sidebar-bottom{margin-top:auto;padding-top:24px}.user{border-top:1px solid #30353c;padding:18px 4px 0;display:flex;gap:9px;align-items:center}.sidebar .avatar{background:#303842;color:#d1d6dc;border-color:#3e4650}.user b{font-size:11px;color:#d6dce2}.user small{display:block;font-size:10px;color:#78838e;margin-top:2px}.logout{background:transparent;font-size:21px;color:#8c96a1;margin-left:auto;padding:3px}.demo-switch{padding:12px 5px 17px;display:grid;gap:8px}.demo-switch>span{font-size:8px;letter-spacing:1.8px;color:#66717d}.demo-switch button{color:#c7cdd3;font-size:10px;background:none;padding:0;text-align:left}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 36px;background:#fcfcfc;gap:10px}.breadcrumb{font-size:12px;color:#59636d}.breadcrumb span{margin:0 12px;color:#c2c7cb}.top-actions{display:flex;gap:18px;align-items:center}.today{font-size:11px;color:#8a9299}.demo-pill{font-size:8px;letter-spacing:1px;background:#f0f1f2;padding:5px 8px;border-radius:4px;color:#858c93;font-weight:650}#main{padding:36px;flex:1;max-width:1800px;width:100%;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:31px}.page-heading p{color:#899198;font-size:12px;margin-top:12px}.page-heading .btn{flex-shrink:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:37px}.stat{position:relative;background:white;border:1px solid var(--line);border-radius:11px;padding:20px 20px 18px;min-height:145px}.stat>span{font-size:8px;font-weight:750;letter-spacing:1.2px;color:#8b939a;display:block}.stat>b{display:block;font-size:39px;line-height:1;letter-spacing:-2px;font-weight:550;margin:17px 0 11px}.stat small{color:#939ba2;font-size:10px}.stat i{position:absolute;right:18px;top:15px;color:#aeb5ba;font-size:20px;font-style:normal}.stat.attention{background:#fff1e7;border-color:#f0d8c7}.stat.attention>b{color:#bd602a}.stat.attention>span,.stat.attention i{color:#bd7b51}.stat.attention small{color:#b78d72}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.section-heading>div:first-child{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}.section-heading h2{font-size:17px;font-weight:650}.section-heading>div>span{color:#939ba3;font-size:11px}.board-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.filters{display:flex;gap:3px;flex-wrap:wrap}.filter{background:transparent;padding:7px 10px;font-size:11px;border-radius:6px;color:#84909a;min-height:34px;border:1px solid transparent}.filter.active{background:white;border-color:#e1e6e9;color:#303b45;box-shadow:0 1px 2px #202b3505}.search{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:7px;width:250px;min-width:170px;padding-left:11px}.search>span{color:#96a0a7;font-size:24px;line-height:1}.search input{font-size:10px;background:none!important;border:0!important;min-height:36px!important;padding:8px 9px!important}.job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.job-card{background:white;border:1px solid var(--line);border-radius:11px;text-align:left;padding:20px 19px 0;overflow:hidden;box-shadow:0 3px 6px #27364103;transition:transform .15s,box-shadow .15s,border-color .15s;min-width:0}.job-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #2736410c;border-color:#bac4ca}.job-card.urgent-card{box-shadow:inset 0 3px #cd6c5c}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.order-ref{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#a0a9b1}.plate{display:flex;width:max-content;overflow:hidden;border:1px solid #d5dadd;border-radius:4px;height:29px;margin-bottom:11px;background:#fafafa}.plate>span{font-size:7px;background:#304c77;color:white;width:13px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px}.plate>b{font-size:15px;font-family:Consolas,monospace;letter-spacing:1.7px;font-weight:700;padding:2px 8px;color:#333c45}.job-card h3{font-size:14px;letter-spacing:-.2px;margin-bottom:2px}.client{font-size:10px;color:#9199a0}.card-request{font-size:11px;line-height:1.7;color:#7a8791;margin:17px 0;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-status{display:flex;align-items:center;justify-content:space-between;gap:5px}.card-status>span:last-child{font-size:9px;color:#a3abb2;white-space:nowrap}.task-lines{display:grid;gap:7px;margin:17px 0 19px;min-height:43px}.task-lines>div{display:flex;gap:7px;align-items:center;font-size:10px;color:#8c969e}.task-lines small{font-size:8px;margin-left:auto;color:#a7afb6}.task-dot{width:5px;height:5px;border-radius:50%;background:#c0c9d1;flex-shrink:0}.task-dot.decision{background:#f09755}.task-dot.parts{background:#dab552}.task-dot.done{background:#65ab7b}.card-footer{margin:0 -19px;padding:12px 17px;background:#fbfcfc;border-top:1px solid #eff1f2;display:flex;align-items:center;gap:7px;font-size:9px;color:#929da6}.card-footer .due{margin-left:auto}.due.late{color:#b54a3c}.card-footer>b{font-size:18px;font-weight:500;color:#9ba5ad;margin-left:5px}.empty-state{grid-column:1/-1;text-align:center;padding:50px 22px;background:#fff;border:1px dashed #d9dfe3;border-radius:12px;color:#85909a}.empty-state>span{display:block;font-size:31px;color:#b0b9bf;margin-bottom:12px}.empty-state h3{color:#4c5c68;font-weight:600}.empty-state p{font-size:12px;margin:10px auto 20px;max-width:440px}.empty-state.compact{padding:30px}.app-footer{display:flex;align-items:center;gap:20px;padding:27px 36px;color:#c0c5c9;font-size:9px;letter-spacing:1px}.app-footer>span{letter-spacing:0;color:#a7afb6}.app-footer>span:last-child{margin-left:auto}.panel{background:white;border:1px solid var(--line);padding:23px;border-radius:11px}.panel h2{margin-bottom:3px}.team-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.team-row{display:flex;align-items:center;gap:13px;padding:20px 0;border-bottom:1px solid var(--line)}.team-row:last-child{border:0}.team-row>div{flex:1}.team-row small{display:block;color:#8a969e;margin-top:4px}.hint{font-size:11px;line-height:1.7;color:#939da5}
.modal-open{overflow:hidden}.overlay{position:fixed;inset:0;background:#111b2b8c;backdrop-filter:blur(3px);z-index:20;display:flex;align-items:center;justify-content:center;padding:24px}.dialog{background:var(--bg);border-radius:15px;box-shadow:0 30px 100px #0004;max-height:calc(100dvh - 48px);width:100%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.create-dialog{max-width:780px}.detail-dialog{max-width:1160px}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--line);background:white;gap:15px}.dialog-header h2{font-size:24px}.dialog-header h2>span{display:inline-block;font-size:15px;font-weight:450;color:#7e8b95;margin-left:12px}.dialog-header .eyebrow{margin-bottom:7px;font-size:9px}.close{background:#f3f5f6;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;font-size:23px;color:#6b7780}.detail-header-actions{display:flex;align-items:center;gap:14px}.dialog-body{padding:25px 28px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:19px;margin-top:4px}.form-footer>span{font-size:11px;color:#8d969d;max-width:300px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.service-option input{position:absolute;opacity:0;width:1px;height:1px}.service-option span{display:flex;align-items:center;min-height:43px;padding:10px;border:1px solid #dbe1e4;border-radius:7px;font-size:11px;color:#74818c;background:white;cursor:pointer}.service-option input:checked+span{background:#fff1e8;border-color:#e99a72;color:#9a4b22}.service-option input:focus-visible+span{outline:3px solid #d95a21}.journey{display:flex;justify-content:space-between;gap:12px;background:white;padding:20px 28px;border-bottom:1px solid var(--line)}.journey>div{display:flex;align-items:center;gap:9px;flex:1;position:relative}.journey>div:not(:last-child)::after{content:"";height:1px;background:#e6eaec;flex:1;margin:0 10px}.journey span{width:23px;height:23px;background:#f1f4f5;border:1px solid #e7eaed;border-radius:50%;font-size:10px;color:#9ca7af;display:grid;place-items:center;flex-shrink:0}.journey b{font-size:10px;color:#9aa4ac;font-weight:550;white-space:nowrap}.journey .current span{background:#ff6d29;color:#1c2023;border-color:#ff6d29}.journey .current b{color:#8b4b29}.journey .done span{background:#e6f1eb;color:#498060;border-color:#d4e7dc}.journey .done b{color:#718d7d}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;min-height:400px}.detail-main{min-width:0}.detail-tabs{display:flex;gap:21px;padding:0 26px;border-bottom:1px solid #e1e5e7;background:#fbfcfc;overflow:auto}.detail-tabs button{background:none;color:#8b969f;font-size:11px;font-weight:550;padding:17px 0 14px;border-bottom:2px solid transparent;white-space:nowrap;min-height:48px}.detail-tabs button.active{border-color:#f17c41;color:#363e45}.detail-content{padding:24px;display:grid;gap:18px}.detail-aside{border-left:1px solid var(--line);background:#f9fafa;padding:26px 24px;font-size:12px}.detail-aside section,.detail-aside form{border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:21px}.detail-aside section:last-child{border:0}.detail-aside .eyebrow{font-size:8px;letter-spacing:1.3px}.detail-aside dl{display:grid;gap:4px;margin:18px 0 0}.detail-aside dt{font-size:10px;color:#99a2aa;margin-top:9px}.detail-aside dd{margin:0;color:#596773;font-size:11px;overflow-wrap:anywhere}.detail-aside p{font-size:11px;line-height:1.8;color:#7b8790}.detail-aside small{font-size:9px;color:#9ba4ac}.detail-aside .field>span{font-size:10px}.detail-aside .stack{gap:10px}.detail-aside select{font-size:11px}.intervention{border:1px solid #e0e5e8;background:white;border-radius:10px;overflow:hidden}.intervention>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 21px;background:#fdfefe;border-bottom:1px solid #edf0f2}.task-area{font-size:8px;letter-spacing:1.1px;font-weight:650;color:#9ba6af;display:block;margin-bottom:6px}.intervention h3{font-size:16px}.intervention-body{padding:20px;display:grid;gap:20px}.diagnosis-summary{border-left:2px solid #cfd9e2;padding-left:15px;display:grid;gap:14px}.diagnosis-summary span{font-size:8px;letter-spacing:1.1px;font-weight:750;color:#8f9ba5}.diagnosis-summary p{font-size:12px;line-height:1.8;color:#657582;margin-top:6px}.decision-summary{background:#fff7f0;border:1px solid #f4e3d6;border-radius:6px;padding:13px 15px}.decision-summary>b{font-size:10px;color:#a56842}.decision-summary p{font-size:12px;line-height:1.8;margin:6px 0;color:#8d725f}.decision-summary small{font-size:10px;color:#b48c70}.intervention .btn.primary{justify-self:start}.form-section-label{font-size:9px;font-weight:750;letter-spacing:1.2px;color:#a58b79}.approval-fields{display:grid;gap:15px}.approval-fields[hidden]{display:none}.callout{background:#edf2f7;border:1px solid #dae4ee;border-radius:9px;padding:18px;display:grid;gap:8px;font-size:12px;color:#657b90}.callout b{color:#4a637a}.callout .btn{justify-self:start;margin-top:5px}.callout.success{background:#edf6ef;border-color:#d7e8da;color:#72917b}.callout.success>b{color:#527d5b}.callout.stop{background:#faf1e9;border-color:#f0ded0;color:#9d795c}.callout.stop>b{color:#9b633c}.callout small{font-size:10px}.check-row{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#75818a;line-height:1.6}.check-row input{width:18px;height:18px;accent-color:#ef7b41;flex-shrink:0}.quality-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #eef1f2;padding-bottom:15px}.quality-row>span{font-size:12px;color:#657581}.quality-row>div{display:flex;gap:6px}.quality-row label{position:relative;cursor:pointer}.quality-row input{position:absolute;opacity:0}.quality-row label span{display:flex;min-height:42px;min-width:49px;align-items:center;justify-content:center;border:1px solid #dfe5e8;border-radius:6px;color:#93a0aa;font-size:11px}.quality-row input:checked+span{background:#e8f4ed;border-color:#a7c9b2;color:#3e7751}.quality-row input:focus-visible+span{outline:3px solid #d95a21}.quality-read{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0f2;font-size:11px;color:#74838e;gap:15px}.quality-read b{color:#5b8969;white-space:nowrap}.panel>.preline{margin:18px 0;font-size:12px;color:#6d7b84}.read-grid{display:grid;grid-template-columns:150px 1fr;gap:13px;margin:22px 0}.read-grid dt{color:#9ba5ad;font-size:11px}.read-grid dd{margin:0;color:#62717e;font-size:12px}.add-task{border:1px dashed #d2dade;border-radius:8px;padding:17px;color:#7c8b95;font-size:12px}.add-task summary{cursor:pointer;min-height:30px}.add-task form{margin-top:20px}.final-review{border-color:#e4c4ae;background:#fffaf5}.final-review p{font-size:12px;line-height:1.8;color:#957f6e}.upload-button{position:relative;display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:40px;border:1px dashed #d1dbe1;border-radius:7px;padding:10px 12px;font-size:11px;color:#83929e;background:#fafcfd;cursor:pointer;overflow:hidden}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.upload-button:focus-within{outline:2px solid #ef9e74}.task-attachment{border-top:1px solid #edf0f2;padding-top:15px}.waiting{display:flex;gap:15px;background:#faf7f2;border-radius:7px;padding:18px;color:#b08458}.waiting>span{font-size:24px}.waiting b{font-size:12px}.waiting p{font-size:11px;color:#ad9a84;margin-top:6px}.material{display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf0f2;padding:15px 0}.material:last-child{border:0}.material-icon{color:#bba46c;font-size:22px}.material-icon.received{color:#6a9e7e}.material>div:not(.material-actions){flex:1}.material b{font-size:12px;font-weight:600}.material small{display:block;font-size:10px;color:#9ba5ad;margin-top:4px}.material-actions{display:flex;gap:5px}.done-message{color:#5b8969;font-size:12px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.media-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}.media-card img,.media-card video{display:block;width:100%;height:190px;object-fit:contain;background:#edf1f3}.media-info{padding:14px;display:grid;gap:6px;font-size:11px;color:#86949f}.media-info b{font-size:12px;color:#657581;overflow-wrap:anywhere}.media-info small{font-size:9px}.media-info a{font-size:10px;justify-self:start}.audio-wrap{padding:25px 10px;background:#eef3f5}.audio-wrap>span{display:block;font-size:32px;color:#92a3af;text-align:center;margin-bottom:20px}.audio-wrap audio{width:100%}.record-row{display:flex;align-items:center;gap:15px}.record-row small{font-size:10px;color:#9aa5ac}.recording{background:#fff0e9;color:#bb4b30;border-color:#e3a392}.media-placeholder{padding:25px;color:#83949f;font-size:11px;background:#f1f4f5}.timeline{list-style:none;margin:0;padding:5px 0 0 20px}.timeline li{border-left:1px solid #dce4e8;padding:0 0 30px 26px;position:relative}.timeline-dot{position:absolute;left:-5px;top:4px;width:9px;height:9px;background:#c2cfd7;border:2px solid #f4f5f5;border-radius:50%}.timeline li:first-child .timeline-dot{background:#f3874e}.timeline-meta{font-size:10px;color:#94a2ac;display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.timeline h3{font-size:12px;font-weight:650;color:#647582}.timeline p{font-size:11px;line-height:1.8;color:#8a99a4;margin-top:10px}.closure{background:#ebf5ef;border-radius:8px;padding:15px!important}.closure h3{font-size:13px;color:#568164}.closure strong,.closure li{font-size:10px;color:#9e7755}.closure ul{padding-left:14px}
.login-shell{min-height:100dvh;display:grid;grid-template-columns:1.12fr 1fr}.login-story{background:#171c22;color:white;display:flex;flex-direction:column;justify-content:space-between;padding:55px 65px;position:relative;overflow:hidden}.login-story::after{content:"76";position:absolute;font-size:380px;font-weight:900;letter-spacing:-40px;bottom:-130px;right:-45px;color:#ffffff03;pointer-events:none}.login-story .eyebrow{color:#8d969f;font-size:10px;margin-bottom:27px}.login-story h1{font-size:clamp(43px,5vw,72px);line-height:1.08;letter-spacing:-3px}.login-story em{font-style:normal;color:#ff8b50}.login-story p{color:#858f9a;line-height:1.9;font-size:14px;margin-top:28px}.version{font-size:10px;color:#5c6875;margin-top:50px}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:70px max(35px,7vw);background:#f8f9f9}.login-panel h2{font-size:31px;letter-spacing:-1px;margin-bottom:15px}.login-panel>.muted{font-size:12px;margin-bottom:30px}.login-panel>.eyebrow{color:#a2aab1}.demo-entry{display:grid;gap:12px}.demo-entry>.badge{justify-self:start;margin-bottom:12px;font-size:9px}.demo-entry small{font-size:10px;color:#96a1aa;margin-top:6px;line-height:1.9}.login-footer{margin-top:55px;font-size:10px;line-height:2;color:#a4adb5}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#273c32;color:#f4fbf5;z-index:100;border-radius:9px;padding:15px 23px;box-shadow:0 10px 40px #172a3520;max-width:calc(100vw - 32px);font-size:13px}#toast.error{background:#934c38}[hidden]{display:none!important}
@media(min-width:1550px){.job-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1180px){.app-shell{grid-template-columns:198px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.sidebar .brand{margin-left:10px}.brand>span{font-size:18px}.brand strong{width:42px;height:43px;font-size:26px}#main{padding:28px}.topbar{padding:0 28px}.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:10px}.stat{padding:17px 14px}.stat>span{font-size:7px;letter-spacing:.8px}.stat small{font-size:9px}.board-tools{align-items:flex-start}.search{width:205px}.detail-layout{grid-template-columns:minmax(0,1fr) 225px}.detail-aside{padding:23px 18px}.detail-tabs{gap:17px}.journey{gap:8px}.journey>div:not(:last-child)::after{margin:0 3px}.journey b{font-size:9px}}
@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px 20px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px}.sidebar .brand{margin:0}.sidebar nav{display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap}.nav-item{width:auto;font-size:10px;min-height:37px;padding:7px 9px}.nav-icon{display:none}.nav-item b{display:none}.side-caption,.side-note{display:none}.sidebar-bottom{grid-column:1/-1;padding:0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #30353c}.user{border:0;padding:12px 0 0;margin-left:auto}.demo-switch{padding:10px 0 0}.demo-switch>span{font-size:7px}.user .avatar{width:28px;height:28px;font-size:9px}.user small{display:none}.user .logout{margin-left:15px}.topbar{height:55px;padding:0 22px}.top-actions{gap:8px}.today{display:none}#main{padding:25px 22px}.page-heading{margin-bottom:24px}.page-heading .btn{font-size:11px}.stats{margin-bottom:28px}.stat{min-height:120px;padding:15px 12px}.stat i{display:none}.stat>b{font-size:32px;margin:13px 0}.stat small{font-size:8px}.stat>span{font-size:6px;letter-spacing:.5px}.board-tools{flex-wrap:wrap;gap:10px}.search{width:100%}.job-grid{gap:13px}.detail-layout{grid-template-columns:1fr}.detail-aside{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:23px}.detail-aside section{margin:0}.detail-aside dl{margin-top:0}.overlay{padding:12px}.dialog{max-height:calc(100dvh - 24px);border-radius:12px}.dialog-header{padding:20px}.dialog-header h2{font-size:22px}.dialog-header h2>span{display:block;margin:7px 0 0;font-size:12px}.journey{padding:17px 20px;gap:8px}.journey>div{flex-direction:column;align-items:center;text-align:center;gap:5px}.journey>div:not(:last-child)::after{display:none}.journey b{font-size:8px;white-space:normal}.detail-tabs{padding:0 20px;gap:21px}.detail-content{padding:18px}.detail-header-actions>.badge{display:none}.team-layout{grid-template-columns:1fr}.login-story{padding:40px}.login-panel{padding:40px}.login-story h1{font-size:46px}.login-shell{grid-template-columns:1fr 1fr}.app-footer{padding:24px 22px}}
@media(max-width:520px){h1{font-size:28px;letter-spacing:-1.1px}.sidebar{padding:14px;gap:10px}.sidebar nav{gap:0}.sidebar .brand{gap:6px}.brand strong{width:35px;height:36px;font-size:22px}.brand>span{font-size:14px}.brand small{font-size:6px;letter-spacing:2px;margin-top:4px}.nav-item{font-size:9px;padding:7px}.nav-item:nth-last-child(1){display:none}#main{padding:24px 16px}.topbar{padding:0 16px}.breadcrumb{font-size:10px}.demo-pill{font-size:6px}.page-heading{align-items:flex-start;gap:12px}.page-heading .btn{min-height:40px;padding:8px 11px;white-space:nowrap}.page-heading p{font-size:11px;max-width:230px}.eyebrow{font-size:8px;letter-spacing:1.2px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{min-height:115px;padding:15px}.stat>span{font-size:7px;letter-spacing:.8px}.stat small{font-size:9px}.stat>b{font-size:33px}.job-grid{grid-template-columns:1fr}.job-card{padding:20px 22px 0}.job-card h3{font-size:16px}.card-request{font-size:12px}.client{font-size:11px}.card-status>span:last-child{font-size:10px}.task-lines>div{font-size:11px}.card-footer{margin:0 -22px;padding:13px 20px;font-size:10px}.filters{gap:2px;flex-wrap:nowrap;overflow:auto;width:100%}.filter{font-size:10px;padding:7px 9px;white-space:nowrap}.app-footer>span:nth-child(1){display:none}.overlay{padding:0}.dialog{max-height:100dvh;height:100dvh;border-radius:0;scrollbar-gutter:auto}.dialog-header{padding:18px 17px}.dialog-header h2{font-size:22px}.dialog-header .eyebrow{font-size:8px}.journey{padding:16px 12px}.journey b{font-size:7px}.detail-content{padding:15px}.detail-tabs{padding:0 15px;gap:22px}.detail-tabs button{font-size:11px}.intervention>header{padding:17px 15px}.intervention h3{font-size:15px}.intervention-body{padding:17px 15px}.intervention>header .badge{font-size:8px}.task-area{font-size:7px}.grid2{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.dialog-body{padding:22px 17px}.form-footer{flex-direction:column;align-items:stretch}.form-footer .btn{width:100%}.form-footer>span{max-width:none}.detail-aside{grid-template-columns:1fr}.panel{padding:19px 16px}.quality-row{gap:12px}.quality-row>span{font-size:11px}.quality-row label span{min-width:46px;min-height:46px}.read-grid{grid-template-columns:1fr;gap:5px}.read-grid dd{margin-bottom:12px}.media-grid{grid-template-columns:1fr}.record-row{align-items:flex-start;flex-direction:column}.material{align-items:flex-start;flex-wrap:wrap}.material-actions{width:100%;margin-left:25px}.btn{min-height:46px}.login-shell{grid-template-columns:1fr}.login-story{padding:28px;gap:35px}.login-story h1{font-size:40px}.login-story h1 br{display:none}.login-story .eyebrow{margin-bottom:14px}.login-story p,.login-story .version{display:none}.login-story::after{font-size:230px;bottom:-110px}.login-panel{padding:32px 28px 40px}.login-panel h2{font-size:28px}.login-footer{margin-top:30px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.stat>span{font-size:9px;letter-spacing:.8px}.stat small{font-size:11px}.order-ref{font-size:10px}.card-status>span:last-child{font-size:10px}
@media(max-width:1180px){.stat>span{font-size:8px}.stat small{font-size:10px}}
@media(max-width:520px){.field>span{font-size:13px}.field input,.field textarea,.field select{font-size:14px}.stat>span{font-size:8px}.stat small{font-size:10px}}
.delegated-section{margin-top:36px}.turn-caption{font-size:12px;color:#657581;margin:12px 0 2px;min-height:34px}.handoff-bar{padding:16px 28px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #e7ded4;font-size:12px}.handoff-bar strong{font-size:10px;letter-spacing:1px}.handoff-bar.management{background:#fff0e5;color:#9a572e}.handoff-bar.worker{background:#eaf2f8;color:#4c7290}.dispatch-panel{border-color:#ecc4ac;background:#fffaf6}.dispatch-panel>div>p{font-size:12px;line-height:1.8;margin-top:8px}.parts-editor{display:grid;gap:12px}.parts-rows{display:grid;gap:14px}.part-row{display:grid;gap:12px;padding:17px;border:1px solid #dce4e9;border-radius:9px;background:#f9fbfc}.part-proof{font-size:11px;color:#789185}.part-row .text-button{justify-self:start}.materials a{font-size:11px;color:#8e6b45}.card-status>.badge{font-size:9px}.board-tools{flex-wrap:wrap}.job-card .task-lines{min-height:25px}
@media(max-width:520px){.handoff-bar{padding:14px 17px;align-items:flex-start;flex-direction:column;gap:5px}.part-row{padding:14px}.turn-caption{font-size:12px}.dispatch-panel .btn{width:100%}}

.card-time-detail{padding:12px 28px;border-bottom:1px solid #e7ded4;font-size:13px;background:#f7f9fb}
.card-time-detail [data-card-time]{display:flex;gap:8px 24px;flex-wrap:wrap;margin-bottom:4px}
.card-time-detail small,.card-time-compact small{color:#566674}
.card-clock{font-variant-numeric:tabular-nums;white-space:nowrap}
.card-time-compact{margin-top:4px}.road-panel{margin-bottom:18px}.road-panel details form{margin-top:12px}
@media(max-width:520px){.card-time-detail{padding:10px 17px}}

#connection-status{position:fixed;bottom:12px;left:12px;right:12px;margin:auto;max-width:680px;z-index:1000;padding:13px 16px;border:1px solid #c98635;border-radius:8px;background:#fff3d9;color:#653c12;font-size:13px;box-shadow:0 3px 18px #0002}
.connection-lost .card-time-detail{background:#fff3d9}
@media(max-width:520px){#connection-status{bottom:8px;left:8px;right:8px;font-size:12px}}

/* v0.3: notifications and management-controlled work queues. */
.notice-button{display:flex;gap:8px;align-items:center;background:#edf1f4;color:#667785;border-radius:8px;padding:10px 13px;font-size:12px;min-height:42px}.notice-button b{border-radius:12px;background:#dfe7ec;padding:3px 7px}.notice-button.has-unread{background:#fff0e3;color:#924719}.notice-button.has-unread b{background:#f98040;color:#1b242c}.notifications-list{display:grid;gap:16px;max-width:960px}.notification.unread{border-left:4px solid #f08043}.notification h2{font-size:18px}.notification p{font-size:13px;color:#6a7a86;line-height:1.8;margin-top:12px}.notification .next-response{background:#fff7ef;border-radius:6px;padding:12px}.next-response b{display:block;color:#9c5b34;font-size:10px;text-transform:uppercase;letter-spacing:1px}.notification-actions{display:flex;gap:12px;margin-top:18px;align-items:center}.queue-team{display:grid;gap:20px}.queue-row{display:flex;gap:14px;align-items:center;padding:18px 0;border-top:1px solid #e5eaee}.queue-row>div:nth-child(2){flex:1;min-width:0}.queue-row b{font-size:13px;overflow-wrap:anywhere}.queue-row small{display:block;color:#8998a3;font-size:11px;margin-top:6px}.queue-row>div:last-child{display:flex;gap:6px}.queue-number{display:grid;place-items:center;width:28px;height:28px;background:#eef2f5;border-radius:50%;flex-shrink:0}.waiting-cars{margin-top:32px}.anonymous-car{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px dashed #ccd6dd;border-radius:12px;text-align:center;padding:20px;color:#7e909d}.anonymous-car svg{width:115px;height:70px;color:#c3cdd4;margin-bottom:20px}.anonymous-car h3{font-size:15px;color:#6c7e8b}.anonymous-car p{font-size:11px;line-height:1.8;margin-top:10px}.anonymous-car small{font-size:10px;margin-top:8px;color:#a2adb5}.demo-switch select{width:100%;font-size:11px;background:#242c35;color:#c4ced6;border:1px solid #3e4a55;border-radius:5px;padding:10px;margin-top:8px}.queue-choice{padding:14px;background:#eef3f7;border-radius:8px}.queue-choice .hint{margin-bottom:10px}.login-panel .demo-entry{gap:9px}.login-panel .demo-entry .big{min-height:45px;font-size:13px}
@media(max-width:520px){.notice-button{font-size:10px;padding:7px 9px}.queue-row{gap:8px;flex-wrap:wrap}.queue-row>div:last-child{margin-left:36px}.notification-actions{flex-wrap:wrap}.notification h2{font-size:16px}.demo-switch{max-width:200px}.notifications-list .panel{padding:18px}.anonymous-car{min-height:210px}.top-actions .demo-pill{display:none}}

.instruction-update{margin:16px 0;padding-top:14px;border-top:1px solid #dce4e9}.instruction-update .field>span{font-size:11px}.instruction-update textarea{font-size:12px;min-height:110px}

.draft-status{display:block;color:#637887;font-size:11px;line-height:1.6}.draft-conflict{background:#fff0d3;border:1px solid #e2ba74;padding:12px;border-radius:8px}
.card-next-action{font-size:12px;line-height:1.7;color:#8d572b;margin-top:12px}.last-return{font-size:11px;line-height:1.6;color:#607687;margin-top:10px}
.quality-finding{padding:14px 0;border-bottom:1px solid #dce4e9}.quality-finding p{font-size:13px;line-height:1.7;margin:9px 0}.quality-issue{background:#fff6ee;padding:14px;border:1px solid #eccdb4;border-radius:8px}.quality-issue[hidden]{display:none}.quality-row>div{flex-wrap:wrap}.previous-quality{margin:14px 0}
.times-table{overflow-x:auto;margin:18px 0}.times-table table{width:100%;border-collapse:collapse;font-size:12px}.times-table th,.times-table td{padding:12px;text-align:left;border-bottom:1px solid #dce4e9;white-space:nowrap}.times-table td small{display:block;color:#718493;margin-top:5px}

.order-brief{display:grid;gap:10px;padding:14px 28px;border-bottom:1px solid #e7ded4;background:#fffaf6;color:#34343a}
.order-brief p,.quick-note-entry p{margin:5px 0 0;overflow-wrap:anywhere}
.order-brief b,.order-handover summary,.quick-note summary{font-size:14px}
.order-handover,.quick-note-entry{font-size:13px;line-height:1.5}
.order-handover summary,.quick-note summary{cursor:pointer;font-weight:700}
.quick-note{margin-bottom:14px}
.quick-note>form,.quick-note-entry{margin-top:12px}
.quick-note-actions,.part-photo-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.part-proof{white-space:pre-line;overflow-wrap:anywhere}
.part-row [hidden],.quick-note [hidden]{display:none}
.quick-note a,.part-photo-actions a,.timeline a{color:#875333;text-decoration:underline}
@media(max-width:520px){.order-brief{padding:12px 17px}.quick-note-actions .btn{width:100%}}

.wait-panel .btn{margin-top:8px}.wait-review{font-size:12px;color:#655243;margin:5px 0}
.due-review{color:#963c23;font-weight:700}
.material-lines{display:grid;gap:12px}.material-line{padding:14px;border:1px solid #dce4e9;border-radius:8px;background:#f9fbfc;min-width:0}
.material-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.material-state{font-size:12px;color:#486579;background:#e7eff4;padding:4px 9px;border-radius:5px}
.purchase-details{margin-top:10px}.purchase-details summary{cursor:pointer;font-weight:650;font-size:13px}
.purchase-details form,.material-line>form{margin-top:10px}
.part-suggestions{display:grid;gap:5px;border-left:3px solid #ddb398;padding:7px 0 7px 10px}
.part-suggestions>b{font-size:12px}.part-suggestion{display:grid;gap:3px;text-align:left;padding:8px;background:white;border:1px solid #dce4e9;border-radius:5px;color:#323843;cursor:pointer}
.part-suggestion small{color:#5b7183}