:root{--bg:#f4f5f7;--card:#fff;--ink:#171717;--muted:#69707a;--line:#d8dce1;--yellow:#ffd400;--dark:#111827;--red:#b42318;--green:#177245;--blue:#175cd3;--amber:#9a5b00}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button{cursor:pointer}.appbar{position:sticky;top:0;z-index:50;background:var(--dark);color:#fff;border-bottom:4px solid var(--yellow)}.appbar-in{max-width:1140px;margin:auto;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px}.logo{background:var(--yellow);color:#111;padding:8px 10px;font-weight:900;border-radius:5px}.brand small{display:block;color:#c7cbd1;margin-top:2px}.role-switch{display:flex;gap:6px}.role-switch button{border:1px solid #4b5563;background:#1f2937;color:#fff;border-radius:8px;padding:7px 10px}.role-switch button.active{background:#fff;color:#111}.wrap{max-width:1140px;margin:14px auto 60px;padding:0 12px}.screen{display:none}.screen.active{display:block}.hidden{display:none!important}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:14px;box-shadow:0 1px 2px rgba(16,24,40,.04)}.card h2{font-size:18px;margin:0 0 10px}.card h3{font-size:15px;margin:15px 0 7px}.muted{color:var(--muted);font-size:12px;line-height:1.45}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.space{justify-content:space-between}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}label{font-size:12px;font-weight:750;color:#414854;display:block;margin:0 0 4px}input,select,textarea{width:100%;border:1px solid #b9c0c9;border-radius:8px;padding:9px;background:#fff;color:#171717}textarea{min-height:78px;resize:vertical}.btn{border:1px solid #abb2bc;background:#fff;border-radius:8px;padding:8px 10px;color:#171717}.btn.primary{background:#111827;border-color:#111827;color:#fff;font-weight:750}.btn.yellow{background:var(--yellow);border-color:#d6b200;color:#111;font-weight:850}.btn.red{color:var(--red);border-color:#efb5b1}.btn.small{font-size:12px;padding:5px 8px}.btn:disabled{opacity:.45;cursor:not-allowed}.drop{border:2px dashed #aeb5bf;border-radius:12px;padding:28px;text-align:center;background:#fafbfc;display:grid;place-items:center;gap:8px}.drop.drag{background:#fff9d8;border-color:#c7a900}.drop strong{font-size:18px}.progress{height:7px;background:#eee;border-radius:999px;overflow:hidden;margin-top:10px}.progress div{height:100%;width:40%;background:#111827;animation:move 1.1s linear infinite}@keyframes move{from{transform:translateX(-100%)}to{transform:translateX(300%)}}.alert{border-radius:10px;padding:10px 12px;margin-bottom:10px;background:#fff0d1;border:1px solid #e8c36b}.alert.error{background:#fee9e7;border-color:#efb5b1;color:#7a271a}.alert.ok{background:#e4f5eb;border-color:#a8dabd;color:#135f3b}.jobs{display:grid;gap:8px}.job{border:1px solid #d8dce1;background:#fff;border-radius:11px;padding:11px}.job-title{font-weight:850;font-size:16px}.job-meta{font-size:12px;color:#68707a;margin-top:4px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;background:#edf0f3;color:#3b4350}.pill.green{background:#e4f5eb;color:var(--green)}.pill.amber{background:#fff0d1;color:var(--amber)}.pill.blue{background:#e8f0ff;color:var(--blue)}.pill.red{background:#fee9e7;color:var(--red)}.tabs{display:flex;gap:6px;overflow:auto;padding-bottom:7px;position:sticky;top:73px;z-index:20;background:var(--bg);padding-top:5px}.tab{white-space:nowrap;border:1px solid #ccd1d7;background:#fff;border-radius:999px;padding:8px 11px;font-weight:750}.tab.active{background:#111827;color:#fff;border-color:#111827}.panel{display:none}.panel.active{display:block}.item{border:1px solid #e2e5e9;background:#fbfbfc;border-radius:9px;padding:9px;margin:6px 0}.item.struck{opacity:.62;background:#f1f2f4}.item.struck .main{text-decoration:line-through}.actions{display:flex;gap:5px;flex-wrap:wrap}.table-wrap{overflow:auto}.mat-table{min-width:850px;width:100%;border-collapse:collapse;font-size:12px}.mat-table th,.mat-table td{border-bottom:1px solid #e3e6ea;padding:6px;vertical-align:middle;text-align:left}.mat-table th{color:#59616d;font-size:11px}.mat-table input{padding:7px}.checkgrid{display:grid;grid-template-columns:1.4fr .7fr .7fr 1.4fr;gap:6px;align-items:center}.checkgrid>div{padding:6px;border-bottom:1px solid #e5e7eb}.sigbox{border:1px solid #aeb5bf;background:#fff;border-radius:9px}.sigbox canvas{width:100%;height:160px;display:block;touch-action:none}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.photo{border:1px solid #d5dae0;border-radius:9px;padding:5px;background:#fff}.photo img{width:100%;height:100px;object-fit:cover;border-radius:6px}.history{max-height:260px;overflow:auto}.hist{border-left:3px solid #d7dbe0;padding:5px 8px;margin:5px 0;font-size:12px}.editor-head{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.save-state{font-size:12px;color:var(--muted)}.warnbox{background:#fff6c8;border:1px solid #e8c930;border-radius:9px;padding:9px;margin:8px 0}.summary{display:grid;grid-template-columns:140px 1fr;gap:5px 10px;font-size:13px}.summary div:nth-child(odd){color:#59616d}.footer-actions{position:sticky;bottom:8px;display:flex;justify-content:flex-end;gap:7px;background:rgba(244,245,247,.94);padding:8px;border-radius:10px;backdrop-filter:blur(4px)}
@media(max-width:820px){.grid2,.grid3{grid-template-columns:1fr}.appbar-in{align-items:flex-start}.brand small{max-width:190px}.summary{grid-template-columns:105px 1fr}.checkgrid{grid-template-columns:1.2fr .7fr .7fr}.checkgrid .remark{grid-column:1/-1}.tabs{top:72px}.footer-actions .btn{flex:1}.footer-actions{justify-content:stretch}.logo{font-size:13px}.role-switch button{padding:6px 7px;font-size:12px}}
@media(max-width:470px){.wrap{padding:0 8px}.card{padding:11px}.drop{padding:18px}.job .row.space{align-items:flex-start}}
.service-line{display:grid;grid-template-columns:100px minmax(220px,1fr) auto;gap:8px;align-items:end}.service-line .actions{padding-bottom:2px}.picker{width:min(520px,calc(100% - 24px));border:0;border-radius:14px;padding:0;box-shadow:0 18px 60px rgba(0,0,0,.28)}.picker::backdrop{background:rgba(17,24,39,.55)}.picker form{padding:18px}.picker h2{margin:0 0 14px}.picker label{margin-top:10px}.picker .end{justify-content:flex-end;margin-top:16px}@media(max-width:620px){.service-line{grid-template-columns:90px 1fr}.service-line .actions{grid-column:1/-1}}
.catalog-admin-head{display:grid;grid-template-columns:160px minmax(180px,1fr) minmax(180px,1fr) auto;gap:8px;align-items:center}.catalog-admin-list{max-height:390px;overflow:auto;margin-top:10px;border-top:1px solid #e2e5e9}.catalog-admin-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 2px;border-bottom:1px solid #e7e9ec}.item.lead{background:#fff6c8;border-color:#e8c930}.lead-label{color:#725700;font-size:12px;font-weight:850;margin-top:3px}.protocol-grid{display:grid;grid-template-columns:minmax(220px,1fr) 150px;gap:6px 10px;align-items:center}.protocol-grid>div,.protocol-grid>b{padding:5px 0}.protocol-grid input{margin-top:5px}.damage-section{border-top:1px solid #e1e4e8;margin-top:15px;padding-top:5px}.damage-section.required{border:2px solid #efb5b1;border-radius:10px;padding:10px;background:#fff9f8}.required-star{color:var(--red);font-weight:850}.damage-section textarea{margin-bottom:9px}@media(max-width:760px){.catalog-admin-head{grid-template-columns:1fr}.protocol-grid{grid-template-columns:minmax(0,1fr) 100px}}
.tab.locked{background:#eef0f3;color:#737b86;border-color:#d8dce1}.back-to-jobs{min-height:44px;padding:9px 16px;border:2px solid #111827;background:#fff;font-size:14px;font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.12)}.workflow-next{position:sticky;bottom:62px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff6c8;border:1px solid #e8c930;border-radius:11px;padding:12px;margin:10px 0;box-shadow:0 4px 18px rgba(0,0,0,.08)}.protocol-grid.protocol-building{grid-template-columns:minmax(220px,1fr) 72px 72px 84px}.bigcheck{display:flex;align-items:center;justify-content:center;gap:5px;margin:0;padding:7px;border:1px solid #d8dce1;border-radius:8px}.bigcheck.no-damage{background:#f4f5f7}.bigcheck input{width:22px;height:22px;margin:0}.phase-banner{background:#e8f0ff;border:1px solid #aac3f5;border-radius:10px;padding:11px;margin-bottom:14px}.phase-banner.complete{background:#e4f5eb;border-color:#a8dabd}.pdf-preview{width:100%;height:62vh;min-height:480px;border:1px solid #b9c0c9;border-radius:10px;margin:8px 0 10px;background:#eee}
@media(max-width:760px){.workflow-next{align-items:stretch;flex-direction:column;bottom:68px}.workflow-next .btn{width:100%}.protocol-grid.protocol-building{grid-template-columns:minmax(0,1fr) 52px 52px 62px}.bigcheck span{display:none}.pdf-preview{height:52vh;min-height:360px}}
.device-access{border-color:#9db7e8;background:linear-gradient(135deg,#f5f8ff,#fff)}.device-links{display:grid;gap:8px}.device-link{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #cbd8ef;border-radius:9px;padding:9px;background:#fff}.device-link a{font-weight:800;color:var(--blue);overflow-wrap:anywhere}.table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.btn,.tab,.role-switch button{touch-action:manipulation}.sigbox canvas{-webkit-user-select:none;user-select:none}
@media(pointer:coarse){button,.btn,select,input[type="time"],input[type="number"]{min-height:46px}.btn.small{min-height:42px;padding:9px 10px}.tab{min-height:44px}.bigcheck{min-height:48px}.sigbox canvas{height:190px}}
@media(max-width:620px){body{font-size:16px}.appbar{position:relative}.appbar-in{display:grid;grid-template-columns:1fr;padding:9px 10px}.brand{justify-content:space-between}.brand small{max-width:none}.role-switch{width:100%}.role-switch button{flex:1;min-height:44px}.wrap{margin-top:8px;margin-bottom:90px}.tabs{top:0;padding:6px 0}.back-to-jobs{width:100%;font-size:16px}.device-link{align-items:stretch;flex-direction:column}.device-link .btn{width:100%}.footer-actions{overflow-x:auto;justify-content:flex-start}.footer-actions .btn{flex:0 0 auto;min-width:110px}.item .row.space{align-items:stretch;flex-direction:column}.item .actions .btn{flex:1}.protocol-grid.protocol-building{grid-template-columns:minmax(0,1fr) 46px 46px 54px;gap:5px}.summary{grid-template-columns:92px minmax(0,1fr)}input,select,textarea{font-size:16px}.pdf-preview{min-height:300px;height:46vh}}
.pdf-pages{display:grid;gap:12px;background:#dfe3e8;border:1px solid #b9c0c9;border-radius:10px;padding:9px;margin:8px 0 10px}.pdf-loading,.pdf-page-count{text-align:center;font-size:12px;font-weight:750;color:#4b5563;padding:8px}.pdf-page-wrap{display:grid;justify-items:center;gap:5px}.pdf-page-label{font-size:11px;font-weight:800;color:#4b5563}.pdf-page{display:block;max-width:100%;height:auto!important;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}
@supports(padding:max(0px)){
  .appbar-in{padding-top:max(10px,env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .wrap{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));margin-bottom:calc(60px + env(safe-area-inset-bottom))}
  .footer-actions{bottom:calc(8px + env(safe-area-inset-bottom))}
}
@media(max-width:620px){.pdf-pages{padding:6px}.pdf-page-count{background:rgba(223,227,232,.95);border-radius:7px}.wrap{margin-bottom:calc(90px + env(safe-area-inset-bottom))}}
.address-with-nav{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:var(--ink)}.summary .address-with-nav>div{color:var(--ink)}.nav-btn{flex:0 0 auto;white-space:nowrap;text-decoration:none;text-align:center}
@media(max-width:620px){.address-with-nav{align-items:stretch;flex-direction:column}.nav-btn{width:100%;min-height:46px;display:grid;place-items:center}}
.sync-status{display:flex;align-items:center;gap:10px;border-color:#a8dabd;background:#f2fbf6}.sync-status span{font-size:12px;color:#476052}.sync-status.offline{border-color:#e8c36b;background:#fff8e6}.employee-date-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:6px;padding:3px 0 8px}.date-chip{border:1px solid #ccd1d7;border-radius:10px;background:#fff;padding:8px 6px;display:grid;gap:3px;min-height:58px}.date-chip span{font-size:11px;color:#59616d;white-space:nowrap}.date-chip b{font-size:16px}.date-chip small{font-size:9px;color:#9b342a;font-weight:850;text-transform:uppercase}.date-chip.overdue{border-color:#efb5b1;background:#fff9f8}.date-chip.active{background:#111827;border-color:#111827;color:#fff}.date-chip.active span,.date-chip.active small{color:#d5dae0}.day-summary{background:#f5f7fa;border-radius:8px;padding:8px 10px;margin-bottom:8px;font-size:13px}.damage-task{margin-top:14px;padding:12px;border:1px solid #9db7e8;border-radius:10px;background:#f5f8ff}.damage-task.required{border:2px solid #efb5b1;background:#fff9f8}.damage-task p{font-size:13px;line-height:1.45}.planner-state{font-size:12px;font-weight:750;margin-top:9px;color:#59616d}.planner-btn{text-decoration:none;display:inline-flex}
@media(max-width:620px){.sync-status{align-items:flex-start;flex-direction:column}.employee-date-head{grid-template-columns:1fr 110px}.employee-date-head label{grid-column:1/-1}.employee-date-strip{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:92px;overflow-x:auto;overscroll-behavior-inline:contain}.planner-btn{display:flex;justify-content:center;width:100%;min-height:46px;align-items:center}}
.account-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.account-pill{font-size:12px;font-weight:800;color:#fff}.logout-btn{background:#1f2937;border-color:#4b5563;color:#fff}.login-card{max-width:440px;margin:9vh auto;padding:24px}.login-card h1{margin:12px 0 6px}.login-card label{margin-top:14px}.login-mark{display:inline-block;background:var(--yellow);color:#111;border-radius:5px;padding:8px 10px;font-weight:900}.login-btn{width:100%;margin-top:18px;min-height:48px}.login-card #loginStatus{min-height:20px;margin-top:10px;color:var(--red)}.employee-identity-card{border-color:#cbd8ef;background:#f8faff}.permission-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}.view-only-job{border-color:#9db7e8;background:#fbfdff}.read-only-banner{display:flex;gap:9px;align-items:flex-start;border:1px solid #9db7e8;background:#e8f0ff;color:#173b74;border-radius:10px;padding:11px;margin:10px 0}.read-only-banner span{font-size:12px;line-height:1.45}.read-only-editor #panel input:disabled,.read-only-editor #panel select:disabled,.read-only-editor #panel textarea:disabled{opacity:1;color:#333;background:#f3f4f6;-webkit-text-fill-color:#333}.read-only-editor #panel button:disabled{display:none}.disabled-link{pointer-events:none;opacity:.45}.read-only-editor .sigbox{background:#f8f9fa}
@media(max-width:620px){.account-actions{width:100%;justify-content:stretch}.account-pill{flex:1 1 100%;text-align:center}.account-actions .role-switch{flex:1}.logout-btn{min-height:44px}.login-card{margin:5vh auto;padding:18px}.read-only-banner{flex-direction:column}.permission-line{align-items:flex-start;flex-direction:column}}
.import-queue{margin-top:12px;border:1px solid #cbd8ef;border-radius:11px;background:#f8faff;padding:11px}.import-queue-head{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;align-items:end}.import-file-list{display:grid;gap:6px;margin-top:10px}.import-file-row{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:8px;align-items:center;background:#fff;border:1px solid #d8dce1;border-radius:9px;padding:8px}.import-file-row.done{border-color:#a8dabd;background:#f2fbf6}.import-file-row.failed{border-color:#efb5b1;background:#fff9f8}.import-file-name{min-width:0;display:grid;gap:3px}.import-file-name b{overflow-wrap:anywhere}.import-file-name span{font-size:11px;color:var(--muted)}.import-queue-actions{margin-top:10px}.progress.batch div{animation:none;transform:none;width:0;transition:width .2s ease}
@media(max-width:700px){.import-queue-head,.import-file-row{grid-template-columns:1fr}.import-file-row .btn{width:100%}.import-queue-actions{align-items:stretch;flex-direction:column}.import-queue-actions .btn{width:100%}}
.office-company-select{display:grid;grid-template-columns:110px minmax(180px,280px);gap:8px;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid #e5e7eb}.office-company-select label{margin:0}.office-company-select select{padding:7px}
@media(max-width:620px){.office-company-select{grid-template-columns:1fr}}
.workflow-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #cbd8ef;background:#f5f8ff;border-radius:10px;padding:9px 11px;margin:10px 0}.workflow-progress span{font-size:12px;color:#46566d}.overview-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.overview-start-time{display:grid;grid-template-columns:minmax(190px,260px) minmax(190px,260px) 1fr;gap:8px;align-items:center;border:1px solid #e8c930;background:#fff9d8;border-radius:10px;padding:10px;margin:10px 0}.overview-start-time label{margin:0}.pdf-page-stage{position:relative;display:inline-block;max-width:100%}.pdf-hotspot{position:absolute;z-index:4;border:2px solid rgba(194,155,0,.9);border-radius:6px;background:rgba(255,212,0,.13);color:#4d3e00;font-size:11px;font-weight:900;padding:3px;display:flex;align-items:flex-start;justify-content:flex-start;text-shadow:0 1px #fff;touch-action:manipulation}.pdf-hotspot:focus,.pdf-hotspot:hover{background:rgba(255,212,0,.3);outline:3px solid rgba(255,212,0,.32)}.editor-anchor{scroll-margin-top:135px}
@media(max-width:700px){.workflow-progress{align-items:flex-start;flex-direction:column}.overview-start-time{grid-template-columns:1fr}.overview-shortcuts .btn{flex:1 1 100%}.pdf-hotspot{font-size:9px;border-width:1px;padding:2px}.editor-anchor{scroll-margin-top:80px}}
.digital-work-order-card{padding:10px;background:#e8ebef}.work-order-sheet{background:#fff;border:1px solid #9aa2ad;border-radius:7px;overflow:hidden;box-shadow:0 3px 12px rgba(17,24,39,.08)}.work-order-title{display:flex;align-items:stretch;justify-content:space-between;gap:16px;background:#111827;color:#fff;border-bottom:4px solid var(--yellow)}.work-order-title>div{padding:14px 16px}.work-order-title span{font-size:11px;font-weight:900;letter-spacing:.11em;color:var(--yellow)}.work-order-title h2{font-size:22px;margin:3px 0 0}.work-order-number{display:grid;align-content:center;text-align:right;background:#222d3e;min-width:230px}.work-order-number small,.work-order-facts small,.work-order-address-grid small{display:block;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#677180;margin-bottom:3px}.work-order-number small{color:#cbd1da}.work-order-number b{font-size:19px;overflow-wrap:anywhere}.work-order-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #cdd2d8}.work-order-facts>div{padding:10px 12px;border-right:1px solid #e0e3e7;border-bottom:1px solid #e0e3e7;min-width:0}.work-order-facts b{display:block;overflow-wrap:anywhere}.work-order-address-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #cdd2d8}.work-order-address-grid>div{padding:11px 12px;line-height:1.4}.work-order-address-grid>div+div{border-left:1px solid #e0e3e7}.work-order-sections{display:grid;grid-template-columns:1fr 1fr}.work-order-section{appearance:none;text-align:left;border:0;border-right:1px solid #cdd2d8;border-bottom:1px solid #cdd2d8;background:#fff;padding:12px;min-height:112px;cursor:pointer;position:relative}.work-order-section:nth-child(2n){border-right:0}.work-order-section:hover,.work-order-section:focus{background:#fffbe9;outline:3px solid rgba(255,212,0,.32);outline-offset:-3px}.work-order-section>span{display:block;font-weight:900;font-size:15px;margin-bottom:8px}.work-order-section>div{display:flex;flex-wrap:wrap;gap:5px;padding-bottom:23px}.work-order-section em{position:absolute;left:12px;bottom:8px;font-style:normal;font-size:10px;font-weight:800;color:#7b6500}.work-order-chip{display:inline-block;border-radius:999px;background:#edf0f3;padding:4px 7px;font-size:11px;font-weight:750}.work-order-chip.struck{text-decoration:line-through;background:#fee9e7;color:#8b2f26}.work-order-chip.extra{background:#fff0b8;color:#6d5700}.digital-template-note{margin:10px 4px 1px}.assigned-documents-card h2{margin-bottom:3px}.assigned-document{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e1e4e8;padding:11px 0}.assigned-document>div:first-child{display:grid;gap:3px;min-width:0}.assigned-document .muted{overflow-wrap:anywhere}.document-empty{border-top:1px solid #e1e4e8;padding-top:11px}.office-documents{margin-top:11px;padding:11px;border:1px solid #cbd8ef;border-radius:10px;background:#f8faff}.office-document-head{display:grid;gap:3px;margin-bottom:9px}.office-change-orders{margin-top:10px}.office-document-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #dbe3f0;padding:9px 0}.office-document-row>div:first-child{display:grid;gap:3px;min-width:0}
@media(max-width:700px){.work-order-title{display:grid;gap:0}.work-order-title>div{padding:11px 12px}.work-order-number{text-align:left;min-width:0}.work-order-facts{grid-template-columns:1fr 1fr}.work-order-address-grid,.work-order-sections{grid-template-columns:1fr}.work-order-address-grid>div+div{border-left:0;border-top:1px solid #e0e3e7}.work-order-section{border-right:0}.assigned-document,.office-document-row{align-items:stretch;flex-direction:column}.assigned-document>.btn,.assigned-document>.row,.office-document-row>.row{width:100%}.assigned-document>.btn{display:grid;place-items:center}.assigned-document>.row .btn,.office-document-row>.row .btn{flex:1}.digital-work-order-card{padding:5px}}
.change-order-customer-head{display:flex;align-items:center;gap:16px}.change-order-customer-head h1{font-size:23px;margin:7px 0 3px}.change-order-read-check{display:flex;align-items:flex-start;gap:10px;border:2px solid #e8c930;background:#fff9d8;border-radius:10px;padding:13px;margin-top:13px;font-size:14px;line-height:1.45}.change-order-read-check input{width:24px;height:24px;flex:0 0 auto;margin:0}.change-order-read-check input:disabled+span{opacity:.55}.change-order-sign-actions{margin-top:12px}.change-order-sign-actions #changeOrderCustomerSign{margin-left:auto}.change-order-customer-head+.alert{margin-top:10px}
@media(max-width:620px){.change-order-customer-head{align-items:flex-start;flex-direction:column}.change-order-customer-head h1{font-size:20px}.change-order-sign-actions{align-items:stretch;flex-direction:column}.change-order-sign-actions #changeOrderCustomerSign{margin-left:0;width:100%}}
.workflow-next{position:static;bottom:auto;z-index:auto;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.work-order-address{display:grid;align-content:start;gap:8px}.work-order-address-content{display:grid;gap:2px;overflow-wrap:anywhere}.work-order-nav{justify-self:start;text-decoration:none;font-size:11px;padding:7px 9px}.information-section{min-height:150px}.information-section>div{display:block}.work-order-information{display:grid;gap:6px;margin:0;padding:0;list-style:none}.work-order-information li{position:relative;padding-left:16px;line-height:1.38;font-size:12px}.work-order-information li:before{content:'•';position:absolute;left:3px;font-weight:900;color:#6d5700}.work-order-information li.time-note{padding:7px 9px;border-radius:7px;background:#fff4b8;font-weight:900}.work-order-information li.time-note:before{display:none}.material-section>div{display:grid;grid-template-columns:1fr;align-content:start;width:100%}.work-order-material{display:grid;grid-template-columns:minmax(55px,auto) 1fr;align-items:center;gap:8px;border:1px solid #dce0e5;border-radius:7px;background:#f7f8fa;padding:6px 8px;font-size:11px}.work-order-material>b{color:#6d5700}.information-card .work-order-information{margin-top:10px}.information-card .work-order-information li{font-size:14px}
@media(max-width:700px){.work-order-nav{width:100%;min-height:44px;display:grid;place-items:center}.information-section{min-height:170px}.work-order-information li{font-size:13px}.work-order-material{font-size:12px}}
.driver-chip{background:#fff0b8;color:#6d5700;border:1px solid #e8c930}.driver-item{border-color:#e8c930;background:#fffdf3}.driver-label{color:#725700;font-size:12px;font-weight:850;margin-top:4px}.departure-intro{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:center;border-color:#e8c930;background:linear-gradient(135deg,#fffdf2,#fff)}.departure-intro h2{font-size:23px;margin:8px 0 5px}.departure-intro p{line-height:1.5;margin:0}.departure-login-fact{border-left:3px solid var(--yellow);padding:9px 12px;display:grid;gap:3px}.departure-login-fact small,.departure-vehicle-facts small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.departure-login-fact span{font-size:12px;color:var(--muted)}.departure-vehicle{border-width:2px}.departure-vehicle.confirmed{border-color:#a8dabd}.departure-vehicle.blocked{border-color:#efb5b1;background:#fffafa}.departure-vehicle-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e1e4e8}.departure-number{font-size:11px;font-weight:900;color:#725700;text-transform:uppercase;letter-spacing:.06em}.departure-vehicle-head h2{font-size:21px;margin:3px 0 8px}.departure-vehicle-facts{display:flex;gap:18px;flex-wrap:wrap}.departure-vehicle-facts span{display:grid;gap:2px}.departure-assign{padding:13px 0;border-bottom:1px solid #e1e4e8}.departure-assign small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.departure-checks{display:grid;gap:8px;padding:12px 0}.departure-checks>p{margin:0 0 2px}.departure-check{display:flex;align-items:flex-start;gap:11px;border:1px solid #d8dce1;border-radius:10px;padding:11px;background:#fafbfc;margin:0;color:var(--ink);font-size:13px;line-height:1.4}.departure-check>input{width:25px;height:25px;flex:0 0 auto;margin:0}.departure-check>span{display:grid;gap:4px}.departure-check details summary{cursor:pointer;color:#59616d;font-size:11px;font-weight:750}.departure-check details small,.departure-check>span>small{display:block;color:#59616d;line-height:1.4}.departure-check.trailer-check{background:#fff9d8;border-color:#e8c930}.departure-defect{margin-top:11px;padding:12px;border:2px solid #efb5b1;border-radius:10px;background:#fff9f8}.departure-defect label:not(:first-child){margin-top:11px}.departure-photo{max-width:310px;display:grid;gap:7px;margin-top:9px;border:1px solid #efb5b1;border-radius:9px;padding:7px;background:#fff}.departure-photo img{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:7px}.departure-declaration{margin-top:14px;border-top:1px solid #e1e4e8;padding-top:12px}.departure-declaration>p{background:#f5f8ff;border-left:4px solid #9db7e8;border-radius:7px;padding:10px;line-height:1.5}.departure-sig{margin:7px 0}.departure-sig.stored{max-width:560px}.departure-sig canvas.signature-readonly{touch-action:auto}.departure-confirmed{display:grid;gap:7px;margin-top:13px;padding:11px;border:1px solid #a8dabd;border-radius:10px;background:#f2fbf6}.departure-confirmed>span{font-size:12px;color:#476052}.departure-personal-note{margin-top:9px}.load-securing{margin-top:14px;padding:12px;border:1px solid #e8c930;border-radius:10px;background:#fffdf2}.load-securing h3{margin-top:0}.load-securing .btn{margin-top:8px}.departure-stop{display:flex;align-items:flex-start;gap:12px;border:2px solid #d92d20;border-radius:10px;background:#fee9e7;color:#7a271a;padding:11px;margin:10px 0}.departure-stop span{font-size:12px;line-height:1.45}.departure-stop.compact{border-width:1px}.departure-dashboard-alert{margin-top:8px;border-radius:7px;background:#fee9e7;color:#7a271a;padding:7px 9px;font-size:12px;font-weight:800}.departure-blocked-job{border-color:#efb5b1}.driver-access-banner{border-color:#e8c930;background:#fff9d8;color:#5b4900}
@media(max-width:700px){.departure-intro{grid-template-columns:1fr}.departure-login-fact{border-left:0;border-top:3px solid var(--yellow)}.departure-vehicle-head{align-items:stretch;flex-direction:column}.departure-vehicle-head>.pill{align-self:flex-start}.departure-check{padding:10px 8px}.departure-declaration .row.space{align-items:stretch;flex-direction:column}.departure-declaration .btn,.load-securing .btn{width:100%;min-height:46px}.departure-stop{flex-direction:column}}
.office-simulation-note{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px;border:1px solid #9db7e8;border-radius:9px;background:#f5f8ff;color:#173b74}.office-simulation-note span{font-size:12px;line-height:1.45}
@media(max-width:700px){.office-simulation-note{flex-direction:column}}
.cargo-intro{border:2px solid #e8c930;background:linear-gradient(135deg,#fffdf2,#fff)}.cargo-intro h2{font-size:23px;margin:9px 0 6px}.cargo-intro p{line-height:1.55;margin:0}.cargo-vehicle{border-width:2px}.cargo-vehicle.complete{border-color:#a8dabd;background:#fbfffc}.cargo-confirm{display:flex;align-items:flex-start;gap:12px;margin:14px 0;padding:12px;border:1px solid #d8dce1;border-radius:10px;background:#fafbfc;color:var(--ink)}.cargo-confirm>input{width:26px;height:26px;flex:0 0 auto;margin:0}.cargo-confirm>span{display:grid;gap:4px;line-height:1.45}.cargo-confirm small,.cargo-camera small{color:var(--muted);font-weight:400}.cargo-camera{padding:12px;border:2px dashed #c7a900;border-radius:10px;background:#fffdf2}.cargo-camera input{margin:6px 0}.cargo-photo-grid{margin-top:12px}.cargo-photo{display:grid;gap:6px}.cargo-photo>div{display:grid;gap:2px}.cargo-photo>div span{font-size:11px;color:var(--muted)}.cargo-photo-empty{grid-column:1/-1;border:1px dashed #c9ced5;border-radius:9px;padding:18px;text-align:center;color:var(--muted)}.cargo-completed{margin-top:12px;padding:9px;border-radius:8px;background:#e4f5eb;color:#135f3b;font-size:12px;font-weight:800}.cargo-archive summary{cursor:pointer;font-weight:800}.cargo-archive>div{padding:7px 0;border-top:1px solid #e3e6ea;font-size:12px}.cargo-archive summary+div{margin-top:9px}.cargo-photo img{height:140px}
@media(max-width:700px){.cargo-intro h2{font-size:20px}.cargo-confirm{padding:10px 8px}.cargo-camera input{min-height:48px}.cargo-photo-grid{grid-template-columns:1fr 1fr}.cargo-photo .btn{width:100%}}
@media(max-width:430px){.cargo-photo-grid{grid-template-columns:1fr}.cargo-photo img{height:190px}}
.departure-personal-note{display:grid;gap:9px;padding:10px;border:1px solid #e8c930;border-radius:9px;background:#fffdf2}.departure-personal-note .btn{justify-self:start}.pdf-material-hint{display:block;margin-top:4px;color:#725700;font-weight:800}.customer-quality-card{margin-top:16px;border-color:#e8c930;background:#fffdf4}.customer-quality-card>.btn{margin-top:12px}.quality-customer-form{display:grid;gap:7px}.customer-signature-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0}.customer-signature-grid section{border:2px solid #e8c930;border-radius:11px;background:#fffdf4;padding:12px}.customer-signature-grid h3{margin-top:0}.customer-signature-grid+.btn{width:100%;min-height:50px}
@media(max-width:700px){.departure-personal-note .btn{width:100%;min-height:46px}.customer-signature-grid section{padding:9px}.customer-signature-grid .sigbox canvas{height:180px}}
.material-balance{display:block;margin-top:4px;font-size:10px;font-weight:800}.material-balance.ok,.ok-text{color:var(--green)}.material-balance.error,.warn-text{color:var(--red)}.lift-time-field{display:grid;gap:5px}.lift-time-field.required-field{border:2px solid #efb5b1;border-radius:10px;padding:8px;background:#fff9f8}.lift-time-field .btn{justify-self:start}.warnbox.compact{font-size:12px}.heavy-work-list{margin-top:16px;border-top:1px solid #d8dce1;padding-top:4px}.heavy-work-item{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr);gap:14px;border:1px solid #d8dce1;border-radius:10px;padding:11px;margin:8px 0;background:#fafbfc}.heavy-photo{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:center;margin-top:8px}.heavy-photo img{width:110px;height:85px;object-fit:cover;border-radius:7px;border:1px solid #d8dce1}.vehicle-defect-todos{border:2px solid #efb5b1;background:#fff8f7;border-radius:11px;padding:12px;margin-bottom:14px}.vehicle-defect-todos h2{margin-top:7px}.vehicle-defect-todo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;background:#fff;border:1px solid #efb5b1;border-radius:9px;margin-top:7px}.vehicle-defect-todo>div:first-child{display:grid;gap:3px}.vehicle-defect-todo span,.vehicle-defect-todo small{font-size:12px}.vehicle-defect-todo.done{opacity:.72;border-color:#a8dabd;background:#f2fbf6}.vehicle-defect-todo.done>div:first-child b{text-decoration:line-through}
@media(max-width:700px){.heavy-work-item{grid-template-columns:1fr}.heavy-photo{grid-template-columns:1fr}.heavy-photo img{width:100%;height:170px}.vehicle-defect-todo{align-items:stretch;flex-direction:column}.vehicle-defect-todo .row .btn{flex:1}.lift-time-field .btn{width:100%}}

.company-import-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.company-drop{min-width:0;padding:20px 12px}.company-drop strong{font-size:20px}.assigned-upload-fields{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:16px 0}.assigned-upload-fields label{display:grid;gap:8px}.assigned-upload-fields select{width:100%;min-width:0}@media(max-width:700px){.company-import-grid,.assigned-upload-fields{grid-template-columns:1fr}}

.attachment-dialog{max-width:600px;width:calc(100% - 32px);border:1px solid #ddd;border-radius:14px;padding:24px}.attachment-dialog::backdrop{background:#0008}.attachment-dialog select{width:100%;margin:12px 0}.job-document-drop{margin:16px 0}