/* assets/transaction-shortcuts-20261014.css */ #transactionShortcutBar .shortcut-code{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font:800 11px Arial,sans-serif;letter-spacing:.25px;line-height:1;color:inherit} #transactionShortcutBar button[data-shortcut-index]>.lo-icon{display:none!important} /* Topbar shortcut row replaces the floating side rail. */ .topbar #transactionShortcutBar{position:static!important;inset:auto!important;transform:none!important;z-index:auto;width:auto!important;height:40px!important;min-width:0;flex:1 1 0;margin:0 12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin} .topbar #transactionShortcutBar .shortcut-icons{position:static!important;inset:auto!important;transform:none!important;opacity:1!important;display:flex!important;flex-direction:row!important;gap:4px;width:max-content;max-height:none!important;overflow:visible!important;padding:2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none;transition:none!important} .topbar #transactionShortcutBar .shortcut-edge,.topbar #transactionShortcutBar .shortcut-pin,.topbar #transactionShortcutBar .shortcut-label{display:none!important} .topbar #transactionShortcutBar button[data-shortcut-index]{width:34px;height:34px;flex:0 0 34px;border-radius:8px;box-shadow:none;transform:none} .topbar:has(#transactionShortcutBar):has(.dashboard-topbar-greeting){height:auto!important;flex-wrap:wrap!important;padding-top:8px!important;padding-bottom:6px!important} .topbar:has(.dashboard-topbar-greeting) #transactionShortcutBar{order:10;flex:1 1 100%;margin:4px 0 0} @media(max-width:1100px){.topbar:has(#transactionShortcutBar){height:auto!important;flex-wrap:wrap;gap:6px;padding-top:8px;padding-bottom:6px}.topbar #transactionShortcutBar{order:10;flex:1 1 100%;margin:3px 0 0}.topbar:has(#transactionShortcutBar) .top-actions{margin-left:auto}} .topbar #transactionShortcutBar .shortcut-icons{margin-inline:auto!important} /* Comfortable, consistent topbar transaction shortcuts. */ .topbar #transactionShortcutBar{height:46px!important} .topbar #transactionShortcutBar .shortcut-icons{gap:6px;padding:4px!important} .topbar #transactionShortcutBar button[data-shortcut-index]{width:auto;min-width:40px;height:36px;flex:0 0 auto;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:linear-gradient(145deg,#246b57,#123e33);color:#f5fffb;box-shadow:0 2px 4px rgba(14,56,43,.12),inset 0 1px 0 rgba(255,255,255,.1);transition:background .16s,box-shadow .16s,transform .16s} .topbar #transactionShortcutBar .shortcut-code{font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.45px;line-height:1;white-space:nowrap;text-shadow:none} .topbar #transactionShortcutBar button[data-shortcut-index]:hover{background:linear-gradient(145deg,#30856b,#1c5846);transform:translateY(-1px);box-shadow:0 4px 8px rgba(14,56,43,.18)} .topbar #transactionShortcutBar button[data-shortcut-index]:active{transform:translateY(0);box-shadow:inset 0 1px 3px rgba(0,0,0,.2)} .topbar #transactionShortcutBar button[data-shortcut-index]:focus-visible{outline:2px solid #43ad88;outline-offset:2px} @media(prefers-reduced-motion:reduce){.topbar #transactionShortcutBar button[data-shortcut-index]{transition:none}} /* assets/transaction-menu-layout-20261014.css */ /* Greeting belongs to dashboard content; topbar shortcuts keep the shared layout. */ #content > .dashboard-content-greeting{display:flex;justify-content:flex-start;text-align:left;flex:none;margin:0 0 16px;padding:0;min-width:0;white-space:normal} #content > .dashboard-content-greeting strong{font-size:24px;line-height:1.3;white-space:normal} @media(max-width:600px){#content > .dashboard-content-greeting strong{font-size:20px}} /* assets/transaction-form-fixes-20261015.css */ @media screen{ html[data-ui-theme=dark] #modalRoot .purchase-discount-help{background:#233c30!important;color:#bfd7ca!important;border-color:#486452!important} html[data-ui-theme=dark] #modalRoot .purchase-discount-help b{color:#e3eee9!important} html[data-ui-theme=dark] #modalRoot :is(.journal-balance,.journal-totals){color:#d9eee2} } /* assets/menu-responsive-20261015.css */ @media screen{ .topbar.shortcut-header-ready{display:flex!important;flex-wrap:nowrap!important;height:auto!important;min-height:68px} .topbar.shortcut-header-ready .company-picker{order:0!important;min-width:0;flex:0 1 auto} .topbar.shortcut-header-ready #transactionShortcutBar{order:1!important;flex:1 1 0!important} .topbar.shortcut-header-ready .top-actions{order:2!important;position:static!important;flex:0 0 auto;margin-left:0!important} .topbar #transactionShortcutBar{overflow:hidden!important;scrollbar-width:none!important;min-width:0} .topbar #transactionShortcutBar::-webkit-scrollbar{display:none} .topbar.shortcut-header-compact .company-picker select{max-width:170px!important} .topbar.shortcut-header-compact .company-picker>span{display:none!important} .topbar.shortcut-header-compact .top-stock-search{display:none!important} .topbar.shortcut-header-compact #transactionShortcutBar{margin-inline:8px!important} .topbar.shortcut-header-compact #transactionShortcutBar .shortcut-icons{gap:4px!important} .topbar.shortcut-header-compact #transactionShortcutBar button[data-shortcut-index]{min-width:34px!important;height:32px!important;padding-inline:7px!important;border-radius:8px!important} .topbar.shortcut-header-compact #transactionShortcutBar .shortcut-code{font-size:10px!important;letter-spacing:.2px!important} .topbar.shortcut-header-stacked{height:auto!important;flex-wrap:wrap!important;gap:6px!important;padding-block:8px!important} .topbar.shortcut-header-stacked .top-actions{margin-left:auto!important} .topbar.shortcut-header-stacked #transactionShortcutBar{order:10!important;flex:0 0 100%!important;width:100%!important;min-width:100%!important;height:auto!important;margin:0!important} .topbar.shortcut-header-stacked #transactionShortcutBar .shortcut-icons{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;width:max-content!important;max-width:100%!important;margin-inline:auto!important} } /* assets/submenu-toggle-20261015.css */ .nav-transaction-group .nav-expand{display:inline-grid;place-items:center;flex:0 0 26px;width:26px;height:26px;cursor:pointer;user-select:none;border-radius:6px}.nav-transaction-group .nav-expand:hover{background:rgba(120,210,170,.16)} /* assets/transactions-toolbar-20261015.css */ #content .transaction-list-card .transaction-filter-bar{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;padding:9px 10px}#content .transaction-list-card .transaction-date-range{margin-left:0!important;flex:0 0 auto;gap:5px}#content .transaction-list-card .transaction-search{width:150px;flex:0 1 150px;min-width:120px}#content .transaction-list-card .transaction-type{width:140px;flex:0 1 140px}#content .transaction-list-card .transaction-payment-method{width:150px;flex:0 1 150px}#content .transaction-list-card .transaction-client-picker{width:150px;flex:0 1 150px;min-width:120px}#content .transaction-list-card .transaction-date-range input{width:120px;min-width:0}#content .transaction-inline-tools{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap;font-size:11px}#content .transaction-inline-tools .transaction-bulk-actions{margin:0;padding:0;gap:7px}#content .transaction-inline-tools .transaction-bulk-actions small{display:none}#content .transaction-inline-range{white-space:nowrap;font-size:10px}#content .transaction-inline-total{font-size:10px;color:var(--muted);white-space:nowrap}#content .transaction-filter-note[hidden]{display:none!important}@media(max-width:1100px){#content .transaction-inline-tools{margin-left:0;flex-basis:100%}}@media(max-width:600px){#content .transaction-list-card .transaction-date-range{flex-wrap:wrap}#content .transaction-inline-tools{gap:6px}} #content .transaction-list-card .transaction-filter-bar>button:not(.transaction-current-month){order:-1;margin-left:0!important;margin-right:0!important;flex:0 0 auto} #content .transaction-list-card .transaction-range-footer{display:flex;justify-content:flex-end;text-align:right;padding:10px 14px;border-top:1px solid var(--line);font-size:11px}#content .transaction-range-footer .transaction-inline-range{font-size:11px} /* assets/toolbar-controls-20261015.css */ #content :is(.toolbar,.stock-moving-report-controls,.petty-cash-controls) .toolbar-reset-left{order:-10!important;margin-left:0!important;margin-right:0!important;flex:0 0 auto}#content .toolbar-icon-outputs{position:relative;display:flex;align-items:center;gap:5px;padding:0!important;border:0!important;background:transparent!important}#content button.toolbar-output-icon{display:inline-flex!important;align-items:center;justify-content:center;width:32px!important;min-width:32px!important;height:32px;padding:6px!important;margin:0!important;border:0!important;background:transparent!important;color:var(--ink,#174c39)!important;box-shadow:none!important}#content button.toolbar-output-icon:hover{background:var(--surface-2,#dcece3)!important}#content button.toolbar-output-icon svg{width:19px;height:19px;pointer-events:none}#content .toolbar-export-menu{position:absolute;right:0;top:100%;z-index:60;display:flex;flex-direction:column;min-width:120px;padding:5px;border:1px solid var(--line,#abc4b7);border-radius:8px;background:var(--surface,#fff);box-shadow:0 6px 20px #0003}#content .toolbar-export-menu[hidden]{display:none!important}#content .toolbar-export-menu button{text-align:left!important;min-height:36px!important;width:100%!important;margin:0!important;padding:8px 12px!important}html[data-ui-theme=dark] #content .toolbar-export-menu{background:#1a3026;border-color:#456554}html[data-ui-theme=dark] #content button.toolbar-output-icon{color:#c4e4d5!important} /* assets/shortcut-light-glass-20261015.css */ /* Light-theme transaction shortcuts: translucent mint glass. */ @media screen{ html:not([data-ui-theme=dark]) #transactionShortcutBar .shortcut-icons button[data-shortcut-index]{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(221,240,231,.72))!important;color:#245844!important;border:1px solid rgba(148,187,167,.6)!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #b3d2c233,0 3px 8px #234d3912!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-shadow:0 1px 0 #fff9;transition:background .15s,box-shadow .15s,border-color .15s} html:not([data-ui-theme=dark]) #transactionShortcutBar .shortcut-icons button[data-shortcut-index]:hover{background:linear-gradient(145deg,#fff,rgba(201,232,216,.9))!important;border-color:#87b49b!important;box-shadow:inset 0 1px 0 #fff,0 4px 10px #234d3920!important} html:not([data-ui-theme=dark]) #transactionShortcutBar .shortcut-icons button[data-shortcut-index]:active{background:#d5eade!important;box-shadow:inset 0 2px 4px #234d3918!important} html:not([data-ui-theme=dark]) #transactionShortcutBar .shortcut-icons button[data-shortcut-index]:focus-visible{outline:2px solid #408c6a;outline-offset:2px} } /* assets/bank-reconciliation-dark-20261018.css */ /* Bank reconciliation: screen-only dark theme; financial behavior unchanged. */ @media screen { html[data-ui-theme=dark] .reconciliation-console :is(.reconcile-balance-strip,.reconcile-section,.reconcile-section-head,.reconcile-footer-status,.reconcile-count,.reconcile-search-shell){background:var(--surface,#1b2b24)!important;color:var(--ink,#e3eee9)!important;border-color:var(--line,#344b42)!important;background-image:none!important} html[data-ui-theme=dark] .reconciliation-console .reconcile-balance-strip .reconcile-difference.needs-work{background:#362723!important;color:#ffaaa2!important} html[data-ui-theme=dark] .reconciliation-console .reconcile-difference.needs-work small{color:#dfb6af!important} html[data-ui-theme=dark] .reconciliation-console .reconcile-difference.needs-work span{background:#58312c!important;color:#ffc0b8!important} html[data-ui-theme=dark] .reconciliation-console .reconcile-balance-strip .reconcile-difference.is-ready{background:#1e3d30!important;color:#b3e9c9!important} html[data-ui-theme=dark] .reconciliation-console .reconcile-difference.is-ready span{background:#2d5340!important;color:#c4f3d6!important} html[data-ui-theme=dark] .reconciliation-console .unified-reconciliation-table tr :is(th,td){border-color:var(--line,#344b42)!important;border-bottom:1px solid var(--line,#344b42)!important} html[data-ui-theme=dark] .reconciliation-console .unified-reconciliation-table :is(.action-heading,.row-actions){border-left-color:var(--line,#344b42)!important} html[data-ui-theme=dark] .reconciliation-console .unified-reconciliation-table thead{background:#233e32!important} html[data-ui-theme=dark] .reconciliation-console .unified-reconciliation-table tbody tr:hover{background:#284438!important} html[data-ui-theme=dark] .reconciliation-console :is(.review-status.pending,.match-status-pending,.match-status-review,.match-status-unmatched,.badge.pending){background:#493b20!important;color:#f6d997!important;border-color:#786039!important} html[data-ui-theme=dark] .reconciliation-console :is(.match-status-ok,.review-status.matched,.review-status.confirmed){background:#284b39!important;color:#b8e7cc!important} html[data-ui-theme=dark] .reconciliation-console :is(.premium-icon,.premium-icon.undo,.premium-icon.danger,.premium-icon.confirm,.uncheck-all-reconciliation){background:#223d31!important;background-image:none!important;border-color:#405d4e!important;box-shadow:none!important;color:#b7ddcc!important} html[data-ui-theme=dark] .reconciliation-console :is(.premium-icon.danger,.text-red){color:#ff9990!important} html[data-ui-theme=dark] .reconciliation-console .premium-icon:hover{background:#315342!important} html[data-ui-theme=dark] .reconciliation-console .reconcile-section-head h3{color:var(--ink,#e3eee9)!important} html[data-ui-theme=dark] .reconciliation-console :is(.reconcile-section-head p,.reconcile-search-toggle){color:var(--muted,#a8bcb2)!important} } /* assets/workshop.css */ .workshop-tabs,.workshop-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.workshop-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px;border:1px solid #d8e6df;border-radius:12px;background:#f2f8f4}.workshop-summary small,.workshop-summary b,.workshop-summary span{display:block}.workshop-summary b{font-size:16px;margin:7px 0}.workshop-summary span,.workshop-summary small{font-size:13px;color:#638071}.workshop-text{white-space:pre-wrap;line-height:1.6}.workshop-total{text-align:right;font-size:18px;font-weight:700;color:#164b36}.workshop-history>div{padding:12px 0;border-bottom:1px solid #e0ebe5}.workshop-history small{display:block;color:#6c8176;margin-top:5px}.workshop-estimate-table{min-width:740px}.workshop-estimate-table th:first-child{width:50%}.workshop-estimate-table .ws-qty{min-width:90px}.workshop-estimate-table .ws-price{min-width:110px}.workshop-invoice-note{padding:14px;border:1px solid #c9dfd2;border-radius:10px;background:#eef8f2;color:#2c5940;margin-bottom:18px;font-size:14px}.workshop-filter input{flex:1;min-width:180px}.workshop-filter select{min-width:160px}@media(max-width:640px){.workshop-summary{grid-template-columns:1fr}.workshop-actions .btn{flex:1 1 40%}} /* Admin saved-job layout only; preserve shared transaction dialogs. */ #modalRoot:has(.workshop-summary) .modal-backdrop{top:var(--workshop-dialog-top,44px);padding:12px 20px;box-sizing:border-box} #modalRoot:has(.workshop-summary) .modal{max-height:calc(100dvh - var(--workshop-dialog-top,44px) - 24px)!important} #modalRoot:has(.workshop-summary) .modal-head{flex-shrink:0}#modalRoot:has(.workshop-summary) .modal-foot .cancel{display:none} #modalRoot .admin-job-panel{margin:12px 0;border:1px solid #dde7e1;border-radius:10px;background:#fff;overflow:hidden} #modalRoot .admin-job-panel>summary{padding:16px 18px;cursor:pointer;color:#315343;font-size:14px;font-weight:600;list-style:none}#modalRoot .admin-job-panel>summary:before{content:'›';display:inline-block;margin-right:12px;font-size:19px;color:#729480}#modalRoot .admin-job-panel[open]>summary:before{transform:rotate(90deg)}#modalRoot .admin-job-panel[open]>summary{background:#f5f8f6;border-bottom:1px solid #e3eae5}#modalRoot .admin-job-panel-body{padding:16px 18px}#modalRoot .admin-job-panel-body h3{font-size:14px;margin:0 0 8px}#modalRoot .admin-job-panel-body p{font-size:13px}#modalRoot .admin-job-tools>.workshop-actions{padding:16px 18px;margin:0}#modalRoot .admin-job-panel[hidden],#modalRoot .admin-job-tools [hidden]{display:none!important} @media(min-width:1000px){#modalRoot .workshop-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){#modalRoot:has(.workshop-summary) .modal-backdrop{padding:8px}#modalRoot:has(.workshop-summary) .modal{max-height:calc(100dvh - var(--workshop-dialog-top,44px) - 16px)!important}} /* Explicit summary contrast in ERP dark mode. */ html[data-ui-theme="dark"] #modalRoot .workshop-summary,body.dark #modalRoot .workshop-summary{background:#1b3026!important;border-color:#466452!important;color:#e3eee9!important} html[data-ui-theme="dark"] #modalRoot .workshop-summary b,html[data-ui-theme="dark"] #modalRoot .workshop-summary strong,body.dark #modalRoot .workshop-summary b{color:#edf6f1!important} html[data-ui-theme="dark"] #modalRoot .workshop-summary :is(small,span),body.dark #modalRoot .workshop-summary :is(small,span){color:#b8d0c3!important} /* Approval subtotal remains readable against both themes. */ .backend-approval .workshop-total{display:block;text-align:right;padding:14px 16px;margin:16px 0;border-radius:8px;background:#eaf3ed;color:#164b36;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums} html[data-ui-theme="dark"] .backend-approval .workshop-total{background:#254537!important;color:#edf8f1!important;border:1px solid #4e7962!important} /* Workshop action icons retain contrast in light and dark themes. */ .workshop-backend-page .workshop-tabs .lo-icon,.workshop-backend-page .head-actions .lo-icon,.workshop-backend-page .row-actions .lo-icon{color:inherit!important;opacity:1!important;flex-shrink:0} .workshop-backend-page .job-delete{display:inline-flex!important;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:7px!important;background:#fff0ed!important;border:1px solid #d99b91!important;color:#a52f27!important;border-radius:8px} .workshop-backend-page .job-delete .lo-icon,.workshop-backend-page .job-delete svg{color:inherit!important;stroke:currentColor!important;opacity:1!important} html[data-ui-theme=dark] .workshop-backend-page .job-delete{background:#452d29!important;border-color:#925e54!important;color:#ffaaa0!important} .workshop-setup>summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.workshop-setup>summary .lo-icon{width:18px;height:18px} /* assets/workshop-warning-rows.css */ /* Compact shared warning-light rows; selected values and form names stay intact. */ #workshopPortal .intake-grid>label:has(>.warning-checks), #modalRoot .ws-parity .intake-grid>label:has(>.warning-checks){grid-column:1/-1} #workshopPortal .warning-checks, #modalRoot .ws-parity .warning-checks{ display:flex;flex-wrap:wrap;align-items:center;gap:5px 18px; padding:10px 12px;background:#f2f7f4;border:1px solid #e0e9e3;border-radius:10px; } #workshopPortal .warning-checks label, #modalRoot .ws-parity .warning-checks label{ display:inline-flex!important;flex-direction:row;align-items:center;justify-content:flex-start; flex:0 0 auto;gap:7px!important;margin:0!important;padding:3px 0!important; min-height:30px!important;width:auto;max-width:100%;font-size:13px;font-weight:400;line-height:1.4; } #workshopPortal .warning-checks input[type=checkbox], #modalRoot .ws-parity .warning-checks input[type=checkbox]{ display:inline-block;flex:0 0 17px;width:17px!important;height:17px;min-height:17px;margin:0!important; accent-color:#155c43; } @media(max-width:600px){ #workshopPortal .warning-checks,#modalRoot .ws-parity .warning-checks{gap:4px 12px;padding:8px 10px} #workshopPortal .warning-checks label,#modalRoot .ws-parity .warning-checks label{font-size:12px;min-height:34px!important} } /* assets/workshop-combined.css */ #workshopPortal .wizard-progress,#modalRoot .ws-parity .wizard-progress{grid-template-columns:repeat(3,minmax(0,1fr))} #workshopPortal .inspection-section-title,#modalRoot .ws-parity .inspection-section-title{margin:24px 0 14px;padding-top:20px;border-top:1px solid #dce7e1;font-size:15px;color:#173c30} #workshopPortal .photo-add-row,#modalRoot .ws-parity .photo-add-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin:16px 0} #workshopPortal .photo-add-row label,#modalRoot .ws-parity .photo-add-row label{flex:1;min-width:160px;max-width:320px;margin:0} #workshopPortal .photo-add-row button,#modalRoot .ws-parity .photo-add-row button{min-height:44px;margin:0} #workshopPortal [data-photo-slot][hidden],#modalRoot .ws-parity [data-photo-slot][hidden]{display:none!important} #workshopPortal .angle-photo-grid,#modalRoot .ws-parity .angle-photo-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start} @media(max-width:600px){#workshopPortal .wizard-progress,#modalRoot .ws-parity .wizard-progress{grid-template-columns:1fr}#workshopPortal .angle-photo-grid,#modalRoot .ws-parity .angle-photo-grid{grid-template-columns:1fr}} /* All five optional photo angles remain visible. */ #workshopPortal .photo-upload .angle-photo-grid,#modalRoot .photo-upload .angle-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:start} .photo-upload [data-photo-slot]{min-width:0;padding:14px;background:#fff;border:1px solid #dce7e1;border-radius:12px} .photo-upload [data-photo-slot] h4{margin:0 0 12px;font-size:14px} .photo-upload [data-photo-slot] input[hidden],.photo-upload [data-photo-slot] button[hidden]{display:none!important} .photo-upload [data-photo-preview] figure{margin:0}.photo-upload [data-photo-preview] img{width:100%;height:140px;object-fit:contain;border-radius:8px}.photo-upload [data-photo-preview] figcaption{font-size:11px;overflow-wrap:anywhere} .vehicle-photo-empty{width:100%;box-sizing:border-box;height:140px;background:#f3f8f5;border:1px dashed #b6cdc2;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#678177;font-size:12px}.vehicle-photo-empty svg{width:28px;height:28px} .vehicle-photo-actions{display:grid;gap:8px;margin-top:12px}.vehicle-photo-actions button{display:flex!important;align-items:center;justify-content:center;gap:7px;min-height:42px;margin:0!important;padding:8px!important;width:100%;font-size:12px!important}.vehicle-photo-actions svg{flex-shrink:0} .workshop-camera-dialog{width:min(620px,92vw);box-sizing:border-box;max-height:92vh;overflow:auto;border:1px solid #c9dcd3;border-radius:16px;padding:22px;color:#163c30;background:#fff}.workshop-camera-dialog::backdrop{background:#09271dcc}.workshop-camera-dialog h3{margin:0 0 16px}.workshop-camera-dialog video{display:block;width:100%;max-height:60vh;background:#14251e;border-radius:10px}.workshop-camera-dialog>div{display:flex;gap:10px;justify-content:flex-end}.workshop-camera-dialog button{padding:12px 20px;border:0;border-radius:8px;background:#145842;color:#fff;font-weight:600;cursor:pointer}.workshop-camera-dialog [data-cancel]{background:#edf4f0;color:#163c30} @media(max-width:1100px){#workshopPortal .photo-upload .angle-photo-grid,#modalRoot .photo-upload .angle-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:640px){#workshopPortal .photo-upload .angle-photo-grid,#modalRoot .photo-upload .angle-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:400px){#workshopPortal .photo-upload .angle-photo-grid,#modalRoot .photo-upload .angle-photo-grid{grid-template-columns:1fr}} .photo-upload [data-photo-preview]{display:block} /* assets/workshop-workflow.css */ .workshop-flow{padding:22px;margin:22px 0;border:1px solid #d5e5de;border-radius:14px;background:#f8fbfa;color:#173d32}.workshop-flow h3{margin-top:0}.wf-stages{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0}.wf-stages li{font-size:12px;padding:8px 10px;border-radius:8px;background:#e9efec;color:#657b73}.wf-stages .done{background:#dcf3e8;color:#176647}.wf-stages .current{background:#175c46;color:white}.wf-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0}.wf-actions button,.wf-link{display:inline-flex;align-items:center;min-height:38px;padding:9px 13px;border:0;border-radius:8px;background:#175c46;color:#fff;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}.wf-actions .secondary{background:#e7efeb;color:#234e40}.wf-help{font-size:13px;color:#61776f;line-height:1.6}.workshop-flow [role=alert]{color:#b43125}.wf-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:18px;border:1px solid #d5e5de;border-radius:10px;background:white}.wf-full{grid-column:1/-1}.workshop-flow label{display:flex;flex-direction:column;gap:6px;font-size:13px}.workshop-flow input,.workshop-flow select,.workshop-flow textarea{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid #c8ddd3;border-radius:7px;background:white;color:#173d32;font:inherit}.workshop-flow .wf-check{flex-direction:row;align-items:center}.wf-check input{width:auto}.wf-quotation{margin-top:20px;overflow-x:auto}.wf-line{display:grid;grid-template-columns:minmax(180px,3fr) 1fr 1fr 80px 36px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #d5e5de}.wf-line button{border:0;border-radius:7px;padding:8px;cursor:pointer}.wf-invoice{background:#eaf5ef;padding:15px;border-radius:10px}.workshop-flow table{width:100%;border-collapse:collapse}.workshop-flow th,.workshop-flow td{text-align:left;padding:10px;border-bottom:1px solid #d5e5de}.workshop-flow summary{cursor:pointer;font-weight:600;padding:10px 0}.wf-print{font:14px Arial,sans-serif;color:#173d32;max-width:900px;margin:35px auto;padding:25px}.wf-print header{border-bottom:3px solid #175c46;padding-bottom:20px}.wf-print h1{font-size:28px}.wf-print table{width:100%;border-collapse:collapse;margin:25px 0}.wf-print th,.wf-print td{padding:12px 9px;border-bottom:1px solid #d5e5de;text-align:left}.wf-print th{background:#eaf3ef}.wf-print p{line-height:1.7;white-space:pre-wrap}.wf-print footer{border-top:1px solid #d5e5de;margin-top:45px;padding-top:25px}.wf-print dl{display:grid;grid-template-columns:1fr 2fr;gap:15px}.wf-total{text-align:right;font-size:18px;font-weight:bold}@media(max-width:700px){.wf-line{grid-template-columns:1fr 1fr}.wf-line>label:first-child{grid-column:1/-1}.wf-form{grid-template-columns:1fr}.workshop-flow{padding:13px}}@media print{.wf-print{margin:0;padding:0;max-width:none}.wf-print header{break-after:avoid}.wf-print tr{break-inside:avoid}@page{size:A4;margin:16mm}} /* Workflow hierarchy shared by ERP and Workshop staff portal. */ .workshop-flow{background:#fff;padding:24px;border-color:#dce6e1;box-shadow:0 3px 16px #163e3105} .workshop-flow .wf-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #e5ece8} .wf-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#6f847c}.workshop-flow .wf-heading h3{font-size:22px;margin:5px 0 6px}.wf-heading p{font-size:13px;color:#70827a;margin:0} .workshop-flow button,.workshop-flow .wf-link{font-family:inherit;font-size:13px;font-weight:600;border-radius:8px;min-height:40px;padding:10px 16px;cursor:pointer;box-sizing:border-box;transition:background .15s,box-shadow .15s} .workshop-flow button:focus-visible,.workshop-flow .wf-link:focus-visible{outline:3px solid #62b9e6;outline-offset:3px}.workshop-flow button:disabled{opacity:.5;cursor:wait} .workshop-flow [data-wf-refresh]{background:#fff;color:#52695f;border:1px solid #d5e0da;white-space:nowrap;display:flex;align-items:center;gap:8px} .wf-progress-key{display:flex;gap:20px;font-size:11px;color:#73857c;margin-top:20px}.wf-progress-key span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:#dbe3df}.wf-progress-key span:first-child:before{background:#479b78}.wf-progress-key span:nth-child(2):before{background:#18694b} .workshop-flow .wf-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 20px}.workshop-flow .wf-stages li{display:flex;align-items:center;gap:9px;min-height:48px;padding:9px 12px;background:#f6f8f7;border:1px solid #e8eeea;color:#7b8b83;font-size:12px;line-height:1.4}.wf-step-number{flex-shrink:0;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e9eeeb;font-size:11px;font-weight:700}.workshop-flow .wf-stages .done{background:#f1f8f4;color:#337451;border-color:#dceee3}.done .wf-step-number{background:#dcefe2;color:#267047}.workshop-flow .wf-stages .current{background:#175c46;color:#fff;border-color:#175c46;box-shadow:0 2px 5px #175c4618}.current .wf-step-number{background:#ffffff24;color:#fff} .workshop-flow [role=alert]:empty{display:none}.workshop-flow .wf-current-status{background:#f4f8f6;border-left:3px solid #318465;border-radius:0 8px 8px 0;padding:13px 16px;font-size:13px;color:#526b5f;margin:16px 0} .workshop-flow .wf-actions{gap:10px}.workshop-flow .wf-actions[hidden]{display:none}.wf-tool-label{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#7e8d85;margin-right:5px}.wf-document-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #e8eeea}.workshop-flow .wf-document-tools button{background:#fff;border:1px solid #dbe3df;color:#496255;min-height:36px;font-size:12px;padding:8px 12px}.workshop-flow .wf-actions [data-wf-op=skip_quotation]{background:#fff8e9;color:#875b15;border:1px solid #ead7ab}.workshop-flow .wf-actions [data-wf-op=reopen]{background:#fff;color:#6a6252;border:1px solid #ddd8cd}.workshop-flow .wf-actions [data-wf-op=gate_out],.workshop-flow .wf-actions [data-wf-op=gate_return]{background:#235b83}.workshop-flow .wf-actions [data-wf-op=invoice_sent]{background:#f0f5fb;color:#315f85;border:1px solid #d2dfed} .workshop-flow .wf-quotation{border:1px solid #dce6e0;border-radius:12px;margin-top:22px;background:#fff;overflow:hidden}.workshop-flow .wf-quotation>summary{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f7f9f8;font-size:15px;border-bottom:1px solid #e2e9e4}.wf-quotation>summary>span:first-child:before{content:'\25B8 ';margin-right:10px;color:#70877a}.wf-quotation[open]>summary>span:first-child:before{content:'\25BE '}.wf-revision{font-size:11px;color:#6a8174;background:#e8efea;padding:5px 9px;border-radius:5px;font-weight:500}.workshop-flow [data-wf-quote]{padding:18px 20px}.workshop-flow .wf-line{grid-template-columns:minmax(180px,3fr) 1fr 1fr 80px 36px;align-items:end;padding:15px 0;gap:12px}.workshop-flow [data-q-total]{align-self:center;text-align:right;font-weight:600;color:#315845;font-variant-numeric:tabular-nums}.workshop-flow [data-q-remove]{background:#fff2f1;color:#bd4c43;border:1px solid #f1d7d3;min-height:36px;padding:7px;font-size:18px;align-self:center}.workshop-flow .wf-actions .wf-add-part{background:#edf5fa;color:#2c6289;border:1px solid #cbdfea}.workshop-flow .wf-actions .wf-add-labour{background:#f2eff9;color:#68518b;border:1px solid #ded5ed}.workshop-flow [data-wf-total]{text-align:right;padding:14px;background:#f7f9f8;border-radius:8px;font-size:14px;font-weight:600;color:#315845}.wf-quote-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;border-top:1px solid #e5ebe7;padding-top:18px}.wf-quote-footer>span{font-size:12px;color:#7c8b82}.workshop-flow .wf-quote-footer button{background:#175c46;color:white;border:1px solid #175c46;white-space:nowrap}.workshop-flow .wf-help{font-size:12px;padding:4px 0;color:#7b8a82;max-width:900px} @media(max-width:900px){.workshop-flow .wf-stages{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.workshop-flow{padding:15px}.workshop-flow .wf-heading{align-items:flex-start}.workshop-flow .wf-heading h3{font-size:19px}.workshop-flow [data-wf-refresh]{font-size:11px;padding:8px}.workshop-flow .wf-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-flow .wf-stages li{padding:8px;font-size:11px}.workshop-flow [data-wf-quote]{padding:12px}.workshop-flow .wf-line{grid-template-columns:1fr 1fr}.workshop-flow .wf-line>label:first-child{grid-column:1/-1}.wf-quote-footer{align-items:stretch;flex-direction:column}.wf-tool-label{width:100%}.wf-progress-key{gap:12px;font-size:10px}.workshop-flow .wf-quotation>summary{padding:14px}} .workshop-flow .wf-stages li:has(.wf-stage-button){padding:0}.workshop-flow .wf-stage-button{display:flex;align-items:center;gap:9px;width:100%;min-height:48px;padding:9px 12px;background:transparent;color:inherit;border:0;text-align:left;font-size:12px;line-height:1.4;font-weight:inherit;border-radius:8px}.workshop-flow .wf-stage-button:hover{background:#00000006}.workshop-flow .wf-stages .wf-selected{outline:2px solid #3886ad;outline-offset:2px}.wf-stage-view{border:1px solid #d3e2eb;background:#f7fafc;border-radius:10px;padding:18px;margin:18px 0}.wf-stage-view[hidden]{display:none!important}.wf-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.wf-stage-heading h4{margin:0;font-size:15px;color:#2b5269}.workshop-flow .wf-stage-heading button{border:1px solid #d9e3e9;background:white;color:#536d7c;font-size:18px;padding:4px 10px;min-height:30px}.wf-stage-view dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.wf-stage-view dt{font-size:11px;color:#7c8d96;margin-bottom:5px}.wf-stage-view dd{margin:0;font-size:13px;color:#315345;overflow-wrap:anywhere}.wf-stage-table{overflow:auto}.wf-stage-view .wf-actions:empty{display:none}@media(max-width:700px){.wf-stage-view{padding:13px}.wf-stage-view dl{grid-template-columns:1fr 1fr}.workshop-flow .wf-stage-button{padding:8px;font-size:11px}} .wf-temporary{margin:0 20px 20px;padding:16px;border:1px solid #ecd8b2;background:#fffbf2;border-radius:9px}.wf-temporary h4{margin:0 0 8px;color:#7c5e28;font-size:14px}.wf-temporary h4 small{margin-left:8px;border:1px solid #dfc893;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:500}.wf-temporary p{font-size:12px;color:#8a7857;line-height:1.6}.wf-temporary table{font-size:12px}.workshop-flow [data-wf-add-temp]{background:#fff8e9;color:#875b15;border:1px solid #ead7ab}@media print{.wf-temporary{display:none!important}} /* Compact Proforma line editor */ .workshop-flow .wf-parts-table{border:1px solid #d6e4df;border-radius:10px;margin-bottom:12px;background:#fff} .workshop-flow .wf-parts-head,.workshop-flow .wf-line{display:grid;grid-template-columns:32px minmax(95px,.8fr) minmax(220px,2.4fr) minmax(70px,.55fr) minmax(90px,.7fr) minmax(95px,.75fr) 34px;gap:12px;align-items:center;padding:10px 12px;margin:0;border:0;border-bottom:1px solid #e1ebe7} .workshop-flow .wf-parts-head{font-size:10px;text-transform:uppercase;letter-spacing:.06em;background:#f7faf9;color:#627b71;border-radius:10px 10px 0 0} .workshop-flow .wf-line:last-child{border-bottom:0}.workshop-flow .wf-line label{margin:0;min-width:0}.workshop-flow .wf-line label>span{display:none}.workshop-flow .wf-line input{margin:0;min-height:36px;padding:8px 10px;font-size:13px;width:100%;box-sizing:border-box}.workshop-flow .wf-line [hidden]{display:none!important} .workshop-flow .wf-code-cell input,.workshop-flow .wf-line [data-q-total]{background:#f2f7f5}.workshop-flow .wf-line [data-q-total]{padding:9px 10px;border:1px solid #d6e4df;border-radius:7px;text-align:right;font-size:13px}.workshop-flow .wf-row-number{border-radius:7px;background:#edf5f1;text-align:center;padding:5px;font-size:12px}.workshop-flow .wf-line [data-q-remove]{width:32px;height:34px;min-height:0;padding:0;margin:0}.workshop-flow .wf-product-cell{position:relative;min-width:0}.workshop-flow .wf-product-cell [data-q-desc]:not([hidden]){margin-top:6px}.workshop-flow [data-q-kind]:empty{display:none}.workshop-flow [data-q-kind]{font-size:11px;color:#8d631c}.workshop-flow .wf-product-results{position:absolute;top:38px;left:0;right:0;z-index:25;max-height:240px;overflow:auto;border:1px solid #b9d6c9;background:#fff;border-radius:8px;box-shadow:0 8px 22px #153d3026;padding:5px;font-size:12px}.workshop-flow .wf-product-results button{display:flex;gap:8px;align-items:center;width:100%;text-align:left;background:#fff;color:#214b3b;border:0;padding:9px 7px;margin:0;border-radius:5px;font-weight:400;min-height:36px}.workshop-flow .wf-product-results button:hover,.workshop-flow .wf-product-results button:focus{background:#eaf5ef}.workshop-flow .wf-product-results button span{flex:1}.workshop-flow .wf-product-results button small{white-space:nowrap} @media(max-width:800px){.workshop-flow .wf-parts-head{display:none}.workshop-flow .wf-line{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr) 34px;gap:8px}.workshop-flow .wf-code-cell{grid-column:2/4}.workshop-flow .wf-product-cell{grid-column:1/-1}.workshop-flow .wf-line label>span{display:block;font-size:11px;margin-bottom:4px}.workshop-flow .wf-line [data-q-remove]{grid-column:4;grid-row:1}.workshop-flow .wf-line [data-q-total]{grid-column:3/5}.workshop-flow .wf-product-results{top:56px}} /* One compact, horizontally scrollable stage strip on every screen size. */ .workshop-flow{padding-top:12px;padding-bottom:12px} .workshop-flow .wf-progress-key{margin-top:0;gap:14px;font-size:10px} .workshop-flow .wf-stages{display:flex;flex-wrap:nowrap;gap:5px;margin:8px 0 10px;padding:2px 2px 7px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin} .workshop-flow .wf-stages li{box-sizing:border-box;flex:0 0 auto;min-height:34px;padding:5px 8px;gap:6px;font-size:11px;white-space:nowrap;border-radius:6px} .workshop-flow .wf-stages li:has(.wf-stage-button){padding:0} .workshop-flow .wf-stages .wf-stage-button{width:auto;min-height:34px;padding:5px 8px;gap:6px;font-size:11px;white-space:nowrap;border-radius:6px} .workshop-flow .wf-stages .wf-step-number{width:19px;height:19px;font-size:10px} @media(pointer:coarse){.workshop-flow .wf-stages li,.workshop-flow .wf-stages .wf-stage-button{min-height:40px}} @media print{.workshop-flow .wf-stages{flex-wrap:wrap;overflow:visible}} .wf-job-heading-row{display:flex;align-items:baseline;gap:10px 20px;flex-wrap:wrap;margin:0 0 12px}.wf-job-heading-row h2{margin:0!important;flex-shrink:0}.wf-job-heading-row .wf-completed-text{font-size:12px;line-height:1.6;color:#327a59;flex:1;min-width:180px}html[data-ui-theme=dark] .wf-job-heading-row .wf-completed-text{color:#b6d4c3} .wf-accept-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;margin-bottom:18px;border:1px solid #8dbfa7;border-radius:12px;background:#edf8f1}.wf-accept-panel h3{margin:0 0 5px}.wf-accept-panel p{margin:0;font-size:13px}.workshop-flow .wf-accept-panel button{min-height:58px;padding:15px 26px;background:#176247;color:#fff;border:1px solid #176247;font-size:17px;font-weight:700}.wf-accepted-note{color:#26704e;font-size:13px}html[data-ui-theme=dark] .wf-accept-panel{background:#244737!important;border-color:#568e72!important;color:#e3eee9!important}html[data-ui-theme=dark] .wf-accepted-note{color:#b6e2ca}@media(max-width:700px){.wf-accept-panel{flex-direction:column;align-items:stretch}.wf-accept-panel button{width:100%}} @media screen { html[data-ui-theme="dark"] .workshop-flow{background:#1b3027!important;color:#dfede5!important;border-color:#3f5e4c!important} html[data-ui-theme="dark"] .workshop-flow :is(.wf-quotation,.wf-form,.wf-invoice,.wf-product-results){background:#1b3027!important;color:#dfece5!important;border-color:#3f5e4c!important} html[data-ui-theme="dark"] .workshop-flow .wf-quotation>summary{background:#243e31!important;color:#dfede5!important;border-color:#456352!important} html[data-ui-theme="dark"] .workshop-flow :is(.wf-revision,.wf-line,.wf-row-number,[data-wf-total]){background:#284636!important;color:#dceee2!important;border-color:#456352!important} html[data-ui-theme="dark"] .workshop-flow :is(label,[data-q-total],.wf-quote-footer>span,.wf-help){color:#bfd5c7!important} html[data-ui-theme="dark"] .workshop-flow :is(input,select,textarea){background:#142a20!important;color:#e2eee6!important;border-color:#537461!important} html[data-ui-theme="dark"] .workshop-flow :is(input,textarea)::placeholder{color:#a9c2b3!important} html[data-ui-theme="dark"] .workshop-flow .wf-product-results button{background:#1b3027!important;color:#dceee2!important} html[data-ui-theme="dark"] .workshop-flow .wf-product-results button:is(:hover,:focus){background:#30523e!important} html[data-ui-theme="dark"] .workshop-flow .wf-quote-footer{border-color:#456352!important} html[data-ui-theme="dark"] .workshop-flow [data-q-remove]{background:#482b29!important;color:#ffb7ac!important;border-color:#785049!important} } .workshop-flow .wf-line [data-q-remove]{display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:36px;min-height:36px;padding:0!important;line-height:1;overflow:hidden} .workshop-flow .wf-line [data-q-remove] svg{width:16px!important;height:16px!important;flex:0 0 16px} .workshop-flow .wf-line [data-q-remove]:has(svg){font-size:0!important} /* assets/workshop-intake.css */ .ws-photo-previews,.ws-saved-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:14px 0}.ws-photo-previews figure,.ws-saved-photos figure{margin:0;min-width:0}.ws-photo-previews img,.ws-saved-photos img{width:100%;height:150px;object-fit:cover;border:1px solid #d8e6df;border-radius:10px}.ws-photo-previews input{width:100%;margin-top:8px}.ws-saved-photos figcaption{font-size:13px;overflow-wrap:anywhere;margin-top:6px}.ws-photo-picker{border:1px solid #d8e6df;background:#f4f9f6;padding:16px;border-radius:12px}.ws-photo-picker small{display:block;margin-top:8px;color:#638071} /* assets/workshop-registration.css */ .ws-search-results{max-height:230px;overflow-y:auto;margin-top:6px}.ws-search-results:empty{display:none}.ws-search-result,.ws-search-create{display:block;width:100%;text-align:left;padding:10px 12px;border:1px solid #d8e6df;border-radius:7px;background:#fff;color:#164b36;margin:4px 0;font:inherit;cursor:pointer}.ws-search-result:hover,.ws-search-result:focus,.ws-search-create:hover{background:#edf7f1}.ws-search-create{font-weight:600;background:#eff8f3}.ws-search-results small,[data-number-status],[data-customer-help]{display:block;margin-top:7px;color:#638071;font-size:13px}.ws-customer-confirm{display:flex;align-items:center;gap:8px;margin-top:12px}.ws-customer-confirm input{width:auto!important}.ws-customer-confirm[hidden]{display:none}input[readonly],textarea[readonly]{background:#f5f8f6} /* assets/workshop-erp-intake.css */ #modalRoot .ws-parity .intake-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px} #modalRoot .ws-parity .intake-grid .full{grid-column:1/-1} #modalRoot .ws-parity .intake-grid textarea{min-height:100px} #modalRoot .ws-parity .check{display:flex;align-items:center;gap:10px} #modalRoot .ws-parity .check input,#modalRoot .ws-parity input[type=checkbox]{width:auto;display:inline-block} #modalRoot .ws-parity .photo-upload{border:1px solid #bfd6c8;border-radius:12px;padding:16px;margin:20px 0;background:#f5faf7} #modalRoot .ws-parity .photo-upload legend{font-weight:700} #modalRoot .ws-parity .photo-upload p{margin:8px 0} #modalRoot .ws-parity .photo-upload [role=status]{font-weight:600;color:#164b36} #modalRoot .ws-parity .job-details{border:1px solid #d6e5dd;border-radius:12px;padding:16px;margin:20px 0} #modalRoot .ws-parity .job-details summary{font-size:18px;font-weight:700;cursor:pointer} #modalRoot .ws-parity input:disabled,#modalRoot .ws-parity textarea:disabled,#modalRoot .ws-parity select:disabled{opacity:1;color:#173c30;background:#f5f8f6} #modalRoot .ws-parity .photos figcaption{overflow-wrap:anywhere} @media (max-width:600px){#modalRoot .ws-parity .intake-grid{grid-template-columns:1fr} #modalRoot .ws-parity .intake-grid .full{grid-column:auto}} #modalRoot .ws-parity .angle-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #modalRoot .ws-parity .angle-photo-grid>div{border:1px solid #bfd6c8;border-radius:10px;padding:12px;min-width:0} #modalRoot .ws-parity .angle-photo-grid input{max-width:100%;font-size:13px} #modalRoot .ws-parity .damage-tabs{display:flex;flex-wrap:wrap} #modalRoot .ws-parity .damage-tabs [aria-pressed=true]{background:#277e60;outline:2px solid #163e30} #modalRoot .ws-parity [data-damage-editor]{border:1px solid #bfd6c8;border-radius:12px;padding:16px;margin:20px 0} #modalRoot .ws-parity [data-damage-canvas]{max-width:600px;margin:16px auto} #modalRoot .ws-parity [data-damage-canvas] svg{display:block;width:100%;height:260px;border:1px solid #bfd6c8;background:#f8fbf9;cursor:crosshair;touch-action:manipulation} #modalRoot .ws-parity .vehicle-outline{stroke:#366655;stroke-width:2;fill:#e1eee8} #modalRoot .ws-parity .damage-mark circle{fill:#b13434;stroke:white;stroke-width:2} #modalRoot .ws-parity .damage-mark text{fill:white;font:bold 12px sans-serif} #modalRoot .ws-parity [data-damage-list]{padding-left:22px} #modalRoot .ws-parity [data-damage-list] li{padding:5px;overflow-wrap:anywhere} @media (max-width:700px){#modalRoot .ws-parity .angle-photo-grid{grid-template-columns:1fr} #modalRoot .ws-parity [data-damage-canvas] svg{height:180px}} #modalRoot .ws-parity .wizard-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:22px 0 28px;padding-bottom:22px;border-bottom:1px solid #dce7e1;scroll-margin-top:20px} #modalRoot .ws-parity .wizard-progress button{display:flex;align-items:center;gap:9px;text-align:left;background:#f1f6f3;color:#587063;padding:12px;font-size:13px} #modalRoot .ws-parity .wizard-progress span{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border:1px solid #c8dbcf;border-radius:50%;font-size:12px} #modalRoot .ws-parity .wizard-progress [aria-current=step]{background:#155c43;color:white} #modalRoot .ws-parity .wizard-progress [aria-current=step] span{border-color:#8abca4;background:#ffffff15} #modalRoot .ws-parity .wizard-panel[hidden],#modalRoot .ws-parity .wizard-actions [hidden]{display:none!important} #modalRoot .ws-parity .wizard-panel>h3{margin-top:0} #modalRoot .ws-parity .wizard-panel{min-height:300px} #modalRoot .ws-parity .wizard-actions{display:flex;align-items:center;gap:16px;justify-content:flex-end;border-top:1px solid #dce7e1;padding-top:20px;margin-top:24px} #modalRoot .ws-parity .wizard-actions [data-back]{margin-right:auto;background:#edf4ef;color:#28533e} #modalRoot .ws-parity .wizard-actions p{font-size:13px} #modalRoot .ws-parity .wizard-review{background:#f5f9f6;border:1px solid #dce7e1;border-radius:12px;padding:20px} #modalRoot .ws-parity .wizard-review h4{margin-top:0} #modalRoot .ws-parity .wizard-review dl{display:grid;grid-template-columns:1fr 1fr;gap:16px} #modalRoot .ws-parity .wizard-review dt{font-size:12px;color:#64786e} #modalRoot .ws-parity .wizard-review dd{margin:4px 0;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere} #modalRoot .ws-parity .wizard-review p{font-size:14px} @media (max-width:700px){#modalRoot .ws-parity .wizard-progress{grid-template-columns:1fr 1fr;gap:6px} #modalRoot .ws-parity .wizard-progress button{font-size:12px;padding:9px} #modalRoot .ws-parity .wizard-review dl{grid-template-columns:1fr} #modalRoot .ws-parity .wizard-actions{gap:8px} #modalRoot .ws-parity .wizard-actions button{padding:10px;font-size:12px} #modalRoot .ws-parity .wizard-actions p{font-size:11px}} #modalRoot .ws-parity .completion-picker{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px} #modalRoot .ws-parity .completion-picker input{min-width:0;width:100%} #modalRoot .ws-parity .completion-hint{display:block;font-size:12px;font-weight:400;color:#64786e;margin-top:6px} #modalRoot .ws-parity .wizard-progress button,#modalRoot .ws-parity .wizard-actions button{min-height:44px} #modalRoot .ws-parity button,#modalRoot .ws-parity input,#modalRoot .ws-parity select,#modalRoot .ws-parity textarea{touch-action:manipulation} #modalRoot .ws-parity input,#modalRoot .ws-parity textarea,#modalRoot .ws-parity select{font-size:16px} #modalRoot .ws-parity main{padding-bottom:max(32px,env(safe-area-inset-bottom))} #modalRoot .ws-parity body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)} @media (pointer:coarse){#modalRoot .ws-parity button,#modalRoot .ws-parity .damage-tabs button,#modalRoot .ws-parity .angle-photo-grid button{min-height:44px} #modalRoot .ws-parity input[type=checkbox]{width:22px;height:22px;min-height:22px} #modalRoot .ws-parity .angle-photo-grid input{font-size:16px} #modalRoot .ws-parity .table{-webkit-overflow-scrolling:touch}} @media (min-width:701px) and (max-width:1100px){#modalRoot .ws-parity .wizard-progress{grid-template-columns:repeat(3,minmax(0,1fr))} #modalRoot .ws-parity .wizard-progress button{font-size:13px} #modalRoot .ws-parity .angle-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))} #modalRoot .ws-parity header{align-items:flex-start} #modalRoot .ws-parity nav{gap:8px} #modalRoot .ws-parity section{padding:24px}} #modalRoot .ws-parity .reason-add{margin-top:8px} #modalRoot .ws-parity .reason-add [hidden],#modalRoot .ws-parity .voice-note [hidden]{display:none!important} #modalRoot .ws-parity .reason-add>[data-add]{background:transparent;color:#155c43;padding:4px 0;margin:0;font-size:13px} #modalRoot .ws-parity .reason-add [data-editor],#modalRoot .ws-parity .reason-add [data-chips]{display:flex;gap:8px;flex-wrap:wrap;align-items:center} #modalRoot .ws-parity .reason-add [data-editor]{padding:12px;background:#f1f7f3;border-radius:8px} #modalRoot .ws-parity .reason-add input{flex:1;min-width:160px} #modalRoot .ws-parity .reason-add button,#modalRoot .ws-parity .voice-note button{min-height:44px;margin:4px 0} #modalRoot .ws-parity .reason-add [data-chips] button{background:#e7f3ed;color:#155c43;padding:8px 12px} #modalRoot .ws-parity .reason-add small,#modalRoot .ws-parity .voice-note small{display:block;font-size:13px;margin:6px 0} #modalRoot .ws-parity .voice-note{padding:14px;background:#f3f8f5;border:1px solid #dce7e1;border-radius:10px;margin-top:10px} #modalRoot .ws-parity .voice-note p{margin:0 0 8px;font-size:13px} #modalRoot .ws-parity .voice-note audio{display:block;max-width:100%;margin:10px 0} #modalRoot .ws-parity .voice-note label{margin-top:12px} #modalRoot .ws-parity .warning-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;background:#f5f9f7;border-radius:8px} #modalRoot .ws-parity .warning-checks label{display:flex!important;align-items:center;gap:10px;margin:0!important;font-weight:400} #modalRoot .ws-parity .warning-checks input{width:20px!important;height:20px;flex:0 0 20px;margin:0!important} @media (max-width:600px){#modalRoot .ws-parity .warning-checks{grid-template-columns:1fr}} #modalRoot .ws-parity .recording-indicator{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;margin:12px 0;background:#fff0f0;border:1px solid #efb9b9;border-radius:10px;color:#a22222} #modalRoot .ws-parity .recording-dot{width:11px;height:11px;border-radius:50%;background:#dc3434;animation:recording-pulse 1s ease-in-out infinite} #modalRoot .ws-parity .recording-bars{display:flex;align-items:center;gap:4px;height:26px} #modalRoot .ws-parity .recording-bars i{display:block;width:4px;height:22px;background:#cd3434;border-radius:3px;animation:recording-wave .8s ease-in-out infinite alternate} #modalRoot .ws-parity .recording-bars i:nth-child(2){animation-delay:-.2s} #modalRoot .ws-parity .recording-bars i:nth-child(3){animation-delay:-.5s} #modalRoot .ws-parity .recording-bars i:nth-child(4){animation-delay:-.3s} #modalRoot .ws-parity .recording-bars i:nth-child(5){animation-delay:-.65s} #modalRoot .ws-parity [data-recording-time]{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600;font-size:14px} #modalRoot .ws-parity .is-recording [data-stop]{background:#b72f2f;color:white} @keyframes recording-pulse{50%{opacity:.35;box-shadow:0 0 0 5px #dc343425}} @keyframes recording-wave{from{transform:scaleY(.25)}to{transform:scaleY(1)}} @media (prefers-reduced-motion:reduce){#modalRoot .ws-parity .recording-dot,#modalRoot .ws-parity .recording-bars i{animation:none}} #modalRoot .ws-parity{width:min(1100px,96vw);max-width:96vw;background:white} #modalRoot .ws-parity .modal-body{max-height:78vh;overflow:auto;padding:24px} #modalRoot .ws-parity label{display:block;margin:12px 0;font-weight:600} #modalRoot .ws-parity input,#modalRoot .ws-parity textarea,#modalRoot .ws-parity select{max-width:100%;min-width:0} #modalRoot .ws-parity textarea{min-height:100px} #modalRoot .ws-parity button{border-radius:9px;padding:11px 15px;background:#155c43;color:white;border:0;cursor:pointer} #modalRoot .ws-parity .modal-close{background:transparent;color:#173c30} #modalRoot .ws-parity .photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px} #modalRoot .ws-parity .photos img{max-width:100%;max-height:220px;object-fit:contain} #modalRoot .ws-parity [hidden]{display:none!important} #modalRoot .ws-parity audio{max-width:100%} #modalRoot .ws-parity [data-error]{color:#9c2e2e;white-space:pre-wrap} @media(max-width:600px){#modalRoot .ws-parity .modal-body{padding:14px}#modalRoot .ws-parity{max-width:98vw}} /* ERP Workshop forms: inherit system colours without depending on .form-grid. */ #modalRoot .modal.large.ws-parity { width:min(1000px,calc(100vw - 32px))!important; max-width:1000px; grid-template-rows:auto minmax(0,1fr)!important; border:1px solid var(--line,#dfe6e2); border-radius:16px; color:var(--ink,#15231f); font-family:inherit; } #modalRoot .ws-parity>.modal-head {padding:18px 24px!important} #modalRoot .ws-parity>.modal-body {padding:22px 24px!important;max-height:calc(92dvh - 72px);background:#f5f8f6} #modalRoot .ws-parity .modal-head h2 {font-family:inherit;font-size:18px!important;font-weight:700} #modalRoot .ws-parity .modal-close {display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:8px;background:#f0f5f2;color:var(--deep,#12352d);font-size:22px} #modalRoot .ws-parity form {margin:0;min-width:0} #modalRoot .ws-parity label {display:flex;flex-direction:column;align-items:stretch;gap:7px;margin:0;color:#30463d;font-size:13px;font-weight:600;line-height:1.5;min-width:0} #modalRoot .ws-parity input:not([type=checkbox]):not([type=hidden]), #modalRoot .ws-parity select, #modalRoot .ws-parity textarea { display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%; margin:0;padding:11px 13px;border:1px solid #d7e0dc;border-radius:10px; background:#fff;color:var(--ink,#15231f); font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;outline:0; transition:border-color .15s,box-shadow .15s; } #modalRoot .ws-parity input:not([type=checkbox]):not([type=hidden]),#modalRoot .ws-parity select {min-height:44px} #modalRoot .ws-parity textarea {min-height:90px;resize:vertical} #modalRoot .ws-parity input:focus,#modalRoot .ws-parity select:focus,#modalRoot .ws-parity textarea:focus {border-color:var(--green,#2ca878);box-shadow:0 0 0 3px #2ca87816} #modalRoot .ws-parity input[readonly],#modalRoot .ws-parity textarea[readonly],#modalRoot .ws-parity input:disabled,#modalRoot .ws-parity select:disabled,#modalRoot .ws-parity textarea:disabled {background:#f2f6f3;color:#5b6d64;opacity:1} #modalRoot .ws-parity ::placeholder {color:#8b9992;font-weight:400} #modalRoot .ws-parity .intake-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin:18px 0} #modalRoot .ws-parity .intake-grid .full {grid-column:1/-1} #modalRoot .ws-parity .ws-form-section {margin:18px 0;padding:22px;background:#fff;border:1px solid var(--line,#dfe6e2);border-radius:12px} #modalRoot .ws-parity h3 {font-size:15px;font-weight:700;color:var(--deep,#12352d);margin:0 0 18px} #modalRoot .ws-parity .ws-form-section>p {font-size:12px;line-height:1.6;color:var(--muted,#6d7a76);margin:10px 0} #modalRoot .ws-parity .ws-registration-number {display:grid;grid-template-columns:minmax(220px,1fr) 1fr;align-items:end;gap:22px;padding:20px 22px;border:1px solid #cfe4d9;border-radius:12px;background:#edf6f1} #modalRoot .ws-parity .ws-registration-number input {font-size:17px!important;font-weight:700!important;letter-spacing:1px} #modalRoot .ws-parity .ws-registration-number p {font-size:12px;line-height:1.6;color:#587264;margin:0 0 4px} #modalRoot .ws-parity .ws-form-actions {display:flex;justify-content:flex-end;gap:10px;padding:16px 0 0;margin-top:20px;border-top:1px solid var(--line,#dfe6e2)} #modalRoot .ws-parity button {font-family:inherit;font-size:13px;font-weight:600;line-height:1.5} #modalRoot .ws-parity .btn.primary,#modalRoot .ws-parity [data-parity-save] {background:var(--deep,#12352d);color:#fff;padding:12px 22px;min-height:44px;border-radius:10px} #modalRoot .ws-parity .btn.secondary {background:#eaf1ed;color:var(--deep,#12352d);padding:12px 18px;min-height:44px;border-radius:10px} #modalRoot .ws-parity .btn:hover {filter:brightness(.96)} #modalRoot .ws-parity .check {flex-direction:row;align-items:center;gap:10px} #modalRoot .ws-parity input[type=checkbox] {width:18px;height:18px;min-height:18px;margin:0;accent-color:var(--deep,#12352d)} #modalRoot .ws-parity [data-error]:empty {display:none} #modalRoot .ws-parity [data-error]:not(:empty) {padding:12px;background:#fff0ee;border-radius:10px;margin:0 0 16px} #modalRoot .ws-parity .wizard-panel {padding:20px;background:#fff;border:1px solid var(--line,#dfe6e2);border-radius:12px} #modalRoot .ws-parity .wizard-panel>label {margin:16px 0} #modalRoot .ws-parity .wizard-panel .intake-grid {margin-top:0} #modalRoot .ws-parity [data-job-details]>.intake-grid {padding:20px;background:#fff;border:1px solid var(--line,#dfe6e2);border-radius:12px} #modalRoot .ws-parity [data-job-details]>label {margin:16px 0} #modalRoot .ws-parity [data-job-details]>h3 {margin-top:20px} @media(max-width:600px){ #modalRoot .modal.large.ws-parity {width:calc(100vw - 16px)!important;border-radius:12px} #modalRoot .ws-parity>.modal-head {padding:14px 16px!important} #modalRoot .ws-parity>.modal-body {padding:14px!important;max-height:calc(94dvh - 60px)} #modalRoot .ws-parity .ws-registration-number {grid-template-columns:1fr;gap:10px;padding:16px} #modalRoot .ws-parity .ws-form-section {padding:16px} #modalRoot .ws-parity .intake-grid {grid-template-columns:1fr;gap:16px} #modalRoot .ws-parity .intake-grid .full {grid-column:auto} #modalRoot .ws-parity .wizard-panel {padding:14px} #modalRoot .ws-parity input:not([type=checkbox]),#modalRoot .ws-parity select,#modalRoot .ws-parity textarea {font-size:16px} } /* assets/workshop-diagrams.css */ /* Technical vehicle inspection illustrations. Keep normalized damage canvas unchanged. */ [data-damage-canvas]{max-width:720px;margin:20px auto;background:#fff;border-radius:12px;overflow:hidden} [data-damage-canvas] > svg{display:block;width:100%;height:auto!important;aspect-ratio:300 / 160;background:#fff;border:1px solid #d7e0e5;border-radius:12px;box-sizing:border-box;cursor:crosshair} [data-damage-canvas] .damage-mark circle{fill:#bb4249;stroke:#fff;stroke-width:2} [data-damage-canvas] .damage-mark text{fill:#fff;font:bold 12px sans-serif} [data-damage-canvas]{width:100%;max-width:720px!important;margin:12px auto!important;background:#eff7f2} [data-damage-canvas] > svg{background:#eff7f2} [data-damage-canvas] .vehicle-outline svg{border:0!important;border-radius:0!important;background:transparent!important;aspect-ratio:auto!important} [data-damage-canvas] .damage-mark circle{stroke-width:.8} [data-damage-canvas] .damage-mark text{font:bold 4.5px sans-serif} [data-damage-list]{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;padding:0!important;margin:8px 0!important;counter-reset:damage} [data-damage-list] li{display:flex;align-items:center;gap:5px;max-width:100%;font-size:12px;overflow-wrap:anywhere;counter-increment:damage} [data-damage-list] li:has([data-remove-mark]):before{content:counter(damage) '.';font-weight:600} #workshopPortal [data-damage-list] [data-remove-mark],#modalRoot [data-damage-list] [data-remove-mark]{display:inline-grid;place-items:center;flex-shrink:0;width:28px;min-width:28px;min-height:28px;height:28px;padding:5px;margin:0;border:0;border-radius:6px;background:#fff0ee;color:#b33d36} [data-remove-mark] svg{display:block;pointer-events:none} /* Keep workflow controls on one compact wrapping row. */ #workshopPortal .workshop-flow{padding:12px;margin:10px 0} #workshopPortal .workshop-flow .wf-current-status{margin:0 0 8px;padding:6px 9px;font-size:12px} #workshopPortal .workshop-flow .wf-actions,#workshopPortal .workshop-flow .wf-document-tools{display:inline-flex;vertical-align:middle;gap:6px;margin:4px 10px 4px 0;padding:0;border:0} #workshopPortal .workshop-flow .wf-help{display:none} #workshopPortal .workshop-flow .wf-quotation{margin-top:10px} #workshopPortal .workshop-flow .wf-quotation>summary{padding:9px 12px;font-size:13px} /* Nested sprite SVGs keep their intrinsic dimensions; only the outer canvas fills the page. */ [data-damage-canvas] .vehicle-outline svg{width:var(--sprite-width)!important;height:var(--sprite-height)!important} /* assets/workshop-warning-lights.css */ .ws-warning-picker{position:relative;min-width:0}.ws-warning-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.ws-warning-chips:empty{display:none}#workshopPortal .ws-warning-chips button,#modalRoot .ws-warning-chips button{font-size:12px;min-height:28px;padding:4px 8px;margin:0}.ws-warning-options{position:static;width:100%;box-sizing:border-box;margin-top:6px;max-height:160px;overflow:auto;overscroll-behavior:contain;padding:5px;border:1px solid #b4cdbf;border-radius:8px;background:#fff;box-shadow:0 5px 16px #0002}.ws-warning-options[hidden]{display:none!important}#workshopPortal .ws-warning-options button,#modalRoot .ws-warning-options button{display:block;width:100%;text-align:left;margin:0;padding:9px;white-space:normal;border:0;background:transparent;color:#164c37;border-radius:4px}.ws-warning-options button:hover,.ws-warning-options button[aria-selected=true]{background:#d7eee0!important}.ws-warning-picker input{width:100%;box-sizing:border-box}.ws-warning-settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;margin:6px 0}.ws-warning-settings-row input{min-width:0}.ws-warning-settings{grid-column:1/-1}.ws-warning-settings-list{max-height:280px;overflow:auto}.ws-warning-picker small{display:block}html[data-ui-theme=dark] .ws-warning-options{background:#1a3026;border-color:#466753}html[data-ui-theme=dark] #workshopPortal .ws-warning-options button,html[data-ui-theme=dark] #modalRoot .ws-warning-options button{color:#d5eddf;background:transparent}html[data-ui-theme=dark] .ws-warning-options button:hover,html[data-ui-theme=dark] .ws-warning-options button[aria-selected=true]{background:#315b46!important}@media(max-width:520px){.ws-warning-settings-row{grid-template-columns:minmax(0,1fr) auto}.ws-warning-settings-row button:last-child{grid-column:2}.ws-warning-settings-row input{grid-row:1/3}} #workshopPortal .completion-picker,#modalRoot .completion-picker{grid-template-columns:minmax(0,1fr)} /* assets/workshop-responsive.css */ /* Workshop only: tablet/phone layout and touch controls. */ #workshopPortal,#workshopPortal *,#modalRoot .ws-parity *{box-sizing:border-box} #workshopPortal{width:100%;min-width:0} #workshopPortal :is(section,form,fieldset,.intake-grid>*,.wizard-panel){min-width:0} #workshopPortal :is(input,select,textarea){max-width:100%;font-size:16px} #workshopPortal :is(button,nav a){min-height:44px;touch-action:manipulation} #workshopPortal :is(.table,.table-wrap){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} #workshopPortal :is(img,video,audio){max-width:100%} #workshopPortal :is(h1,h2,h3,p,summary){overflow-wrap:anywhere} #workshopPortal .intake-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #workshopPortal .damage-tabs{display:flex;flex-wrap:wrap;gap:6px} #workshopPortal .damage-tabs button{margin:0} #workshopPortal [data-damage-canvas]{max-width:100%} #workshopPortal fieldset{margin-inline:0} body:has(#content .workshop-tabs) #content{min-width:0} body:has(#content .workshop-tabs) #content :is(.table-wrap,.table-responsive){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} body:has(#content .workshop-tabs) #content :is(.workshop-actions,.workshop-tabs,.workshop-filter){flex-wrap:wrap} #modalRoot:has(.ws-parity,.workshop-summary,.workshop-flow) .modal{max-width:calc(100vw - 24px)!important} #modalRoot .ws-parity :is(input,select,textarea){font-size:16px!important} #modalRoot .ws-parity :is(button,.modal-close){min-height:44px} #modalRoot .ws-parity .modal-close{min-width:44px} #modalRoot .ws-parity :is(.table,.table-wrap){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} @media(max-width:1100px){ #workshopPortal{margin:12px auto;padding:12px} #workshopPortal>header{gap:14px;padding:20px} #workshopPortal>header nav{flex-wrap:wrap;gap:8px} #workshopPortal>header nav :is(a,button){margin:0} #workshopPortal>section{padding:20px} #workshopPortal .photo-slot-actions button,#modalRoot .ws-parity .photo-slot-actions button{min-height:44px} } @media(max-width:700px){ #workshopPortal{margin:0 auto;padding:10px} #workshopPortal>header{padding:16px;gap:12px} #workshopPortal>header nav{width:100%;display:flex} #workshopPortal>header nav :is(a,button){flex:1 1 auto;white-space:normal;text-align:center} #workshopPortal>section{padding:16px;margin:12px 0;border-radius:12px} #workshopPortal h1{font-size:23px} #workshopPortal h2{font-size:21px} #workshopPortal .intake-grid{grid-template-columns:minmax(0,1fr);gap:14px} #workshopPortal .intake-grid .full{grid-column:1} #workshopPortal :is(.wizard-panel,.job-details,.photo-upload,[data-damage-editor]){padding:12px} #workshopPortal .table table{min-width:620px} #workshopPortal .wizard-progress{grid-template-columns:repeat(2,minmax(0,1fr))} #workshopPortal .wizard-actions{display:flex;flex-wrap:wrap;gap:8px} #workshopPortal .wizard-actions button{flex:1 1 auto;margin:0;white-space:normal} body:has(#content .workshop-tabs) #content :is(.workshop-actions,.workshop-tabs){gap:8px} body:has(#content .workshop-tabs) #content .workshop-actions .btn{white-space:normal;min-height:44px} body:has(#content .workshop-tabs) #content .workshop-filter :is(input,select){min-width:0;width:100%;flex-basis:100%;font-size:16px} #modalRoot:has(.ws-parity,.workshop-summary,.workshop-flow) .modal-backdrop{padding:8px!important} #modalRoot:has(.ws-parity,.workshop-summary,.workshop-flow) .modal{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 32px)!important} #modalRoot .ws-parity>.modal-body{min-height:0;overflow:auto;max-height:calc(100dvh - 112px)!important;padding:12px!important} #modalRoot .ws-parity :is(.ws-form-actions,.wizard-actions){flex-wrap:wrap;gap:8px} #modalRoot .ws-parity .ws-form-actions button{flex:1 1 auto} #modalRoot .ws-parity .damage-tabs{gap:6px} #modalRoot .ws-parity .damage-tabs button{margin:0} } @media(max-width:800px){ #workshopPortal .workshop-jobs-table{overflow:visible;border:0} #workshopPortal .workshop-jobs-table table{display:block;width:100%;min-width:0!important} #workshopPortal .workshop-jobs-table thead{display:none} #workshopPortal .workshop-jobs-table tbody{display:grid;gap:12px} #workshopPortal .workshop-jobs-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border:1px solid var(--line,#bfd6c8);border-radius:10px} #workshopPortal .workshop-jobs-table td{display:block;padding:0;border:0;min-width:0;overflow-wrap:anywhere} #workshopPortal .workshop-jobs-table td::before{display:block;font-size:11px;opacity:.75;margin-bottom:4px} #workshopPortal .workshop-jobs-table td:nth-child(1)::before{content:'Job'} #workshopPortal .workshop-jobs-table td:nth-child(2)::before{content:'Vehicle'} #workshopPortal .workshop-jobs-table td:nth-child(3)::before{content:'Status'} #workshopPortal .workshop-jobs-table td:nth-child(4)::before{content:'Bay'} #workshopPortal .workshop-jobs-table td:nth-child(5)::before{content:'Technician'} #workshopPortal .workshop-jobs-table td:last-child{grid-column:1/-1} #workshopPortal .workshop-jobs-table select{width:100%!important;min-width:0!important;max-width:100%;margin:0} #workshopPortal .workshop-jobs-table .job-row-actions{display:flex;flex-wrap:wrap;gap:8px} #workshopPortal .workshop-jobs-table .job-row-actions button{flex:1 1 120px;white-space:normal;margin:0;min-width:0} } @media(max-width:800px){ #workshopPortal .workshop-flow.workshop-quotation-only .wf-line{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) 30px!important;gap:12px 8px!important;align-items:start} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>.wf-row-number{grid-column:1;grid-row:1;align-self:end} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>.wf-code-cell{grid-column:2/4;grid-row:1} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>[data-q-remove]{grid-column:4;grid-row:1;align-self:end} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>.wf-product-cell{grid-column:1/-1;grid-row:2} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>label:nth-child(4){grid-column:1/3;grid-row:3} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>label:nth-child(5){grid-column:3/5;grid-row:3} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>[data-q-total]{grid-column:1/-1;grid-row:4;width:100%;min-width:0} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>[data-q-total]::before{content:'Line total';float:left;font-weight:400} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line label{display:block;min-width:0;width:100%;margin:0} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line label>span{display:block;font-size:12px;line-height:1.5;margin-bottom:5px} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line label input{width:100%!important;min-width:0!important;max-width:100%;height:40px!important;min-height:40px!important;font-size:14px!important} #workshopPortal .workshop-flow .wf-quote-footer{flex-wrap:wrap} #workshopPortal .workshop-flow .wf-quote-footer>span{width:100%;overflow-wrap:anywhere} } #workshopPortal .workshop-jobs-table .job-vehicle-number{display:block;font-size:15px;letter-spacing:.2px} #workshopPortal .workshop-jobs-table .job-vehicle-model{display:block;margin-top:3px;font-size:12px;opacity:.75} #workshopPortal .workshop-jobs-table .job-status-pill{display:inline-block;border:1px solid #67948266;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.5;text-transform:capitalize;background:#6ba38618} @media(max-width:800px){ #workshopPortal .workshop-jobs-table{margin-top:18px} #workshopPortal .workshop-jobs-table tbody{gap:14px} #workshopPortal .workshop-jobs-table tr{grid-template-areas:'vehicle vehicle' 'job status' 'bay technician' 'actions actions';grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding:16px;border-radius:12px} #workshopPortal .workshop-jobs-table td:nth-child(1){grid-area:job;font-size:12px} #workshopPortal .workshop-jobs-table td:nth-child(2){grid-area:vehicle;padding-bottom:12px;border-bottom:1px solid var(--line,#bfd6c8)} #workshopPortal .workshop-jobs-table td:nth-child(2)::before{display:none} #workshopPortal .workshop-jobs-table td:nth-child(3){grid-area:status;text-align:right} #workshopPortal .workshop-jobs-table td:nth-child(4){grid-area:bay} #workshopPortal .workshop-jobs-table td:nth-child(5){grid-area:technician} #workshopPortal .workshop-jobs-table td:last-child{grid-area:actions;padding-top:12px;border-top:1px solid var(--line,#bfd6c8)} #workshopPortal .workshop-jobs-table .job-vehicle-number{font-size:19px;line-height:1.3} #workshopPortal .workshop-jobs-table td::before{font-size:10px;letter-spacing:.3px;margin-bottom:5px} #workshopPortal .workshop-jobs-table select{height:42px;min-height:42px;padding:8px 10px;font-size:14px} #workshopPortal .workshop-jobs-table .job-row-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) 42px;gap:8px;align-items:center} #workshopPortal .workshop-jobs-table .job-row-actions button{height:42px;min-height:42px;padding:8px;font-size:12px;line-height:1.3;width:100%} #workshopPortal .workshop-jobs-table [data-row-save]{grid-column:1/-1} #workshopPortal .workshop-jobs-table [data-row-save]:disabled{display:none} #workshopPortal .workshop-jobs-table .job-row-actions .job-delete{width:42px;min-width:42px;padding:0;display:inline-flex;align-items:center;justify-content:center} #workshopPortal .workshop-jobs-table .job-delete .lo-icon{margin:0} } /* Product code remains internal; quotation display uses description only. */ #workshopPortal .workshop-flow .wf-code-cell,#workshopPortal .workshop-flow .wf-parts-head>span:nth-child(2){display:none!important} @media(min-width:801px){#workshopPortal .workshop-flow :is(.wf-parts-head,.wf-line){grid-template-columns:28px minmax(0,3fr) minmax(0,.6fr) minmax(0,.8fr) minmax(0,.9fr) 30px!important}} @media(max-width:800px){ #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>.wf-product-cell{grid-column:1/-1;grid-row:2} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>.wf-row-number{grid-row:1;align-self:center} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>[data-q-remove]{grid-row:1;align-self:center} } /* Compact quotation rows, including Inventory labour at a fixed quantity of one. */ #workshopPortal .workshop-flow.workshop-quotation-only .wf-line[data-labour='1']>label:nth-child(4){display:none!important} #workshopPortal .workshop-flow .wf-parts-head{display:none!important} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line{display:grid;gap:6px!important;padding:7px!important;align-items:end} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line label>span{display:block;font-size:10px;line-height:1.3;margin:0 0 4px} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line label input{height:34px!important;min-height:34px!important;padding:6px 8px!important;font-size:12px!important} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line [data-q-kind]{display:none} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line [data-q-total]{height:48px;min-width:0;width:100%;padding:0 4px 6px!important;background:transparent!important;border:0!important;font-size:12px;line-height:1.4} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line [data-q-total]::before{content:'Total';display:block;float:none;font-size:10px;font-weight:400;margin-bottom:9px} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line [data-q-remove]{align-self:end;margin-bottom:2px!important} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line .wf-product-results{top:52px} @media(min-width:520px){ #workshopPortal .workshop-flow.workshop-quotation-only .wf-line{grid-template-columns:24px minmax(100px,1fr) 50px 76px 76px 30px!important} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>.wf-row-number{grid-column:1;grid-row:1;align-self:center} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>.wf-product-cell{grid-column:2;grid-row:1} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>label:nth-child(4){grid-column:3;grid-row:1} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>label:nth-child(5){grid-column:4;grid-row:1} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>[data-q-total]{grid-column:5;grid-row:1} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>[data-q-remove]{grid-column:6;grid-row:1} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line[data-labour='1']{grid-template-columns:24px minmax(100px,1fr) 90px 90px 30px!important} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line[data-labour='1']>label:nth-child(5){grid-column:3} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line[data-labour='1']>[data-q-total]{grid-column:4} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line[data-labour='1']>[data-q-remove]{grid-column:5} } @media(max-width:519px){ #workshopPortal .workshop-flow.workshop-quotation-only .wf-line{grid-template-columns:repeat(6,minmax(0,1fr))!important} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>.wf-row-number{grid-column:1;grid-row:1;justify-self:start} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>.wf-product-cell{grid-column:2/6;grid-row:1} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>[data-q-remove]{grid-column:6;grid-row:1;justify-self:end} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>label:nth-child(4){grid-column:1/3;grid-row:2} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>label:nth-child(5){grid-column:3/5;grid-row:2} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line>[data-q-total]{grid-column:5/7;grid-row:2} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line[data-labour='1']>label:nth-child(5){grid-column:1/4} #workshopPortal .workshop-flow.workshop-quotation-only .wf-line[data-labour='1']>[data-q-total]{grid-column:4/7} } #workshopPortal .po-approvals-heading,#workshopPortal .po-approval-title{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap} #workshopPortal .po-approvals-heading h2 small{display:inline-block;font-size:12px;font-weight:500;margin-left:8px} #workshopPortal .po-approval-list{display:grid;gap:14px} #workshopPortal .po-approval-card{padding:16px;border:1px solid var(--line,#bfd6c8);border-radius:10px;min-width:0} #workshopPortal .po-approval-title small{display:block;margin-top:4px;font-size:12px} #workshopPortal .po-approval-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;font-size:12px;opacity:.8;overflow-wrap:anywhere} #workshopPortal .po-approval-card summary{font-size:13px;font-weight:600;cursor:pointer} #workshopPortal .po-approval-card .table{max-width:100%;overflow-x:auto} #workshopPortal .po-approval-card table{min-width:0!important;width:100%;font-size:12px} #workshopPortal .po-approval-card :is(td,th){padding:8px;overflow-wrap:anywhere} #workshopPortal .workshop-current-job>:not(.current-job-dashboard):not([data-wf-form]):not([role=alert]){display:none!important} #workshopPortal .workshop-current-job{padding:0;border:0;background:transparent} #workshopPortal .current-stage-summary{border:1px solid var(--line,#bfd6c8);border-left:4px solid #348e69;border-radius:10px;padding:16px;margin-bottom:16px} #workshopPortal .current-stage-summary h3{margin:4px 0 8px;font-size:21px} #workshopPortal .current-stage-summary p{margin:4px 0;font-size:13px;line-height:1.6} #workshopPortal .current-stage-meta{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px;margin-top:14px} #workshopPortal .current-document-tabs,#workshopPortal .current-job-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0} #workshopPortal .current-document-tabs button{margin:0;min-height:40px;font-size:13px} #workshopPortal .current-document-tabs [aria-pressed=true]{outline:2px solid #71b391;outline-offset:1px} #workshopPortal .current-document-panel{padding:16px;margin:16px 0 0;border-radius:10px;min-width:0} #workshopPortal .current-document-panel[hidden]{display:none!important} #workshopPortal .current-document-panel h4{margin:0 0 12px} #workshopPortal .current-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #workshopPortal .current-review-grid label{margin:0;font-size:12px;min-width:0} #workshopPortal .current-review-full{grid-column:1/-1} #workshopPortal .current-review-grid textarea{min-height:84px;font-size:14px} #workshopPortal .current-review-saved{font-size:11px;opacity:.75} #workshopPortal .current-document-total{text-align:right;font-weight:700} #workshopPortal .current-document-panel table{min-width:0!important;width:100%} #workshopPortal .current-document-panel :is(td,th){padding:9px;font-size:12px;overflow-wrap:anywhere} #workshopPortal .current-document-panel form{margin-bottom:22px} @media(max-width:600px){#workshopPortal .current-review-grid{grid-template-columns:minmax(0,1fr)}#workshopPortal .current-document-tabs button{flex:1 1 130px}#workshopPortal .current-stage-summary h3{font-size:18px}#workshopPortal .current-document-panel{padding:12px}} /* Current stage belongs beside the job heading. */ #workshopPortal .wf-completed-text.current-stage-heading{font-size:clamp(18px,2.2vw,25px);font-weight:750;line-height:1.25;color:var(--text,#dcebe4);padding:8px 14px;border:1px solid var(--line,#527568);border-radius:9px;background:var(--surface-2,#244a3b);white-space:normal} #workshopPortal .current-stage-summary{padding:10px 16px} #workshopPortal .wf-job-heading-row{align-items:center;gap:16px} #workshopPortal .wf-job-heading-row .wf-completed-text.current-stage-heading{flex:0 1 auto;width:auto;max-width:100%;margin-left:auto;box-sizing:border-box;text-align:center} #workshopPortal .checkout-totals{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;padding:16px 0}#workshopPortal .checkout-totals span{display:grid;gap:5px}#workshopPortal .checkout-totals strong{font-size:20px}#workshopPortal .checkout-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}#workshopPortal .checkout-advances{border:1px solid var(--line);border-radius:8px;padding:14px}#workshopPortal .checkout-advances label{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,150px);gap:12px;align-items:center;margin-bottom:8px}#workshopPortal .checkout-confirm{display:flex;gap:10px;align-items:center;margin:14px 0}#workshopPortal .checkout-confirm input{width:auto}#workshopPortal .workshop-checkout form{margin-top:18px}#workshopPortal .checkout-invoice-number{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap} /* assets/workshop-backend.css */ .workshop-backend-dialog .workshop-current-job>:not(.current-job-dashboard):not([data-wf-form]):not([role=alert]){display:none!important} .workshop-backend-dialog .workshop-current-job{padding:0;border:0;background:transparent} .workshop-backend-dialog .current-stage-summary{border:1px solid var(--line,#bfd6c8);border-left:4px solid #348e69;border-radius:10px;padding:16px;margin-bottom:16px} .workshop-backend-dialog .current-stage-summary h3{margin:4px 0 8px;font-size:21px} .workshop-backend-dialog .current-stage-summary p{margin:4px 0;font-size:13px;line-height:1.6} .workshop-backend-dialog .current-stage-meta{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px;margin-top:14px} .workshop-backend-dialog .current-document-tabs,.workshop-backend-dialog .current-job-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0} .workshop-backend-dialog .current-document-tabs button{margin:0;min-height:40px;font-size:13px} .workshop-backend-dialog .current-document-tabs [aria-pressed=true]{outline:2px solid #71b391;outline-offset:1px} .workshop-backend-dialog .current-document-panel{padding:16px;margin:16px 0 0;border-radius:10px;min-width:0} .workshop-backend-dialog .current-document-panel[hidden]{display:none!important} .workshop-backend-dialog .current-document-panel h4{margin:0 0 12px} .workshop-backend-dialog .current-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .workshop-backend-dialog .current-review-grid label{margin:0;font-size:12px;min-width:0} .workshop-backend-dialog .current-review-full{grid-column:1/-1} .workshop-backend-dialog .current-review-grid textarea{min-height:84px;font-size:14px} .workshop-backend-dialog .current-review-saved{font-size:11px;opacity:.75} .workshop-backend-dialog .current-document-total{text-align:right;font-weight:700} .workshop-backend-dialog .current-document-panel table{min-width:0!important;width:100%} .workshop-backend-dialog .current-document-panel :is(td,th){padding:9px;font-size:12px;overflow-wrap:anywhere} .workshop-backend-dialog .current-document-panel form{margin-bottom:22px} @media(max-width:600px){.workshop-backend-dialog .current-review-grid{grid-template-columns:minmax(0,1fr)}.workshop-backend-dialog .current-document-tabs button{flex:1 1 130px}.workshop-backend-dialog .current-stage-summary h3{font-size:18px}.workshop-backend-dialog .current-document-panel{padding:12px}} /* Current stage belongs beside the job heading. */ .workshop-backend-dialog .wf-completed-text.current-stage-heading{font-size:clamp(18px,2.2vw,25px);font-weight:750;line-height:1.25;color:var(--text,#dcebe4);padding:8px 14px;border:1px solid var(--line,#527568);border-radius:9px;background:var(--surface-2,#244a3b);white-space:normal} .workshop-backend-dialog .current-stage-summary{padding:10px 16px} .workshop-backend-dialog .wf-job-heading-row{align-items:center;gap:16px} .workshop-backend-dialog .wf-job-heading-row .wf-completed-text.current-stage-heading{flex:0 1 auto;width:auto;max-width:100%;margin-left:auto;box-sizing:border-box;text-align:center} .workshop-backend-dialog .checkout-totals{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;padding:16px 0}.workshop-backend-dialog .checkout-totals span{display:grid;gap:5px}.workshop-backend-dialog .checkout-totals strong{font-size:20px}.workshop-backend-dialog .checkout-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.workshop-backend-dialog .checkout-advances{border:1px solid var(--line);border-radius:8px;padding:14px}.workshop-backend-dialog .checkout-advances label{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,150px);gap:12px;align-items:center;margin-bottom:8px}.workshop-backend-dialog .checkout-confirm{display:flex;gap:10px;align-items:center;margin:14px 0}.workshop-backend-dialog .checkout-confirm input{width:auto}.workshop-backend-dialog .workshop-checkout form{margin-top:18px}.workshop-backend-dialog .checkout-invoice-number{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap} .workshop-backend-dialog{width:min(1200px,calc(100vw - 32px))!important;max-width:1200px!important}.workshop-backend-dialog .modal-head h2{display:flex;align-items:center;gap:14px;flex:1;flex-wrap:wrap}.backend-current-stage{margin-left:auto;padding:7px 14px;border:1px solid var(--line,#a3c5b3);border-radius:8px;font-size:20px;font-weight:750;background:var(--surface-2,#e1efe7);color:var(--text,#173c30)}.workshop-backend-dialog .workshop-current-job{border:0;background:transparent;padding:0}.workshop-backend-dialog .current-document-panel{border:1px solid var(--line,#c6dbce)}.workshop-backend-dialog .table{overflow-x:auto}.workshop-backend-dialog :is(input,select,textarea){max-width:100%;box-sizing:border-box}.workshop-backend-dialog .current-review-grid label{display:grid;gap:7px}.workshop-backend-dialog .current-review-grid textarea{width:100%}.backend-approvals{display:grid;gap:18px}.backend-approval{padding:18px}.workshop-backend-dialog .checkout-advances label{display:grid}.workshop-backend-dialog button:not(.btn):not(.modal-close){border-radius:7px;padding:10px 14px;cursor:pointer;border:1px solid var(--line,#b4cebe);background:var(--surface-2,#e4f0e8);color:var(--text,#173c30);font-weight:600}.workshop-backend-dialog button:disabled{opacity:.45;cursor:not-allowed}.ws-parity .ws-customer-category{padding:14px;border:1px solid var(--line,#bdd5c6);border-radius:10px;margin:12px 0}.ws-parity .ws-customer-category [data-category-editor]{margin-top:12px}.ws-parity .ws-customer-category [hidden]{display:none!important}.ws-parity [data-customer-signature]{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;touch-action:none;background:#fff!important}.ws-parity form,.ws-parity .ws-form-section{min-width:0}.workshop-backend-dialog .wf-line .wf-code-cell{display:none!important} @media(max-width:600px){.workshop-backend-dialog{width:calc(100vw - 16px)!important}.backend-current-stage{font-size:18px}.workshop-backend-dialog .checkout-totals{gap:12px}.workshop-backend-dialog .workshop-summary{grid-template-columns:1fr 1fr}} .workshop-backend-dialog .workshop-flow .wf-code-cell,.workshop-backend-dialog .workshop-flow .wf-parts-head>span:nth-child(2){display:none!important} @media(min-width:801px){.workshop-backend-dialog .workshop-flow :is(.wf-parts-head,.wf-line){grid-template-columns:28px minmax(0,3fr) minmax(0,.6fr) minmax(0,.8fr) minmax(0,.9fr) 30px!important}} @media(max-width:800px){ .workshop-backend-dialog .workshop-flow .wf-line>.wf-product-cell{grid-column:1/-1;grid-row:2} .workshop-backend-dialog .workshop-flow .wf-line>.wf-row-number{grid-row:1;align-self:center} .workshop-backend-dialog .workshop-flow .wf-line>[data-q-remove]{grid-row:1;align-self:center} } /* Compact quotation rows, including Inventory labour at a fixed quantity of one. */ .workshop-backend-dialog .workshop-flow .wf-line[data-labour='1']>label:nth-child(4){display:none!important} .workshop-backend-dialog .workshop-flow .wf-parts-head{display:none!important} .workshop-backend-dialog .workshop-flow .wf-line{display:grid;gap:6px!important;padding:7px!important;align-items:end} .workshop-backend-dialog .workshop-flow .wf-line label>span{display:block;font-size:10px;line-height:1.3;margin:0 0 4px} .workshop-backend-dialog .workshop-flow .wf-line label input{height:34px!important;min-height:34px!important;padding:6px 8px!important;font-size:12px!important} .workshop-backend-dialog .workshop-flow .wf-line [data-q-kind]{display:none} .workshop-backend-dialog .workshop-flow .wf-line [data-q-total]{height:48px;min-width:0;width:100%;padding:0 4px 6px!important;background:transparent!important;border:0!important;font-size:12px;line-height:1.4} .workshop-backend-dialog .workshop-flow .wf-line [data-q-total]::before{content:'Total';display:block;float:none;font-size:10px;font-weight:400;margin-bottom:9px} .workshop-backend-dialog .workshop-flow .wf-line [data-q-remove]{align-self:end;margin-bottom:2px!important} .workshop-backend-dialog .workshop-flow .wf-line .wf-product-results{top:52px} @media(min-width:520px){ .workshop-backend-dialog .workshop-flow .wf-line{grid-template-columns:24px minmax(100px,1fr) 50px 76px 76px 30px!important} .workshop-backend-dialog .workshop-flow .wf-line>.wf-row-number{grid-column:1;grid-row:1;align-self:center} .workshop-backend-dialog .workshop-flow .wf-line>.wf-product-cell{grid-column:2;grid-row:1} .workshop-backend-dialog .workshop-flow .wf-line>label:nth-child(4){grid-column:3;grid-row:1} .workshop-backend-dialog .workshop-flow .wf-line>label:nth-child(5){grid-column:4;grid-row:1} .workshop-backend-dialog .workshop-flow .wf-line>[data-q-total]{grid-column:5;grid-row:1} .workshop-backend-dialog .workshop-flow .wf-line>[data-q-remove]{grid-column:6;grid-row:1} .workshop-backend-dialog .workshop-flow .wf-line[data-labour='1']{grid-template-columns:24px minmax(100px,1fr) 90px 90px 30px!important} .workshop-backend-dialog .workshop-flow .wf-line[data-labour='1']>label:nth-child(5){grid-column:3} .workshop-backend-dialog .workshop-flow .wf-line[data-labour='1']>[data-q-total]{grid-column:4} .workshop-backend-dialog .workshop-flow .wf-line[data-labour='1']>[data-q-remove]{grid-column:5} } @media(max-width:519px){ .workshop-backend-dialog .workshop-flow .wf-line{grid-template-columns:repeat(6,minmax(0,1fr))!important} .workshop-backend-dialog .workshop-flow .wf-line>.wf-row-number{grid-column:1;grid-row:1;justify-self:start} .workshop-backend-dialog .workshop-flow .wf-line>.wf-product-cell{grid-column:2/6;grid-row:1} .workshop-backend-dialog .workshop-flow .wf-line>[data-q-remove]{grid-column:6;grid-row:1;justify-self:end} .workshop-backend-dialog .workshop-flow .wf-line>label:nth-child(4){grid-column:1/3;grid-row:2} .workshop-backend-dialog .workshop-flow .wf-line>label:nth-child(5){grid-column:3/5;grid-row:2} .workshop-backend-dialog .workshop-flow .wf-line>[data-q-total]{grid-column:5/7;grid-row:2} .workshop-backend-dialog .workshop-flow .wf-line[data-labour='1']>label:nth-child(5){grid-column:1/4} .workshop-backend-dialog .workshop-flow .wf-line[data-labour='1']>[data-q-total]{grid-column:4/7} } .workshop-backend-dialog{--text:var(--ink,#173c30);--surface-2:var(--mint,#e1efe7)} .workshop-backend-page>.page-head{align-items:flex-start}.workshop-backend-page .workshop-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0}.workshop-backend-page .workshop-tabs>.btn{margin:0;min-height:42px;white-space:nowrap}.workshop-backend-page .workshop-setup{position:relative}.workshop-backend-page .workshop-setup summary{list-style:none;cursor:pointer}.workshop-backend-page .workshop-setup summary::-webkit-details-marker{display:none}.workshop-backend-page [data-workshop-setup]{position:absolute;right:0;top:calc(100% + 8px);z-index:30;display:grid;gap:7px;width:240px;padding:12px;border:1px solid var(--line,#bdd1c4);border-radius:10px;background:var(--surface,#fff);box-shadow:0 10px 28px #0003}.workshop-backend-page .workshop-setup:not([open]) [data-workshop-setup]{display:none}.workshop-backend-page [data-workshop-setup]>.btn{width:100%;margin:0;text-align:left;justify-content:flex-start}.workshop-vehicle-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.workshop-vehicle-toolbar h2{margin:0}.workshop-vehicle-toolbar p{margin:5px 0 0} @media(max-width:600px){.workshop-backend-page .workshop-tabs>.btn{flex:1 1 145px;justify-content:center}.workshop-backend-page .page-head{flex-wrap:wrap}.workshop-backend-page .workshop-filter{flex-wrap:wrap}.workshop-backend-page .workshop-filter input{min-width:0;width:100%}} .workshop-inline-stores{max-width:1500px!important;margin:14px auto!important;padding:0 14px!important} .workshop-inline-stores>header{padding:18px 24px;background:#fff;border:1px solid #d7e4de;border-radius:16px 16px 0 0;margin:0!important} .workshop-inline-stores>header .eyebrow{display:none} .workshop-inline-stores>header h1{font-size:21px;margin:0} .workshop-inline-stores>section{border-radius:0 0 16px 16px;padding:22px 24px;margin:0 0 18px} .workshop-inline-stores label{font-size:12px} .workshop-inline-stores input,.workshop-inline-stores select{min-height:42px;padding:10px 12px;font-size:14px} .workshop-inline-stores textarea{padding:12px;min-height:68px} .workshop-inline-stores .stores-notice{padding:12px 14px;background:#eef8f3;border-radius:9px;font-size:12px;color:#386653;margin-bottom:18px} .workshop-inline-stores .job-picker{margin-bottom:12px} .workshop-inline-stores .job-strip{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;background:#f6f9f7;padding:12px 14px;border-radius:8px;margin:12px 0 20px;font-size:13px;color:#5c7569} .workshop-inline-stores .job-strip strong{color:#163e30} .workshop-inline-stores .stores-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px} .workshop-inline-stores .stores-full{grid-column:1/-1} .workshop-inline-stores .parts-lines{border:1px solid #d6e3dd;border-radius:9px;margin:8px 0;overflow:visible} .workshop-inline-stores .parts-line-head,.workshop-inline-stores .parts-line{display:grid;grid-template-columns:48px minmax(120px,1fr) minmax(220px,3fr) minmax(100px,1.1fr) 38px;align-items:start;gap:12px;padding:10px 12px} .workshop-inline-stores .parts-line-head{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#6c8076;background:#f7faf8;border-bottom:1px solid #d6e3dd} .workshop-inline-stores .parts-line{border-bottom:1px solid #edf2ef} .workshop-inline-stores .parts-line:last-child{border-bottom:0} .workshop-inline-stores .parts-line label{margin:0;position:relative} .workshop-inline-stores .parts-line input{width:100%;min-width:0;margin:0} .workshop-inline-stores .parts-line [data-code]{background:#f2f7f4;color:#60756a} .workshop-inline-stores .parts-line [data-qty]{text-align:right} .workshop-inline-stores .row-badge{background:#edf5f0;border-radius:7px;padding:7px 10px;font-size:11px;width:fit-content;margin-top:6px} .workshop-inline-stores .remove-line{background:#fff1f0;color:#be423c;font-size:22px;padding:4px 10px;min-height:38px;line-height:1} .workshop-inline-stores .mobile-label{display:none} .workshop-inline-stores .parts-line [data-available]{display:block;color:#6c8076;font-size:11px;margin-top:4px;font-weight:400} .workshop-inline-stores .secondary{background:#edf3ef;color:#264c3c} .workshop-inline-stores button{padding:10px 15px;font-size:13px} .workshop-inline-stores .stores-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #dce6e0;padding-top:15px;margin-top:18px} .workshop-inline-stores .history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px} .workshop-inline-stores .history-heading h2{font-size:19px;margin:0} .workshop-inline-stores .history-heading p{font-size:13px;margin:4px 0 0;color:#6a8175} .workshop-inline-stores .parts-history small{font-size:11px} .workshop-inline-stores .return-panel{padding:18px;background:#f4f9f6;border:1px solid #d6e4dc;border-radius:10px;margin-top:18px} .workshop-inline-stores .return-note{grid-column:span 2} .workshop-inline-stores .return-panel h3{font-size:16px} .workshop-inline-stores .empty-parts{color:#718779;font-size:14px;padding:20px 0} .workshop-inline-stores [data-product-results]{position:absolute;z-index:20;top:42px;left:0;right:0;max-height:250px;overflow-y:auto;border:1px solid #bed7ca;border-radius:8px;background:#fff;box-shadow:0 8px 24px #123a2620} .workshop-inline-stores [data-product-results][hidden]{display:none} .workshop-inline-stores [data-product-results] button{display:flex;flex-direction:column;align-items:flex-start;width:100%;border-radius:0;background:#fff;color:#173d31;text-align:left;border-bottom:1px solid #edf3ef;padding:12px 14px;gap:4px} .workshop-inline-stores [data-product-results] button:hover,.workshop-inline-stores [data-product-results] button[aria-selected=true]{background:#eaf4ef} .workshop-inline-stores [data-product-results] span{font-size:11px;font-weight:400;color:#607a6d} .workshop-inline-stores [data-product-results] p{padding:12px;margin:0;font-size:13px} @media (max-width:800px){.workshop-inline-stores .stores-fields{grid-template-columns:1fr 1fr} .workshop-inline-stores .stores-fields .stores-full{grid-column:1/-1} .workshop-inline-stores .parts-line-head{display:none} .workshop-inline-stores .parts-line{grid-template-columns:28px minmax(0,1fr) 38px;gap:10px;padding:14px} .workshop-inline-stores .line-code{grid-column:2} .workshop-inline-stores .line-product{grid-column:2;grid-row:2} .workshop-inline-stores .line-quantity{grid-column:2;grid-row:3} .workshop-inline-stores .remove-line{grid-column:3;grid-row:1} .workshop-inline-stores .row-badge{grid-column:1;grid-row:1} .workshop-inline-stores .mobile-label{display:block;margin-bottom:4px} .workshop-inline-stores>section{padding:16px} .workshop-inline-stores .return-note{grid-column:auto} .workshop-inline-stores .history-heading{align-items:flex-start} .workshop-inline-stores .stores-footer{flex-wrap:wrap} .workshop-inline-stores>header{padding:16px} .workshop-inline-stores>header h1{font-size:18px}} @media (max-width:480px){.workshop-inline-stores .stores-fields{grid-template-columns:1fr} .workshop-inline-stores .stores-full{grid-column:auto} .workshop-inline-stores .job-strip{gap:8px 14px} .workshop-inline-stores{padding:0 8px!important}} @media print{.workshop-inline-stores{background:#fff!important} .workshop-inline-stores{max-width:none!important;margin:0!important;padding:0!important} .workshop-inline-stores>header{border:0;padding:0 0 15px!important} .workshop-inline-stores>header nav,.workshop-inline-stores .parts-editor,.workshop-inline-stores .no-print,.workshop-inline-stores [data-return-host],.workshop-inline-stores [data-print-record],.workshop-inline-stores .other-issue,.workshop-inline-stores [role=alert]{display:none!important} .workshop-inline-stores>section{border:0;padding:0!important;box-shadow:none} .workshop-inline-stores .parts-history .table{overflow:visible} .workshop-inline-stores .parts-history table{font-size:11px} .workshop-inline-stores .parts-history tr{break-inside:avoid}} .workshop-inline-stores .stores-procurement{margin-top:24px;border:1px solid #ead6ab;border-radius:10px;padding:18px;background:#fffaf1} .workshop-inline-stores .stores-procurement h2{font-size:18px;margin:0 0 10px} .workshop-inline-stores .stores-procurement p{font-size:12px;line-height:1.7} .workshop-inline-stores .stores-procurement table{width:100%;border-collapse:collapse} .workshop-inline-stores .stores-procurement th,.workshop-inline-stores .stores-procurement td{padding:10px 8px;text-align:left;border-bottom:1px solid #e5e9e2} .workshop-inline-stores .stores-procurement input{max-width:140px} .workshop-inline-stores .stores-procurement form{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin-top:16px} .workshop-inline-stores .stores-procurement form label{min-width:240px} .workshop-inline-stores .stores-procurement form p{flex:1;min-width:220px} @media (max-width:700px){.workshop-inline-stores .stores-procurement{overflow:auto} .workshop-inline-stores .stores-procurement table{min-width:600px}} .workshop-inline-stores>header{padding:12px 18px} .workshop-inline-stores>section{padding:14px 18px;margin-bottom:12px} .workshop-inline-stores .stores-notice{padding:8px 10px;margin-bottom:10px;line-height:1.4} .workshop-inline-stores .job-picker{margin:0 0 8px} .workshop-inline-stores .job-strip{padding:8px 10px;margin:8px 0 12px;gap:8px 18px} .workshop-inline-stores [data-issue]{display:block;margin:0} .workshop-inline-stores .stores-fields{gap:10px 14px;margin-bottom:10px} .workshop-inline-stores .stores-fields label{margin:0;gap:4px} .workshop-inline-stores input,.workshop-inline-stores select{min-height:34px;height:34px;padding:6px 9px;font-size:13px} .workshop-inline-stores textarea{min-height:38px;height:38px;padding:8px 10px;font-size:12px;resize:vertical} .workshop-inline-stores .parts-lines{margin:6px 0} .workshop-inline-stores .parts-line-head,.workshop-inline-stores .parts-line{padding:6px 9px;gap:10px;grid-template-columns:34px minmax(120px,1fr) minmax(220px,3fr) minmax(90px,.85fr) 30px} .workshop-inline-stores .parts-line-head{font-size:9px;padding-top:7px;padding-bottom:7px} .workshop-inline-stores .parts-line label{gap:0;margin:0} .workshop-inline-stores .parts-line [data-available]{margin-top:2px;font-size:10px;line-height:1.3} .workshop-inline-stores .row-badge{padding:5px 8px;margin-top:4px} .workshop-inline-stores .remove-line{min-height:30px;height:30px;padding:3px 8px;font-size:19px} .workshop-inline-stores button{padding:7px 12px;font-size:12px;margin-top:0;margin-bottom:0} .workshop-inline-stores .stores-footer{padding-top:10px;margin-top:10px;gap:8px} .workshop-inline-stores .stores-procurement{margin-top:14px;padding:12px 14px} .workshop-inline-stores .stores-procurement h2{font-size:16px;margin:0 0 6px} .workshop-inline-stores .stores-procurement p{margin:5px 0 8px;font-size:11px;line-height:1.4} .workshop-inline-stores .stores-procurement th,.workshop-inline-stores .stores-procurement td{padding:6px 8px;font-size:12px} .workshop-inline-stores .stores-procurement th{font-size:11px} .workshop-inline-stores .stores-procurement input{height:32px;min-height:32px;max-width:120px} .workshop-inline-stores .stores-procurement form{margin-top:10px;gap:10px 14px} .workshop-inline-stores .stores-procurement form label{margin:0;gap:4px} .workshop-inline-stores .history-heading{margin-bottom:10px} .workshop-inline-stores [data-product-results]{top:34px} @media (max-width:800px){.workshop-inline-stores>section{padding:12px} .workshop-inline-stores .parts-line{grid-template-columns:26px minmax(0,1fr) 30px;gap:6px;padding:9px} .workshop-inline-stores .stores-procurement{padding:10px} .workshop-inline-stores .stores-fields{gap:8px 12px} .workshop-inline-stores .mobile-label{font-size:10px;margin-bottom:3px}} .workshop-inline-stores.stores-document{max-width:none!important;margin:0!important;padding:0!important}.workshop-inline-stores>section{border:1px solid var(--line,#bdd1c4);background:var(--surface,#fff)}.workshop-inline-stores label{display:grid;gap:5px}.workshop-inline-stores .table{max-width:100%;overflow-x:auto}.workshop-inline-stores button{border:1px solid var(--line,#bcd3c5);border-radius:7px;background:var(--mint,#e4f0e8);color:var(--ink,#173c30);cursor:pointer}.workshop-inline-stores :is(.stores-notice,.job-strip,.stores-procurement,.row-badge,.return-panel,.parts-line-head){background:var(--mint,#eef8f3);color:var(--ink,#173c30)}.workshop-inline-stores :is(.job-strip strong,.mobile-label,.parts-line [data-available]){color:var(--ink,#173c30)} @media(max-width:700px){.workshop-inline-stores .stores-fields{grid-template-columns:minmax(0,1fr)}.workshop-inline-stores .stores-full,.workshop-inline-stores .return-note{grid-column:auto}.workshop-inline-stores .parts-line-head{display:none}.workshop-inline-stores .parts-line{grid-template-columns:28px minmax(0,1fr) 32px}.workshop-inline-stores .parts-line>[data-row-number]{grid-column:1}.workshop-inline-stores .parts-line>label{grid-column:1/-1}.workshop-inline-stores .parts-line>.remove-line{grid-column:3;grid-row:1}.workshop-inline-stores .parts-line input{max-width:100%}.workshop-inline-stores .stores-footer{flex-wrap:wrap}} @media print{body:has(.workshop-inline-stores) *{visibility:hidden}.workshop-inline-stores,.workshop-inline-stores *{visibility:visible!important}.workshop-inline-stores{position:absolute;inset:0 auto auto 0;width:100%;color:#000!important;background:#fff!important}.workshop-inline-stores>section{background:#fff!important;color:#000!important}} .workshop-inline-stores [data-product-results],.workshop-inline-stores [data-product-results] button{background:var(--surface,#fff);color:var(--ink,#173c30)} .workshop-inline-stores>header{background:var(--surface,#fff);color:var(--ink,#173c30);border-color:var(--line,#bdd1c4);padding:14px 18px}.workshop-inline-stores>header h2{margin:0;font-size:19px}.workshop-inline-stores button.secondary{background:var(--mint,#edf3ef);color:var(--ink,#264c3c)}.workshop-inline-stores :is(input,select,textarea){border:1px solid var(--line,#bdd1c4);border-radius:6px;box-sizing:border-box}.workshop-inline-stores .parts-lines,.workshop-inline-stores .stores-procurement{border-color:var(--line,#bdd1c4)} .workshop-inline-stores .stores-job-search{position:relative;min-width:0} .workshop-inline-stores .stores-job-search>input{width:100%;box-sizing:border-box} .workshop-inline-stores .stores-job-results{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:80;max-height:300px;overflow:auto;padding:5px;border:1px solid var(--line,#cbded5);border-radius:9px;background:var(--surface,#fff);box-shadow:0 10px 28px #102b2226} .workshop-inline-stores .stores-job-results[hidden]{display:none!important} .workshop-inline-stores .stores-job-results button{display:block;width:100%;text-align:left;padding:10px;border:0;border-radius:6px;background:transparent;color:var(--ink,#173c30)} .workshop-inline-stores .stores-job-results button small{display:block;margin-top:4px;color:var(--muted,#61786c)} .workshop-inline-stores .stores-job-results button:is(:hover,.keyboard-active){background:var(--mint,#e3f3eb)} .workshop-inline-stores .stores-job-results p{padding:10px;color:var(--muted,#61786c)} /* Compact Workshop staff permissions; scoped away from transaction forms. */ .workshop-staff-form .workshop-staff-permissions{margin:0;min-width:0;padding:14px;border:1px solid var(--border,#b8cec4);border-radius:12px} .workshop-staff-permissions legend{padding:0 6px;font-weight:700;font-size:13px} .workshop-staff-permissions .workshop-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px} .workshop-staff-form .workshop-staff-permissions label.workshop-permission-option{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:10px;min-height:40px;margin:0;padding:8px 10px;border-radius:8px;background:var(--surface-alt,rgba(100,150,125,.07));cursor:pointer;font-size:13px;line-height:1.4} .workshop-staff-form .workshop-permission-option input[type=checkbox]{appearance:auto!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px;padding:0!important;margin:0!important;flex:0 0 18px;accent-color:#17624c;box-shadow:none} .workshop-permission-option span{min-width:0} .workshop-staff-permissions p{margin:12px 0 0;font-size:12px;line-height:1.5} @media(max-width:560px){.workshop-staff-permissions .workshop-permission-grid{grid-template-columns:1fr}.workshop-staff-form{grid-template-columns:1fr}} /* ERP job workflow: fit every stage inside the dialog. */ .workshop-backend-dialog .workshop-flow{padding:16px;min-width:0} .workshop-backend-dialog .workshop-flow .wf-stages{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;overflow:visible!important;white-space:normal!important;padding:0!important;margin:12px 0 18px!important;border:0!important} .workshop-backend-dialog .workshop-flow .wf-stages li{min-width:0!important;width:auto!important;flex:initial!important;white-space:normal!important;margin:0!important;list-style:none} .workshop-backend-dialog .workshop-flow .wf-stage-button{min-height:54px!important;height:100%;width:100%;display:flex;align-items:center;gap:8px;text-align:left;white-space:normal!important;line-height:1.35;padding:10px!important;border-radius:8px;font-size:12px} .workshop-backend-dialog .wf-step-number{flex-shrink:0} .workshop-backend-dialog .wf-accept-panel{padding:16px!important;gap:16px;margin:0 0 16px!important;align-items:center} .workshop-backend-dialog .wf-accept-panel h3{margin:0 0 5px;font-size:17px} .workshop-backend-dialog .wf-accept-panel p{margin:0;font-size:13px} .workshop-backend-dialog .workshop-flow .wf-actions{gap:10px;flex-wrap:wrap;align-items:center;padding:10px 0} .workshop-backend-dialog .wf-current-status{padding:12px 14px!important;margin:12px 0!important;font-size:14px} .workshop-backend-dialog .wf-help{max-width:none!important;line-height:1.6;margin:12px 0 0!important;border-top:1px solid var(--line,#d8e4de);padding-top:12px!important} @media(max-width:1000px){.workshop-backend-dialog .workshop-flow .wf-stages{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:640px){.workshop-backend-dialog .workshop-flow .wf-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-backend-dialog .wf-accept-panel{flex-direction:column;align-items:stretch}.workshop-backend-dialog .wf-accept-panel button{width:100%}} /* Keep Workshop header controls outside generic large action-button padding. */ .workshop-backend-dialog .modal-head :is(.modal-minimize,.modal-close){display:inline-flex!important;align-items:center;justify-content:center;position:relative;flex:0 0 30px;width:30px!important;min-width:30px!important;max-width:30px;height:30px!important;min-height:30px!important;padding:0!important;line-height:1!important} .workshop-backend-dialog .modal-head .modal-minimize{font-size:0!important} .workshop-backend-dialog .modal-head .modal-minimize>*{display:none} .workshop-backend-dialog .modal-head .modal-minimize:before{content:"";display:block;width:11px;height:2px;background:currentColor;border-radius:1px} /* Gate pass issue workspace */ .workshop-gate-page{padding:22px}.gate-job-choices{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0;max-height:220px;overflow:auto}.gate-job-choices button{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.gate-job-choices small{font-size:11px;opacity:.8}.gate-job-summary{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px;border:1px solid var(--line,#d6e3dd);border-radius:12px;margin:22px 0}.gate-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gate-type{padding:20px;border:1px solid var(--line,#d6e3dd);border-radius:12px;min-width:0}.gate-type h3{margin-top:0}.workshop-gate-page label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px;margin:14px 0}.workshop-gate-page input:not([type=checkbox]),.workshop-gate-page textarea,.workshop-gate-page select{display:block!important;width:100%!important;max-width:none!important}.gate-type textarea{min-height:70px}.workshop-gate-page .gate-confirm{flex-direction:row!important;align-items:center!important}.gate-pass-history>div{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 0;border-bottom:1px solid var(--line,#d6e3dd)}.workshop-gate-page [role=alert]{color:#d86961;padding:12px;border:1px solid currentColor;border-radius:8px}@media(max-width:760px){.gate-type-grid{grid-template-columns:1fr}.workshop-gate-page{padding:14px}.gate-type{padding:16px}} /* assets/app-dialog.css */ dialog.app-confirm-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid #bfd4ca;border-radius:16px;background:#fff;color:#183c2e;box-shadow:0 20px 70px #0005;font:14px/1.6 system-ui,sans-serif}dialog.app-confirm-dialog::backdrop{background:#06160fb3;backdrop-filter:blur(3px)}.app-confirm-dialog h2{margin:0 0 12px;font-size:20px;color:inherit}.app-confirm-dialog p{margin:0 0 22px;white-space:pre-wrap;overflow-wrap:anywhere;color:inherit}.app-confirm-dialog form{margin:0}.app-confirm-actions{display:flex;justify-content:flex-end;gap:10px}.app-confirm-dialog button{font:600 14px system-ui;min-height:44px;padding:10px 20px;border-radius:9px;cursor:pointer;margin:0}.app-confirm-cancel{border:1px solid #90aa9c;background:transparent;color:inherit}.app-confirm-accept{border:1px solid #267556;background:#267556;color:#fff}.app-confirm-dialog input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #668976;border-radius:8px;margin-bottom:20px;font:inherit}html[data-ui-theme=dark] dialog.app-confirm-dialog{background:#1b3026;color:#e5f2e9;border-color:#496a57}html[data-ui-theme=dark] .app-confirm-dialog input{background:#12261c;color:#e5f2e9}.app-confirm-dialog button:focus-visible{outline:3px solid #74b697;outline-offset:3px}