/* Alpine, approved 26 September 2026. SCREEN ONLY; PDFs retain their own layouts.
   Load last. Explicit semantic surfaces preserve status colours, permissions and layout geometry. */
/* ── From the retired graphite.css (audit M2, 30 September 2026): the Surgena brand face, the page ground, cards, fields and the parts of the older palette that pages still show.
   Only what can still show on a page was kept. It stays above the Alpine rules, in the order the old sheets loaded. ── */
@font-face {font-family:Surgena;src:url('../fonts/Surgena-Bold.otf') format('opentype');font-weight:700;font-display:swap}
@media screen{
 :root{--mwc-blue-soft:#e6eff7;--mwc-blue-ink:#294c6a;--mwc-sage:#435e49;--mwc-orange:#89542f;--mwc-focus:#75b9f4!important;--mwc-bg-screen:#202124}
 button,input,select,textarea{font-family:var(--fb)!important}
 button,a{touch-action:manipulation}
 input,select,textarea{accent-color:#527795}
 input::placeholder,textarea::placeholder{color:#687889;opacity:1}
 .header-row,.header-top{flex-wrap:wrap;min-height:46px}
 .header-brand-link{position:static!important;left:auto!important;transform:none!important;display:block!important;order:-10;flex:0 0 100%;width:100%;text-align:center;margin:0 0 18px!important;line-height:1.12!important;white-space:normal!important}
 .header-title{letter-spacing:-.5px!important;text-transform:none!important}
 .header-line{background:#4c5866!important}
 .header-back,.header-logout,.header-jump,.header-status,.header-status-wrap select,.header .header-action{border:1px solid #c5d0dc!important;min-height:44px;padding:11px 14px!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important}
 .mwc-nav-btn{border-radius:10px!important;min-height:44px!important}
 .mwc-nav-ic svg{width:19px!important;height:19px!important}
 .card,.client-card,.product-card,.sup-card,.supplier-card,.kiosk-card,.panel{border:1px solid #c8d3df!important}
 .card-title,.mat-group-head,.ws-cat-head,.ord-supplier-head,.status-section-head,.home-head,.queue-head,.tray-title{border-left:0!important}
 .card-title:first-child{border-radius:15px 15px 0 0}
 .section-title,.sec-heading-text,.section-heading,.body>.title,.body>h1,.body>h2,.body>h3,.sec-label{color:#e5edf5}
 .tabs{padding-block:12px!important;overflow-x:auto}
 .tab::after{display:none!important}
 .toolbar .btn,.toolbar button,.wk-btn{background:#fff;color:#303b47;border-color:#bac8d7}
 button,.btn,.filter-chip,.action-btn,.header-action,.fab,.gen-btn,.quick-btn,.add-btn,.print-btn,.scratch-btn,.quick-create-btn{letter-spacing:0!important;text-transform:none!important;font-weight:600;border-radius:11px;min-height:44px}
 .btn-primary,.btn.primary,.btn.gold,.gen-btn,.quick-create-btn,.scratch-btn,.mat-edit-save,.payem-send,.who-btn,.splash-btn,.li-add-btn,.header .gold,.fab{background:#303b47!important;border-color:#303b47!important}
 .qty-btn,.ibtn,.edit-item-btn{border-radius:10px!important;min-width:44px;min-height:44px;background:#edf3f9;color:#294c6a!important}
 .qty-input{font-size:17px!important;font-weight:650}
 .action-btn{border:1px solid #c8d3df!important;padding:18px!important}
 .action-label{font-size:19px!important}
 .action-desc{font-size:13px!important}
 .action-arrow{color:#527795!important}
 .modal-title,.modal-head,.mat-edit-head,.payem-head,.ov-head,.bc-head{color:#294c6a;border-color:#a5bdd1!important}
 .modal-title{background:transparent;font-size:25px!important;letter-spacing:-.5px!important;text-transform:none!important}
 .modal-x,.modal-close,.mat-edit-close,.payem-close,.ov-x,.bc-close,.hc-x{width:44px!important;height:44px!important;min-height:44px!important;border-radius:50%!important;background:#eef2f6!important;color:#43566a!important;border:0!important;font-size:25px!important}
 .modal-desc,.modal .help,.modal .hint{color:#607080!important}
 .modal-overlay,.modal-back,.mat-edit-overlay,.payem-overlay{background-color:#090d15b8}
 .modal label,.modal input,.modal select,.modal textarea,.modal .form-label{color:#263a4c}
 .modal-section-label,.form-section-label{color:#527795!important}
 thead th{font-size:12px!important}
 .form-label,.fl,.field-label{font-size:12px!important}
 .ti,.ta,.form-input,.form-select{min-height:44px}
 .chips .chip,.chips button,.tsel,.chip-dur{min-height:44px;border-radius:10px!important}
 .chip.active,.chip.sel,.chip.on,.chips .sel,.tsel.active{background:#e6eff7!important;color:#294c6a!important;border-color:#789ab6!important}
 .cn-side,.cn-main,.sec{background:#202124!important}
 .cn-side .sec-item{margin:8px;border:1px solid #bac9d7!important}
 .grp{border:1px solid #c8d3df;padding:18px;margin-bottom:14px}
 .home-hdr .home-sub,.header-system,.splash-sub{display:none}
 .splash-brand{color:#fff!important}
 .home-gold-line,.brand-rule,.splash-line{background:#75b9f4!important}
 .brand-system,.card .note,.card .help{color:#627184!important}
 .mat-group{border-radius:16px!important;border-color:var(--cat,#789ab6)!important}
 .mat-group-title{text-transform:none!important;letter-spacing:-.2px!important;font-size:20px!important}
 .mat-group-title::before{display:none}
 .mat-group .mat-name{font-size:17px!important;font-weight:650!important}
 .material-row{border-left:0!important;min-height:78px}
 .cat-labour{--cat:#58715b!important;--cat-bg:#eaf0e9!important;--cat-dark:#425c48!important}
 .cat-consumables{--cat:#b8733e!important;--cat-bg:#f8ece2!important;--cat-dark:#89542f!important}
 .ord-supplier-head{border-radius:0!important}
 .ord-supplier-name{font-size:22px!important;text-transform:none!important;letter-spacing:-.5px!important}
 .ord-item,.ord-row{border-left:0!important}
 .trk-part{border:1px solid #bacbd9!important}
 .trk-part-num{border-radius:12px!important}
 .trk-part-num-value{color:#294c6a!important}
 .trk-part-num-eyebrow{color:#527795!important}
 .trk-progress-fill,.trk-part-progress-fill{background:#527795!important}
 .trk-part-tested,.trk-part-tested b{color:#435e49!important}
 .trk-progress-label{color:#526171!important}
 .ord-supplier-email-btn{border:1px solid #9bb3c9!important;border-radius:11px!important;padding:11px!important}
 .mat-picker,.picker,.pick-panel{background:#fff;color:#22272e}
 .pick-card-name{font-size:17px!important}
 .pick-card{border:1px solid #b8c9d8!important}
 .save-indicator[data-state=error],.autosave-indicator[data-state=error]{color:#e89687!important}
}
@media screen and (max-width:700px){
 .header-brand-link{margin-bottom:12px!important}
 .trk-status-row{width:100%!important}
 .trk-pill{flex:1 1 auto}
 .body{padding-left:16px;padding-right:16px}
 input,select,textarea{font-size:16px}
 .modal,.mat-edit-modal,.payem-modal{max-width:calc(100vw - 24px)}
}
@media screen and (prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
@media screen{
 .header-brand-link{font-weight:700!important;text-decoration:none!important}
 .tabs .tab{white-space:nowrap!important;max-width:none!important}
 .header #gantt-btn,.header #label-btn,.header #sticker-btn,.header #diag-btn{border:1px solid #607083!important;border-radius:10px!important;letter-spacing:0!important;text-transform:none!important}
 .header-client{letter-spacing:-.7px!important}
 .kpi-grid{gap:14px!important}
 .kpi{border:1px solid #c8d3df!important;border-radius:15px!important;padding:20px!important;min-height:100px}
 .kpi-label{font-size:12px!important}
 .kpi-value{font-size:26px!important;font-weight:650!important;letter-spacing:-.6px!important}
 .card-body{padding:20px!important}
 .row{min-height:46px}
 .card .row .v{font-size:15px}
 .card .row .k{font-size:13px}
 .trk-parts{gap:0!important}
 .mwc-status-source{display:none!important}
 .mwc-work-actions{margin-left:auto}
 .mwc-work-status,.mwc-work-next{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 17px;border:1px solid #a7bacd;border-radius:12px!important;font-size:14px!important;font-weight:600}
 .mwc-work-next.sage{border-color:#435e49}
 .mwc-work-next.charcoal{border-color:#303b47}
 .mwc-work-dialog{max-width:440px;width:calc(100vw - 28px);max-height:calc(100dvh - 32px);padding:24px}
 .mwc-work-dialog::backdrop{background:#090d15b8;backdrop-filter:blur(4px)}
 .mwc-work-dialog header{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:22px}
 .mwc-work-dialog h2{font-size:23px;font-weight:650;line-height:1.3}
 .mwc-work-close{border:0;background:#eef2f6;color:#43566a;min-width:44px;height:44px;font-size:26px;border-radius:50%!important}
 .mwc-work-dialog>.mwc-work-status{width:100%;margin-bottom:10px;min-height:56px;justify-content:space-between}
 .mwc-work-dialog>.mwc-work-status[aria-pressed=true]{box-shadow:inset 0 0 0 1px currentColor}
 .mat-stepper{display:flex;align-items:center;gap:5px;background:#eef2f6!important;border:1px solid #bdcbd9!important;border-radius:28px!important;padding:4px!important}
 .mat-step-btn{border-radius:50%!important;background:#fff!important;color:#43566a!important;border:0!important;width:44px!important;height:44px!important;font-size:24px!important}
 .mat-stepper .mat-qty-input{background:transparent!important;border:0!important;text-align:center;font-size:20px!important;font-weight:650;min-height:44px;width:60px!important}
 .mat-tile{background:#fff!important;color:#22272e!important;border:1px solid var(--ct,#a1b4c7)!important;border-radius:14px!important;padding:18px!important;min-height:91px!important}
 .mat-tile-n{font-size:18px!important;letter-spacing:-.25px!important;text-transform:none!important;line-height:1.3!important}
 .mat-tile-c{font-size:12px!important;color:#627184!important;letter-spacing:0!important;text-transform:none!important}
 .mat-grp{font-size:17px!important;letter-spacing:0!important;text-transform:none!important;color:#294c6a!important;margin-top:22px!important}
 .mat-search{background:#e6eff7!important;color:#294c6a!important;border-color:#8aa9c3!important;min-height:55px;font-size:16px!important}
 .mat-pick-title{border-left:0!important;font-size:20px!important;text-transform:none!important;letter-spacing:-.3px!important}
 .mat-pick-head{border-radius:12px;padding:15px!important}
 .ord-item-qty-num{color:#303b47!important}
 .ord-item-qty-label{font-size:11px!important;letter-spacing:0!important;text-transform:none!important}
 .ord-item-brand{background:#edf2f7!important;color:#527795!important}
 .ord-kpi-num{font-size:28px!important;color:#294c6a!important}
 .ord-kpi-label{font-size:12px!important;letter-spacing:0!important;color:#526171!important;text-transform:none!important}
}
@media screen and (max-width:700px){
 .mwc-work-actions{margin:8px 0 0}
 .mat-stepper{max-width:175px}
 .mat-stepper .mat-qty-input{width:52px!important}
}
@media screen{
 .tabs .tab{flex:0 0 auto!important;width:auto!important;min-width:max-content!important}
 .header{position:relative!important;top:auto!important}
 .card .trk-parts{padding:0!important}
 .ov-head .ov-name{text-transform:none!important;letter-spacing:-.2px!important;font-size:20px!important}
 .ov-head .dot{background:#527795!important}
 .ov-biglbl{color:#527795!important}
 .tabbar{background:#202124!important;border-color:#414650!important}
 .day-head{border-bottom:1px solid #9bb5cd}
 .day-card{border:1px solid #9bb5cd!important;overflow:hidden}
 .mat-cost-tile{border-radius:13px!important;padding:18px!important}
 .mat-cost-label{font-size:12px!important;text-transform:none!important;letter-spacing:0!important;color:#657588!important}
 .mat-cost-value{font-size:27px!important;letter-spacing:-.7px!important}
 .splash-home{background:#fff!important;color:#303b47!important;border-radius:11px!important;min-height:44px;display:flex;align-items:center}
 .picker-title{text-transform:none!important;letter-spacing:-.4px!important}
 .emp-card{border:1px solid #c8d3df!important;overflow:hidden}
 .sum-num.good{color:#435e49!important}
 .opt-label{color:#536477!important}
 #who-gate{background:#202124!important}
 #who-gate .who-title{color:#f3f6f9!important;text-transform:none!important;letter-spacing:-.8px!important}
 #who-gate .who-sub{color:#bbc9d7!important}
 .loading,.grp-title{color:#bbc9d7!important}
 .results-bar,.results-bar .right{background:#202124!important;color:#bbc9d7!important}
 .trk-progress-label,.trk-part-progress-label{letter-spacing:0!important;text-transform:none!important}
 .trk-part>div{min-width:0}
 .trk-part-progress{flex-wrap:wrap}
 .trk-part-progress-label{white-space:normal!important}
 .trk-custom-row{border-radius:12px!important}
}
@media screen and (max-width:700px){
 .header-row>.header-title,.header-top>.header-title{flex:1 0 100%;order:-1}
 .header-line{display:none}
 .trk-part{grid-template-columns:auto minmax(0,1fr)!important}
 .trk-part>.mwc-work-actions{grid-column:1/-1}
 .trk-progress{flex-direction:column-reverse;align-items:stretch!important}
 .trk-progress-bar{flex:none;min-height:10px}
 .trk-part-progress-bar{min-width:70px}
 .trk-custom-form{flex-wrap:wrap}
 .trk-custom-form input{width:100%;flex-basis:100%}
 .trk-custom-add{width:100%}
}
@media screen{
 .zone .zt{font-size:20px!important}
 .zone .zline{background:#7d8b9a!important;height:2px!important}
 .stats .stat{background:#f2f6f9!important;border-color:#c8d3df!important;border-radius:12px!important}
 .stat-k,.stat-sub{color:#5a6b7c!important}
 .stat-v{color:#22272e!important}
 .stat-v.hot{color:#89542f!important}
 .live-chip{background:#e6eff7!important;color:#294c6a!important;border-radius:10px!important}
 .live-chip small{color:#526171!important}
 .home-hdr{flex-wrap:wrap!important;justify-content:center!important}
 .home-hdr>.home-van,.home-hdr .home-gold-line{display:none!important}
 .home-hdr>div:has(.home-brand){width:100%;text-align:center}
 .home-brand{letter-spacing:-.8px!important}
 .home-nav-btn{position:static!important;border:1px solid #c8d3df!important;border-radius:10px!important;min-height:44px!important;text-transform:none!important;letter-spacing:0!important}
 .client-bar label{letter-spacing:.02em!important;text-transform:none!important}
 .head a,.head button{border-radius:10px!important;min-height:44px}
 .header-inner>.header-brand-link{padding-top:6px!important}
 :root{--mwc-icon-bg:#516B4A;--mwc-icon-fg:#FFFFFF}
 .mwc-icon-badge,.home-graphite .tile-icon,.home-graphite .nav-icon,.live-menu .nav-icon,.mwc-nav-ic{background:var(--mwc-icon-bg)!important;color:var(--mwc-icon-fg)!important;border-color:var(--mwc-icon-bg)!important}
 .mwc-icon-badge svg,.home-graphite .tile-icon svg,.home-graphite .nav-icon svg,.live-menu .nav-icon svg,.mwc-nav-ic svg{color:inherit!important}
 .mwc-nav-ic{place-items:center;width:28px;height:28px;border-radius:8px;flex-shrink:0}
 .mwc-nav-btn{padding:8px!important}
 .live-menu .nav-icon{display:grid;place-items:center;min-width:30px;min-height:32px;border-radius:8px}
}
/* ── From the retired brand.css (audit M2, 30 September 2026): heading surfaces, controls inside headings, icon badges and work surfaces.
   Only what can still show on a page was kept. It stays above the Alpine rules, in the order the old sheets loaded. ── */
@media screen{
 :root{--mwc-on-brand:#FFFFFF}
 :root body :is(.header,.head,.masthead,.home-hdr,.top-nav,.cn-side-head,.mp-masthead,.card-title,.card-head,.mat-group-head,.ws-cat-head,.ord-supplier-head,.status-section-head,.home-head,.queue-head,.tray-title,.list-head,.group-heading,.day-head,.emp-head,.lh-card-top,.lh-modal-head,.modal-head,.mat-edit-head,.payem-head,.ov-head,.bc-head,.jap-modal-head,.jap-section-head,.gen-head,.gen-preview-head,.rem-head,.dialog-head,.mwc-work-dialog>header,.ts-picker>header,.cat-head,.doc-box-head,.mat-pick-head,.mat-org-sec-head,.picker-head,.pick-group-head,.mp-group-head,.sum-head,.std-head,.sec-head,.grp-head,.rc-head,.rcv-head,.fix-head,.status-head,.gen-cat-head,.sheet-head,.mp-head,.mcard-head,.mp-bay-head,.bay-head,.bay-head-row,.blk-head,.labour-head,.tc-card-head,.bp-head,.pc-head,.axis,.ax-corner,.ax-month,.ax-week,.ho-phase,.ho-card-title,.tile-head,.g-head,.g-head-left,.qhead,.stage-section-header,.mwc-pk-head,.mwc-lp-head,.mwc-sc-head,.mwc-vl-head,.hm-head,thead th){background:var(--mwc-brand-blue)!important;color:var(--mwc-on-brand)!important;text-transform:none!important;letter-spacing:0!important;border-color:#7892A8!important}
 :root body :is(.header,.head,.masthead,.home-hdr,.top-nav,.cn-side-head,.mp-masthead,.card-title,.card-head,.mat-group-head,.ws-cat-head,.ord-supplier-head,.status-section-head,.home-head,.queue-head,.tray-title,.list-head,.group-heading,.day-head,.emp-head,.lh-card-top,.lh-modal-head,.modal-head,.mat-edit-head,.payem-head,.ov-head,.bc-head,.jap-modal-head,.jap-section-head,.gen-head,.gen-preview-head,.rem-head,.dialog-head,.mwc-work-dialog>header,.ts-picker>header,.cat-head,.doc-box-head,.mat-pick-head,.mat-org-sec-head,.picker-head,.pick-group-head,.mp-group-head,.sum-head,.std-head,.sec-head,.grp-head,.rc-head,.rcv-head,.fix-head,.status-head,.gen-cat-head,.sheet-head,.mp-head,.mcard-head,.mp-bay-head,.bay-head,.bay-head-row,.blk-head,.labour-head,.tc-card-head,.bp-head,.pc-head,.axis,.ax-corner,.ax-month,.ax-week,.ho-phase,.ho-card-title,.tile-head,.g-head,.g-head-left,.qhead,.stage-section-header,.mwc-pk-head,.mwc-lp-head,.mwc-sc-head,.mwc-vl-head,.hm-head,thead th) :where(*){color:inherit!important}
 :root body :is(.header,.head,.masthead,.home-hdr,.top-nav,.cn-side-head,.mp-masthead,.card-title,.card-head,.mat-group-head,.ws-cat-head,.ord-supplier-head,.status-section-head,.home-head,.queue-head,.tray-title,.list-head,.group-heading,.day-head,.emp-head,.lh-card-top,.lh-modal-head,.modal-head,.mat-edit-head,.payem-head,.ov-head,.bc-head,.jap-modal-head,.jap-section-head,.gen-head,.gen-preview-head,.rem-head,.dialog-head,.mwc-work-dialog>header,.ts-picker>header,.cat-head,.doc-box-head,.mat-pick-head,.mat-org-sec-head,.picker-head,.pick-group-head,.mp-group-head,.sum-head,.std-head,.sec-head,.grp-head,.rc-head,.rcv-head,.fix-head,.status-head,.gen-cat-head,.sheet-head,.mp-head,.mcard-head,.mp-bay-head,.bay-head,.bay-head-row,.blk-head,.labour-head,.tc-card-head,.bp-head,.pc-head,.axis,.ax-corner,.ax-month,.ax-week,.ho-phase,.ho-card-title,.tile-head,.g-head,.g-head-left,.qhead,.stage-section-header,.mwc-pk-head,.mwc-lp-head,.mwc-sc-head,.mwc-vl-head,.hm-head,thead th) :is(button,a.btn,a.button,.header-back,.header-logout,.header-jump,.mwc-nav-btn,input,select,textarea,.group-count,.result-count,.status-section-count,.mat-group-count,.mat-sec-count,.stage-section-stats,.nav-count,.day-total,.qh-count,.badge,.pill){background:var(--mwc-inset-bg,#FFFFFF)!important;color:var(--mwc-surface-ink)!important;border-color:var(--mwc-inset-line,#BAC8D4)!important}
 :root body :is(.mwc-icon-badge,.mwc-nav-ic,.lh-van-icon){background:var(--mwc-icon-bg,#516B4A)!important}
 :root body :is(.tab.active,.tab.on,.filter-chip.active,.fab,.splash-btn,.header .header-action:not(.header-action-ghost),.mat-step-btn[data-step="1"],.live-menu #menu-new .button,.calendar-page .toolbar .btn-add){background:var(--mwc-brand-blue)!important;color:#FFFFFF!important;border-color:var(--mwc-brand-blue)!important}
 :root body :is(.dialog-head,.mwc-work-dialog>header){padding:18px;border-radius:12px}
 :root body :is(.card-body,.modal-body,.modal-content,.lh-modal-body,.mat-edit-body,.payem-body,.record,.emp-card,.kiosk-card,.pick-card,.material-row,.ord-item,.ord-row,.lh-card,.day-card,.ts-build-results,.form-fields){color:var(--mwc-surface-ink)}
 :root body :is(input,textarea)::placeholder{color:#657381!important;opacity:1}
 :root body .ov-lead :is(h1,h2,.ov-total),:root body .ov-note{color:#22272E!important}
 :root body .ov-lead p{color:#526171!important}
 :root body .head a:not(.header-brand-link){background:#FFFFFF!important;color:#22272E!important}
 :root body .head .header-brand-link{background:transparent!important}
 :root body .pc-head .pc-pill{background:#EDF2F6!important;color:#22272E!important}
 :root body .mwc-nav-btn .mwc-nav-ic,:root body .lh-card-top .lh-van-icon{color:#FFFFFF!important}
 :root body .grp label{color:#22272E!important}
 :root body .sec:has(>.sec-head),:root body :is(.sec-body,.doc-box,.doc-box-body){background:#FFFFFF!important;color:#22272E!important}
 :root body :is(.sec-head,.doc-box-head,.jap-section-head,.jap-modal-head){font-weight:650}
 :root body :is(.doc-box,.sec:has(>.sec-head)){border:1px solid #BBC8D5;border-radius:16px;overflow:hidden}
 :root body .doc-box-head{padding:16px;gap:12px;flex-wrap:wrap}
 :root body .doc-name-input{min-width:160px;padding:10px 12px;min-height:44px;line-height:1.4;font-size:16px;border:1px solid #BBC8D5}
 :root body .doc-price-wrap{background:#FFFFFF!important;color:#22272E!important;min-height:44px;border:1px solid #BBC8D5;padding:6px 10px;border-radius:10px;gap:6px}
 :root body .doc-price-wrap .doc-price-cur{color:#22272E!important}
 :root body :is(.doc-box-del,.doc-file-del){min-width:44px;min-height:44px}
 :root body .doc-box-body{padding:20px}
 :root body .doc-file{border:1px solid #D1DBE3;border-radius:10px;padding:12px}
 :root body .doc-file-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px}
 :root body :is(.doc-file-meta,.doc-drop-hint,.docs-empty){font-style:normal}
}
@media screen and (max-width:600px){
 :root body .doc-name-input{flex-basis:100%;width:100%}
 :root body .doc-box-body{padding:16px}
 :root body .doc-add-group{margin-left:0;flex-basis:100%}
 :root body .doc-add-file{width:100%}
}
@media screen{
 html:root body :is(.card-count,.tile-count){background:#FFFFFF!important;color:#253D52!important;border:1px solid #BAC8D4;border-radius:9px;padding:6px 10px}
 :root body .danger-zone{border:1px solid #D9B7B4;padding:20px}
 :root body .danger-zone .danger-title{text-transform:none;letter-spacing:0;font-size:15px}
 :root body .danger-zone .delete-btn{min-height:44px}
 :root body #nm2{background:#FFFFFF!important;color:#22272E!important;border-color:#BAC8D4!important}
 :root body .emp-swatch{border:1px solid #BBC8D5;border-radius:12px;width:44px;height:44px}
}
@media screen and (max-width:600px){
 :root body .wk-nav{flex-wrap:wrap;max-width:100%;width:100%}
 :root body .quick-actions{flex-wrap:wrap;max-width:100%;gap:8px}
 :root body .quick-actions .quick-btn{white-space:normal;text-align:center;display:inline-flex;align-items:center;justify-content:center}
}
@media screen{
 :root body :is(.docs-intro,.comms-intro){border:1px solid #BBC8D5;padding:18px;line-height:1.6}
 :root body :is(.docs-intro,.comms-intro) strong{color:#22272E!important}
 :root body .docs-vin{border:1px solid #BBC8D5;padding:18px}
 :root body .docs-vin-label{color:#526171;letter-spacing:0;text-transform:none}
 :root body .docs-vin-input{min-height:48px;padding:10px 12px;border:1px solid #BBC8D5;font-size:20px}
 :root body .tc-tag{color:#FFFFFF!important}
 :root body .mwc-handover .ho-group-heading{color:#22272E!important;background:#EDF2F6;padding:14px 16px;border:0;border-radius:10px;text-transform:none;letter-spacing:0}
 :root body .mwc-handover :is(.ho-card,.ho-card-body){border-radius:14px}
 :root body .mwc-handover :is(.ho-card-name,.ho-phase-title){text-transform:none;letter-spacing:0;font-weight:650}
 :root body .mwc-handover .ho-card-count{background:#FFFFFF!important;color:#253D52!important;border-color:#BAC8D4}
 :root body .mwc-handover .ho-chevron svg{stroke:#FFFFFF}
 :root body .mwc-handover .ho-row.done .ho-check{background:#435E49;border-color:#435E49}
}
/* ── From the retired floating-header.css (audit M2, 30 September 2026): the page header arranged by alpine-header.js, page tabs below it, and its print rule.
   Only what can still show on a page was kept. It stays above the Alpine rules, in the order the old sheets loaded. ── */
@media screen{
 html:root body .mwc-floating-header{position:relative!important;top:auto!important;left:auto!important;right:auto!important;height:auto!important;background:#365875!important;color:#FFF!important;border:1px solid #638098!important;z-index:20}
 html:root body .mwc-floating-header:not(.mwc-home-header) :is(.header-brand-link,.header-brand,.home-brand,.home-sub,.home-gold-line,.home-van){display:none!important}
 html:root body .mwc-floating-header .mwc-nav{display:none!important}
 html:root body .mwc-floating-header :is(.header-line,.mwc-redundant-home){display:none!important}
 html:root body .mwc-floating-header .header-inner{max-width:none;width:100%;padding:0}
 html:root body .mwc-floating-header :is(.header-title,.nav-title,.mwc-floating-page-title){min-width:0;font-weight:650!important;line-height:1.3;letter-spacing:-.5px!important;text-transform:none!important;color:white!important;overflow-wrap:anywhere}
 html:root body .mwc-floating-header :is(.header-client,.header-name,.header-date){line-height:1.3;white-space:normal!important;overflow-wrap:anywhere}
 html:root body .mwc-floating-header :is(.header-ref,.header-eyebrow,.header-count,.header-sub,.save-indicator,.autosave-indicator,.sub){color:#FFF!important;letter-spacing:0!important;line-height:1.4}
 html:root body .mwc-floating-header :is(button,a:not(.header-brand-link),select){min-height:44px;border-radius:11px!important;letter-spacing:0!important;text-transform:none!important;font-size:13px!important}
 html:root body .mwc-floating-header :is(button,a:not(.header-brand-link),select):not([hidden]){background:#FFF!important;color:#273641!important;border:1px solid #BCCAD5!important;padding:10px 13px!important}
 html:root body .mwc-floating-header :is(button,a,select) *{color:inherit!important}
 html:root body .mwc-floating-header :is(.header-back,.nav-back){flex-shrink:0}
 html:root body .mwc-floating-header :is(.header-actions,.header-status-wrap){flex-wrap:wrap;max-width:100%}
}
@media screen and (max-width:700px){
 html:root body .mwc-floating-header :is(.header-ref,.header-eyebrow){font-size:11px!important}
 html:root body .mwc-floating-header :is(.header-status,.header-status-wrap select){max-width:100%}
 html:root body .mwc-home-header.masthead h1{white-space:normal!important}
}
@media print{
 .mwc-floating-shelf,.mwc-floating-page-title{display:none!important}
}
@media screen{
 html:root body .mwc-page-tabs{margin:0 20px 14px;padding:10px 0!important;width:calc(100% - 40px);max-width:calc(100vw - 40px);overflow-x:auto}
}
@media screen and (max-width:700px){
 html:root body .mwc-page-tabs{margin-inline:10px;width:calc(100% - 20px);max-width:calc(100vw - 20px)}
}
@media screen{
 html:root body .mwc-floating-header.home-hdr{justify-content:space-between!important}
 html:root body .mwc-floating-header.home-hdr>div:has(>.home-brand),html:root body .mwc-floating-header :is(.home-nav-btn,#detailHomeBtn){display:none!important}
 html:root body .mwc-floating-header :is(.header-client,.header-name,.header-date){text-transform:none!important;letter-spacing:-.4px!important}
}
@media screen and (max-width:700px){
 html:root body .mwc-floating-header :is(.header-top,.header-row)>.header-title{flex:1 0 100%;order:-1!important}
}
@media screen{
 html:root body.live-menu .masthead{display:flex;align-items:center;gap:20px}
 html:root body.live-menu .masthead .brand{display:none!important}
 html:root body.live-menu .masthead .clock{color:#FFF!important;font-size:12px;flex-shrink:0}
 html:root body.live-menu .masthead .clock time{color:#FFF!important}
 html:root body.live-menu .sidebar{display:none!important}
}
@media screen and (max-width:700px){
 html:root body.live-menu .masthead{flex-wrap:wrap;gap:12px}
 html:root body.live-menu .masthead .clock{display:none}
}
@media screen{
 html:root body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header).mwc-integrated-header{padding:12px 16px!important;margin-bottom:14px!important}
 html:root body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header) .mwc-header-layout,html:root body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header).mwc-header-layout{display:grid!important;align-items:center!important;flex-wrap:initial!important;width:100%;min-width:0}
 html:root body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header) :is(.mwc-header-leading,.mwc-header-trailing){display:flex;align-items:center;flex-wrap:wrap;min-width:0;max-width:100%}
 html:root body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header) .mwc-header-trailing{justify-content:flex-end}
 html:root body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header) .mwc-header-trailing>*{max-width:100%;min-width:0}
 html:root body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header) .mwc-header-leading>.spacer{display:none}
 html:root body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header) .mwc-header-leading :is(.header-title,.nav-title,.mwc-floating-page-title){flex:1 1 120px!important;order:0!important;font-size:21px!important}
 html:root body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header) .mwc-header-leading :is(.header-client,.header-name,.header-date){font-size:21px!important}
 html:root body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header) .mwc-header-trailing .autosave-indicator{position:static!important;margin:0!important}
}
@media screen and (max-width:900px){
 html:root body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header) .mwc-header-leading{grid-row:1}
}
@media screen and (max-width:500px){
 html:root body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header) .mwc-header-trailing{justify-content:flex-start}
 html:root body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header) .mwc-header-trailing:empty{display:none}
}
@media screen{
 html:root body.mwc-floating-app .mwc-floating-header.mwc-integrated-header :is(.mwc-redundant-home,.map-home,.calendar-home){display:none!important}
}
/* ── From the retired mobile-lists.css (audit M2, 30 September 2026): phone and narrow tablet lists, the ordering boards and the Order Hub section links.
   Only what can still show on a page was kept. It stays above the Alpine rules, in the order the old sheets loaded. ── */
.mwc-order-nav,.mobile-order-status{display:none}
@media screen and (max-width:900px){
 html:root body .mwc-floating-header:not(.mwc-home-header) :is(.header-row,.header-top,.head-top){padding:0!important;min-height:0!important}
 html:root body .mwc-floating-header:not(.mwc-home-header) :is(.header-title,.header-client,.header-name,.header-date,.mwc-floating-page-title){line-height:1.25!important}
 html:root body .mwc-floating-header:not(.mwc-home-header) .header-eyebrow{display:none!important}
 html:root body.mwc-mobile-list :is(.toolbar,.tabs,.sr-tabbar,.bulk-bar,.jap-selbar){position:static!important;top:auto!important}
 html:root body.mwc-mobile-list .toolbar{padding:10px!important;gap:10px!important}
 html:root body.mwc-mobile-list .body{padding:10px 10px 24px!important;min-width:0}
 html:root body.mwc-mobile-list .card-name{font-size:16px!important;letter-spacing:0!important;text-transform:none!important;overflow-wrap:anywhere}
 html:root body.mwc-mobile-list .card-body{padding:14px!important}
 html:root body.mwc-mobile-list :is(.tb-search,input[type=search]){font-size:16px!important;min-width:0;width:100%}
 html:root body.mwc-mobile-list .tb-counts{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:10px}
 html:root body.mwc-mobile-list .tb-count-num{font-size:20px!important}
 html:root body.mwc-mobile-list .tb-count-label{font-size:10px!important;letter-spacing:0!important;text-transform:none!important}
 html:root body.mwc-mobile-list .tb-tools{width:100%}
 html:root body.mwc-mobile-list .tb-tools .seg{display:flex}
 html:root body.mwc-mobile-list .seg-btn{flex:1}
 html:root body.mwc-mobile-list .chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
 html:root body.mwc-mobile-list .chip .c-n{margin-left:4px}
 html:root body.mwc-order-hub{display:block;height:auto;min-height:100dvh;overflow:visible}
 html:root body.mwc-order-hub .panels{position:static}
 html:root body.mwc-order-hub .panel{position:static;overflow:visible;border:0!important}
 html:root body.mwc-order-hub .ov{padding:12px 10px 24px}
 html:root body.mwc-order-hub .ov-lead h1{font-size:23px;line-height:1.3}
 html:root body.mwc-order-hub .ov-grid{grid-template-columns:1fr}
 html:root body.mwc-order-hub .ov-alerts{padding:14px;margin-bottom:14px}
 html:root body.mwc-order-hub .ov-alerts-sub{font-size:12px}
 html:root body.mwc-order-hub .tabbar,html:root body .mwc-order-nav,html:root body.mwc-mobile-list .sr-tabbar{position:static;display:flex;gap:6px;padding:0 10px 10px!important;overflow:visible;background:transparent!important;flex-wrap:wrap;border:0}
 html:root body.mwc-order-hub .tabbar .tab,html:root body .mwc-order-nav a,html:root body.mwc-mobile-list .sr-tab{display:flex;flex:1;align-items:center;justify-content:center;min-height:44px!important;min-width:0;padding:8px 6px!important;gap:5px;font-size:12px!important;letter-spacing:0!important;text-transform:none!important;text-align:center;background:#FFF!important;color:#303B47!important;border:1px solid #B9C8D4!important;border-radius:10px!important;text-decoration:none}
 html:root body.mwc-order-hub .tabbar .tab[hidden]{display:none}
 html:root body.mwc-order-hub .tab-badge{min-width:16px}
 html:root body.mwc-order-board .status-section{margin-bottom:18px}
 html:root body.mwc-order-board .status-head{margin-bottom:8px}
 html:root body.mwc-order-board .ord-row{padding:12px!important;gap:8px 10px}
 html:root body.mwc-order-board .ord-main{min-width:0;flex-basis:calc(100% - 60px)}
 html:root body.mwc-order-board .ord-title{font-size:16px;line-height:1.35;overflow-wrap:anywhere}
 html:root body.mwc-order-board .ord-sub{font-size:12px;overflow-wrap:anywhere}
 html:root body.mwc-order-board .ord-meta{font-size:10px;letter-spacing:0;text-transform:none;line-height:1.4}
 html:root body.mwc-order-board .ord-actions{flex-direction:row;align-items:center;width:100%;margin:0;gap:8px}
 html:root body.mwc-order-board .pill-row{display:none}
 html:root body.mwc-order-board .mobile-order-status{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:12px;color:#526171;font-weight:600}
 html:root body.mwc-order-board .mobile-order-status select{flex:1;min-width:0;min-height:44px;padding:8px 30px 8px 12px;font-size:16px!important;font-weight:600;background-color:#E6EFF7!important;color:#294C6A!important;border:1px solid #A5B9CA!important}
 html:root body.mwc-order-board .mobile-order-status select[data-tone=amber]{background-color:#FAECD4!important;color:#795528!important;border-color:#D7BB8A!important}
 html:root body.mwc-order-board .mobile-order-status select[data-tone=green]{background-color:#E2EBDC!important;color:#425C48!important;border-color:#A5B99E!important}
 html:root body.mwc-order-board .ord-del{width:44px;height:44px;min-height:44px}
 html:root body.mwc-order-board .ord-link-btn{justify-content:center}
 html:root body.mwc-order-board .row{padding:12px!important;gap:10px}
 html:root body.mwc-order-board .row-check{width:44px;height:44px;flex-shrink:0}
 html:root body.mwc-order-board .row-title{font-size:15px;line-height:1.35}
 html:root body.mwc-order-board .row-meta{font-size:11px;letter-spacing:0;text-transform:none}
 html:root body.mwc-order-board .sup-banner{padding:12px;margin-bottom:12px}
 html:root body.mwc-order-board .actionbar{gap:8px;padding:12px 10px calc(12px + env(safe-area-inset-bottom));box-shadow:none}
 html:root body.mwc-order-board .actionbar .btn{flex:1;min-width:130px;padding:10px!important;font-size:12px!important}
 html:root body.mwc-order-board .actionbar .ab-count{width:100%}
 html:root body.mwc-order-board .actionbar{position:sticky;bottom:0}
 html:root body.mwc-order-board .actionbar:not(:has(button:not(:disabled))){display:none}
 html:root body.mwc-order-board .toolbar .chip.on{background:#365875!important;color:#FFF!important;border-color:#638098!important}
 html:root body.mwc-order-board .selectall{color:#DBE4ED;letter-spacing:0;text-transform:none;font-size:13px;min-height:44px}
 html:root body.mwc-order-hub .ov-lead :is(h1,h2,.ov-total){letter-spacing:-.3px;text-transform:none}
}
/* ── From the retired controls.css (audit M2, 30 September 2026): segmented filters, chips, actions, status choices, quote line items on phones and the sign-in card.
   Only what can still show on a page was kept. It stays above the Alpine rules, in the order the old sheets loaded. ── */
@media screen{
 :root{--control-radius:10px}
 html:root body :is(.seg,.seg-zoom){display:inline-flex;align-items:stretch;max-width:100%;overflow:visible}
 html:root body :is(.seg,.seg-zoom)>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:auto!important;padding:8px 13px!important;font-weight:600!important;line-height:1.3;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}
 html:root body :is(.seg,.seg-zoom)>button.on[data-urg=urgent]{background:#8D433B!important;color:#FFF!important}
 html:root body :is(.seg,.seg-zoom)>button:not(.on):not(.active):not([aria-pressed=true]):not([aria-selected=true]):hover{background:#E1E7ED!important;color:#283642!important}
 html:root body :is(.tab,.sr-tab,.ptab,.gen-tab,.filter-chip,.ord-fchip,.stage-chip,.cl-pill,.daychip,.fl-chip,button.status-chip,button.chip,.chips>.chip,.filters>.chip){min-height:44px!important;padding:9px 14px!important;border:1px solid var(--control-line)!important;border-radius:var(--control-radius)!important;background:#FFF!important;color:var(--control-ink)!important;font-size:13px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}
 html:root body :is(.tab,.sr-tab,.ptab,.gen-tab,.filter-chip,.ord-fchip,.stage-chip,.cl-pill,.daychip,.fl-chip,button.status-chip,button.chip,.chips>.chip,.filters>.chip):is(.on,.active,.sel,.selected,[aria-pressed=true],[aria-selected=true]){background:var(--control-blue)!important;color:#FFF!important;border-color:var(--control-blue)!important;box-shadow:none!important}
 html:root body :is(.tab,.sr-tab,.ptab,.gen-tab,.filter-chip,.ord-fchip,.stage-chip,.cl-pill,.daychip,.fl-chip,button.status-chip,button.chip,.chips>.chip,.filters>.chip) :is(.n,.c-n,.chip-n,.filter-chip-count,.stage-chip-count,.status-chip-count,.tab-badge){color:inherit!important;font:inherit!important;font-size:11px!important;border:0!important;background:#52617112!important;border-radius:6px!important;padding:2px 6px!important;line-height:1.2!important;opacity:1}
 html:root body :is(.tab,.filter-chip,.ord-fchip,.stage-chip,button.status-chip,button.chip,.chips>.chip):is(.on,.active,.sel,[aria-pressed=true]) :is(.n,.c-n,.chip-n,.filter-chip-count,.stage-chip-count,.status-chip-count,.tab-badge){background:#FFFFFF24!important;color:#FFF!important}
 html:root body :is(.tabs,.ptabs,.gen-tabs,.chips,.filter-row,.ord-filterbar){gap:8px!important}
 html:root body :is(.btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-cancel,.btn-gold,.btn-add,.btn-save,.btn-reset,.add-btn,.print-btn,.email-btn,.ord-link-btn,.sup-email-btn,.sup-action-btn,.product-link-btn,.bulk-btn,.quick-btn,.mini-btn,.ws-btn,.tb-btn,.modal-btn,.mg-btn,.bp-hbtn,.undo-btn,.note-open-btn,.note-save-btn,.spec-add-btn,.load-more-btn,.empty-btn,.scan-btn,.review-btn,.cancel-edit-btn,.photo-btn,.docs-add-btn,.doc-add-file,.docs-email-btn,.pay-email-btn,.pay-request-btn,.pay-receipt-btn,.comm-email-btn,.comm-source-btn,.comm-pdf-btn,.comm-add-file-btn,.comm-add-photo-btn,.comms-add-btn,.payem-btn){min-height:44px!important;padding:9px 14px!important;border:1px solid var(--control-line)!important;border-radius:var(--control-radius)!important;font-size:13px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;text-decoration:none;transition:background-color .15s,border-color .15s}
 html:root body :is(.btn-danger,.btn.danger,.btn.delete,.delete-btn,.bulk-btn-delete,.btn-reset,.ord-del,.doc-box-del,.doc-file-del){background:#FBF0EE!important;color:#8D433B!important;border:1px solid #E6CBC6!important;border-radius:10px!important;box-shadow:none!important}
 html:root body :is(.btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-cancel,.btn-gold,.add-btn,.email-btn,.ord-link-btn,.quick-btn,.filter-chip,.ord-fchip,.stage-chip,.tab):not(:disabled):hover{filter:brightness(.97)}
 html:root body :is(.btn,.btn-primary,.btn-secondary,.btn-ghost,.add-btn,.email-btn,.ord-link-btn,.seg-btn,.filter-chip,.ord-fchip,.stage-chip,.tab):disabled{filter:none}
 html:root body :is(button.st-pill,.stage-pill,.doc-pill):not(.on):not(.active){background:#F6F8FA!important;color:#526171!important;border-color:var(--control-line)!important}
 html:root body :is(.status-head,.status-section-head,.stage-section-header,.jap-section-head,.ord-supplier-head,.card-title,.mat-group-head,.ws-cat-head,.cat-head,.gen-cat-head,.pick-group-head,.mat-pick-head){border-left:0!important;border-right:0!important}
 html:root body .status-head{border-radius:12px!important;padding:12px 16px!important;gap:10px!important;min-height:52px;flex-wrap:wrap}
 html:root body .status-head .status-dot{display:none}
 html:root body .status-name{font-size:16px!important;font-weight:650!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important}
 html:root body :is(.status-count,.status-section-count,.card-count,.qh-count,.stage-section-stats){font-variant-numeric:tabular-nums;line-height:1.3!important;text-transform:none!important;min-height:0!important}
 html:root body :is(.status-urg,.urg-badge){background:#F9DDD6!important;color:#803C32!important;border:0!important;border-radius:6px!important;padding:4px 7px!important;font-size:11px!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important}
 html:root body :is(.lh-card,.jap-card,.build-card,.quote-card,.req-row,.order-row,.fix-card,.comm-card,.sup-banner,.ord-kpi,.trk-progress,.cl-progress){border-left-width:1px!important;border-left-color:var(--control-line)!important;box-shadow:none!important}
}
@media screen and (max-width:900px){
 html:root body :is(.seg,.seg-zoom)>button{padding:8px 10px!important}
 html:root body .tb-tools .seg{width:auto!important;max-width:100%;flex:0 1 auto}
 html:root body .tb-tools .seg-btn{flex:1 1 auto;min-width:72px}
 html:root body :is(.tab,.sr-tab,.ptab,.gen-tab,.filter-chip,.ord-fchip,.stage-chip,.cl-pill,.daychip,.fl-chip,button.status-chip,button.chip,.chips>.chip,.filters>.chip){padding:8px 11px!important;font-size:12px!important}
 html:root body :is(.toolbar .tb-tools,.toolbar .filters,.filters .filter-row){max-width:100%;min-width:0;flex-wrap:wrap;gap:8px!important}
 html:root body :is(.status-head,.status-section-head,.stage-section-header){gap:8px!important;padding:11px 12px!important}
 html:root body .status-name{flex-basis:auto;min-width:100px;font-size:15px!important}
 html:root body .card-title{gap:8px!important;flex-wrap:wrap}
 html:root body :is(.card-name,.ord-supplier-name){font-size:16px!important;line-height:1.3!important}
}
@media screen and (prefers-reduced-motion:reduce){
 html:root body button{transition:none!important}
}
@media screen{
 html:root body :is(.li-move,.li-del){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #CFD8E1;border-radius:10px;background:#F3F6F8;color:#344554;font-size:18px;padding:8px;box-shadow:none}
 html:root body .calendar-page .queue-note,html:root body.calendar-page .queue-note{border-radius:10px!important}
}
@media screen and (max-width:700px){
 html:root body .li-table{display:block;width:100%}
 html:root body .li-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 html:root body .li-table tbody{display:grid;gap:12px;padding:12px}
 html:root body .li-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #D4DEE7;border-radius:12px;background:#FFF;min-width:0}
 html:root body .li-table tbody td{display:block;min-width:0;padding:0;border:0;text-align:left}
 html:root body .li-table tbody td[data-label]::before{content:attr(data-label);display:block;font-size:12px;line-height:1.4;font-weight:600;color:#526171;margin-bottom:6px}
 html:root body .li-table tbody td:first-child,html:root body .li-table td.sup,html:root body .li-table td.act,html:root body #ps-body td:nth-child(3){grid-column:1/-1}
 html:root body .li-table td.act{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding-top:8px;border-top:1px solid #E4E9EE}
 html:root body .li-table td :is(input,select){min-height:44px;padding:9px 10px;border:1px solid #CFD8E1!important;background:#FFF!important;font-size:16px!important;text-align:left!important}
 html:root body .li-table td.tot{font-size:18px;font-weight:650;padding:0}
 html:root body .li-table tr.empty{display:block;padding:16px}
 html:root body .li-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px}
 html:root body .li-actions button{flex:1 1 140px}
}
@media screen{
 html:root body.mwc-quote-editor :is(#p-subtotal-reset,#p-deposit-reset){min-width:44px;min-height:44px;padding:8px 11px!important;border:1px solid #CFD8E1!important;border-radius:10px!important;background:#F3F6F8!important;color:#344554!important;font-size:12px!important}
}
@media screen and (max-width:700px){
 html:root body.mwc-quote-editor .row.editable{flex-wrap:wrap;gap:8px}
 html:root body.mwc-quote-editor .row.editable>.k{flex:1 1 100%;white-space:normal}
 html:root body.mwc-quote-editor .row.editable>:is(input,select,span:not(.k)){min-width:0;max-width:100%;flex:1 1 100%;width:100%!important}
 html:root body.mwc-quote-editor .row.editable input:not([type=checkbox]){min-width:0;min-height:44px;font-size:16px!important}
 html:root body.mwc-quote-editor .row.editable span>input:not([type=checkbox]){flex:1;width:100%!important}
}
@media screen{
 html:root body :is(.au-status-btn,.au-decision-btn,.code-chip,.ord-bulk-btn,.tc-btn,.pick-btn,.win-add-btn,.win-pick-btn,.win-remove-btn){min-height:44px!important;padding:9px 13px!important;border:1px solid #CFD8E1!important;border-radius:10px!important;font-size:13px!important;line-height:1.35!important;letter-spacing:0!important;font-weight:600!important;text-transform:none!important;box-shadow:none!important;background:#FFF!important;color:#344554!important}
 html:root body :is(.au-status-btn.on.s-pending,.au-status-btn.on.s-equivalent,.au-decision-btn.on.d-tbc){background:#FAECD4!important;color:#795528!important;border-color:#D7BB8A!important}
 html:root body :is(.au-status-btn.on.s-found,.au-decision-btn.on.d-approved,.code-chip.on){background:#E2EBDC!important;color:#425C48!important;border-color:#A5B99E!important}
 html:root body :is(.au-status-btn.on.s-missing,.au-decision-btn.on.d-refused,.ord-bulk-del,.win-remove-btn){background:#FBF0EE!important;color:#8D433B!important;border-color:#E6CBC6!important}
 html:root body .code-chip.on .box{background:#425C48!important;color:#FFF!important;border-color:#425C48!important}
 html:root body :is(.pick-btn:not(.change),.win-add-btn,.win-pick-btn){background:#365875!important;color:#FFF!important;border-color:#365875!important}
 html:root:has(body.mwc-auth-page){display:block;padding:0;min-width:0}
 html:root body.mwc-auth-page{width:100%;padding:24px 16px;min-width:0;min-height:100dvh}
 html:root body.mwc-auth-page>.card{min-width:0;width:min(380px,100%);padding:28px 22px}
 html:root body.mwc-auth-page .brand-row{flex-wrap:wrap}
 html:root body.mwc-auth-page .brand-name{white-space:normal;text-align:center;line-height:1.2}
}
/* ── Page rules that must keep beating the moved blocks above (audit M2, 30 September 2026). These page sheet
   rules loaded after the retired sheets and won ties with them; repeated here, after the moved blocks and
   before the Alpine rules, they still do. Delete one together with the moved rule it answers. ── */
/* Builds and Quotes (menus.css) and Home (home.css): controls take the page font, as those sheets say, not the
   600 weight graphite.css gave every button. The page is told by the sheet it loads, which is there from the
   first line of the page and in its print copies; :where() keeps the specificity of the page rules. */
:where(:root:has(link[href*="design/menus.css"])) :is(button,input,select){font:inherit}
:where(:root:has(link[href*="design/home.css"])) :is(button,input,a){font:inherit}
@media screen{
 /* Map: the week and toolbar buttons keep map.css's lighter edge, not the header button edge from floating-header.css. */
 html:root body.map-page .toolbar :is(.btn,.wknav button,summary){border:1px solid #d0dce7!important}
}
/* ── End of the page rules section ── */
@media screen {
html:root[data-mwc-style="alpine"] {
 --al-bg:#F5F5F7;--al-side:#EBEBEF;--al-card:#FFFFFF;--al-ink:#1D1D1F;--al-muted:#71717A;--al-line:#E6E6EB;--al-strong:#D2D2D7;
 --al-blue:#375875;--al-hover:#2C475F;--al-link:#375875;--al-focus:#89A8C2;
 --al-sage:#A8CBA8;--al-sky:#89AAC5;--al-sand:#EFD39D;--al-idle:#E5E6EC;
 --al-good-bg:#EAF2E8;--al-good-ink:#35583B;--al-warn-bg:#FBF1DC;--al-warn-ink:#755628;--al-info-bg:#EAF0F5;--al-info-ink:#375875;--al-danger-bg:#FBEDEB;--al-danger-ink:#943F38;
 --al-font:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;
 --mwc-bg:var(--al-bg)!important;--mwc-header:var(--al-card)!important;--mwc-card:var(--al-card)!important;--mwc-brand-blue:var(--al-blue)!important;--mwc-blue:var(--al-blue)!important;--mwc-brand-hover:var(--al-hover)!important;--mwc-surface-ink:var(--al-ink)!important;--mwc-line:var(--al-line)!important;
 --cream:var(--al-bg)!important;--cream-dark:var(--al-side)!important;--cream-mid:var(--al-side)!important;--white:var(--al-card)!important;--gold:var(--al-blue)!important;--gold-light:var(--al-link)!important;--gold-pale:var(--al-info-bg)!important;--gold-border:var(--al-strong)!important;--green:var(--al-blue)!important;--green-light:var(--al-hover)!important;--ink:var(--al-ink)!important;--ink-mid:var(--al-muted)!important;--ink-light:var(--al-muted)!important;--border:var(--al-line)!important;--border-strong:var(--al-strong)!important;--fh:var(--al-font)!important;--fb:var(--al-font)!important;--fs:var(--al-font)!important;
 --control-blue:var(--al-blue)!important;--control-ink:var(--al-ink)!important;--control-line:var(--al-line)!important;--control-quiet:var(--al-side)!important;
 background:var(--al-bg)!important;color:var(--al-ink)!important;color-scheme:light;
}
html:root[data-mwc-style="alpine"][data-alpine-theme="dark"] {
 --al-bg:#18191B;--al-side:#202124;--al-card:#26272B;--al-ink:#F3F3F5;--al-muted:#B1B1BA;--al-line:#3B3C42;--al-strong:#575962;--al-link:#A8C3D9;
 --al-good-bg:#293D2F;--al-good-ink:#BEDCBD;--al-warn-bg:#41382A;--al-warn-ink:#EFD39D;--al-info-bg:#2C3B49;--al-info-ink:#BCD1E2;--al-danger-bg:#442D2C;--al-danger-ink:#F1B2AA;color-scheme:dark;
}
html:root[data-mwc-style="alpine"] body{background:var(--al-bg)!important;color:var(--al-ink)!important;font-family:var(--al-font)!important;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
html:root[data-mwc-style="alpine"] body :is(h1,h2,h3,h4,h5,h6,button,input,select,textarea,.brand,.header-brand-link,.brand-name,.home-brand,.kpi-value,.nav-title,.splash-brand){font-family:var(--al-font)!important;letter-spacing:normal;text-transform:none}
html:root[data-mwc-style="alpine"] body :is(h1,h2,h3,h4,h5,h6){color:var(--al-ink)!important;text-transform:none!important;letter-spacing:-.025em!important}
html:root[data-mwc-style="alpine"] body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--al-focus)!important;outline-offset:3px!important}
html:root[data-mwc-style="alpine"] body :is(.body,.tab-pane,.cn-main,.cn-side,.toolbar,.search-bar,.tabs,.footer,.workspace,.home-body,.home-main,.shell,.main,.page,.page-wrap){background:var(--al-bg)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important}
html:root[data-mwc-style="alpine"] body :is(
    .header,.head,.masthead,.home-hdr,.top-nav,.cn-side-head,.mp-masthead,
    .card-title,.card-head,.mat-group-head,.ws-cat-head,.ord-supplier-head,
    .status-section-head,.home-head,.queue-head,.tray-title,.list-head,.group-heading,
    .day-head,.emp-head,.lh-card-top,.lh-modal-head,.modal-head,.mat-edit-head,
    .payem-head,.ov-head,.bc-head,.jap-modal-head,.jap-section-head,.gen-head,
    .gen-preview-head,.rem-head,.dialog-head,.mwc-work-dialog>header,.ts-picker>header,
    .cat-head,.doc-box-head,.mat-pick-head,.mat-org-sec-head,.picker-head,
    .pick-group-head,.mp-group-head,.sum-head,.std-head,.sec-head,.grp-head,
    .rc-head,.rcv-head,.fix-head,.status-head,.gen-cat-head,.sheet-head,
    .mp-head,.mcard-head,.mp-bay-head,.bay-head,.bay-head-row,.blk-head,
    .labour-head,.tc-card-head,.bp-head,.pc-head,.axis,.ax-corner,.ax-month,.ax-week,
    .ho-phase,.ho-card-title,.tile-head,.g-head,.g-head-left,.qhead,.stage-section-header,
    .mwc-pk-head,.mwc-lp-head,.mwc-sc-head,.mwc-vl-head,.hm-head,
    thead th
  ){background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}
html:root[data-mwc-style="alpine"] body :is(.header,.head,.masthead,.home-hdr,.top-nav,.mwc-floating-header){border-radius:0!important;border-width:0 0 1px!important;margin:0!important;box-shadow:none!important;padding:14px 24px!important;min-height:64px!important;width:100%!important;max-width:none!important;position:relative;top:auto}
html:root[data-mwc-style="alpine"] body :is(.header-row,.header-top,.mwc-header-leading,.mwc-header-trailing){gap:10px!important;min-width:0}
html:root[data-mwc-style="alpine"] body :is(.header-title,.header-client,.nav-title,.brand-name,.header-brand,.home-brand){color:var(--al-ink)!important;font-size:20px!important;font-weight:650!important}
html:root[data-mwc-style="alpine"] body :is(.header-brand-link,.brand){color:var(--al-ink)!important;font-size:20px!important;letter-spacing:-.5px!important}
html:root[data-mwc-style="alpine"] body :is(.header-ref,.header-date,.header-count,.header-eyebrow,.clock,.header-client small){color:var(--al-muted)!important}
html:root[data-mwc-style="alpine"] body :is(.card,.client-card,.product-card,.build-card,.quote-card,.sup-card,.supplier-card,.stock-card,.kiosk-card,.empty,.gate-view,.home-block,.mini,.panel,.tl-card,.queue,.desk,.tray,.mp-box,.mp-tile,.client-bar,.sec-item,.pick-card,.viewwrap,.ts-table-wrap,.grp,.doc-box,.bo-note-section,.bo-progress-hero,.record,.emp-card,.day-card,.lh-card,.ord-supplier-block,.trk-part,.trk-progress,.jap-card,.fix-card,.comm-card,.sup-banner,.ord-kpi,.cl-progress,.docs-intro,.comms-intro,.docs-vin,.danger-zone,.ho-card,.cn-home-client,.cn-home-section){background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important;border-radius:18px!important;box-shadow:0 1px 2px #00000003!important}
html:root[data-mwc-style="alpine"] body :is(.card-body,.modal-body,.modal-content,.lh-modal-body,.mat-edit-body,.payem-body,.ov-body,.sec-body,.doc-box-body,.form-fields,.ho-card-body,.material-row,.ord-item,.ord-row,.row,.kpi,.doc-file,.bo-editor-card){background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important;box-shadow:none!important}
html:root[data-mwc-style="alpine"] body :is(.kpi-label,.kpi .label,.k,.row-label,.form-label,.field-label,.label,.fl,.help,.hint,.note,.muted,.sub,.subtitle,.vehicle,.scope,.date,.ref,.doc-file-meta,.doc-drop-hint,.docs-empty,.results-bar,.date-bar,.bo-note-empty,.bo-note-author small,.toolbar .tb-meta,.toolbar .wk-label,.toolbar .count,.toolbar .label,.search-hint,.section-label){color:var(--al-muted)!important;text-transform:none!important;letter-spacing:0!important}
html:root[data-mwc-style="alpine"] body :is(.kpi-value,.v,.row-value,.section-title,.section-heading,.sec-heading-text,.sec-label,.mat-name,.ord-item-name,.trk-part-name,.doc-file-name,.record h3,.action-label,.tile-name,.bo-note-entry>p,.bo-note-author){color:var(--al-ink)!important}
html:root[data-mwc-style="alpine"] body :is(.card-title,.mat-group-head,.ws-cat-head,.ord-supplier-head,.status-section-head,.home-head,.queue-head,.tray-title,.cat-head,.sec-head,.bo-note-heading){padding:16px 20px!important;font-size:16px!important;font-weight:650!important;border-bottom:1px solid var(--al-line)!important}
html:root[data-mwc-style="alpine"] body :is(.group-heading,.status-section-head) :is(.category-toggle,.menu-section-toggle){background:transparent!important;color:var(--al-ink)!important}
html:root[data-mwc-style="alpine"] body :is(.group-count,.status-section-count,.status-count,.card-count,.qh-count,.stage-section-stats,.mat-group-count,.badge,.pill,.result-count,.nav-count,.tab-badge){background:var(--al-side)!important;color:var(--al-muted)!important;border:0!important;border-radius:6px!important;font-size:11px!important;letter-spacing:0!important;padding:3px 7px!important;box-shadow:none!important}
html:root[data-mwc-style="alpine"] body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not(:where(label.search>input,label.cf-home-search>input)),html:root[data-mwc-style="alpine"] body select,html:root[data-mwc-style="alpine"] body textarea{background-color:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-strong)!important;border-radius:10px!important;box-shadow:none}
html:root[data-mwc-style="alpine"] body :is(input,textarea)::placeholder{color:var(--al-muted)!important;opacity:1}
html:root[data-mwc-style="alpine"] body option{color:var(--al-ink)!important;background:var(--al-card)!important}
html:root[data-mwc-style="alpine"] body :is(input[type=checkbox],input[type=radio]){accent-color:var(--al-blue)}
html:root[data-mwc-style="alpine"] body :is(.btn,.button,.btn-secondary,.btn-ghost,.btn-cancel,.print-btn,.email-btn,.ord-link-btn,.sup-email-btn,.sup-action-btn,.product-link-btn,.bulk-btn,.quick-btn,.mini-btn,.ws-btn,.tb-btn,.modal-btn,.mg-btn,.bp-hbtn,.undo-btn,.note-open-btn,.load-more-btn,.empty-btn,.cancel-edit-btn,.photo-btn,.pay-email-btn,.pay-receipt-btn,.comm-source-btn,.comm-pdf-btn,.comm-add-file-btn,.comm-add-photo-btn,.header-back,.header-jump,.header-logout,.header-action-ghost,.bo-note-heading>button,.bo-note-entry button,.doc-pill,.stage-pill,.st-pill,.au-status-btn,.au-decision-btn,.tab,.sr-tab,.ptab,.gen-tab,.filter-chip,.ord-fchip,.stage-chip,.cl-pill,.daychip,.fl-chip,.chip,.trk-pill,.ord-pill,.close,.wk-btn,.tb-btn,.mwc-order-nav a){background:var(--al-card)!important;color:var(--al-ink)!important;border:1px solid var(--al-strong)!important;border-radius:10px!important;box-shadow:none!important;min-height:38px!important;padding:8px 12px!important;font-size:13px!important;font-weight:550!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none}
html:root[data-mwc-style="alpine"] body :is(.btn,.button,.btn-secondary,.btn-ghost,.btn-cancel,.print-btn,.email-btn,.ord-link-btn,.sup-email-btn,.sup-action-btn,.product-link-btn,.bulk-btn,.quick-btn,.mini-btn,.ws-btn,.tb-btn,.modal-btn,.mg-btn,.bp-hbtn,.undo-btn,.note-open-btn,.load-more-btn,.empty-btn,.cancel-edit-btn,.photo-btn,.pay-email-btn,.pay-receipt-btn,.comm-source-btn,.comm-pdf-btn,.comm-add-file-btn,.comm-add-photo-btn,.header-back,.header-jump,.header-logout,.header-action-ghost,.bo-note-heading>button,.bo-note-entry button,.doc-pill,.stage-pill,.st-pill,.au-status-btn,.au-decision-btn,.tab,.sr-tab,.ptab,.gen-tab,.filter-chip,.ord-fchip,.stage-chip,.cl-pill,.daychip,.fl-chip,.chip,.trk-pill,.ord-pill,.close,.wk-btn,.tb-btn,.mwc-order-nav a) *{color:inherit!important}
html:root[data-mwc-style="alpine"] body :is(.btn-primary,.button.primary,.button.dark,.btn.primary,.btn.gold,.btn-gold,.btn-add,.btn-save,.add-btn,.note-save-btn,.spec-add-btn,.scan-btn,.review-btn,.docs-add-btn,.doc-add-file,.docs-email-btn,.pay-request-btn,.comm-email-btn,.comms-add-btn,.payem-btn.primary,.gen-btn,.quick-create-btn,.scratch-btn,.mat-edit-save,.payem-send,.who-btn,.splash-btn,.li-add-btn,.fab,.header-action:not(.header-action-ghost),#build-note-save){background:var(--al-blue)!important;color:#FFFFFF!important;border:1px solid var(--al-blue)!important;border-radius:10px!important;box-shadow:none!important;min-height:38px!important;font-size:13px!important;font-weight:600!important;padding:8px 14px!important}
html:root[data-mwc-style="alpine"] body :is(.btn-primary,.button.primary,.button.dark,.btn.primary,.btn.gold,.btn-gold,.btn-add,.btn-save,.add-btn,.note-save-btn,.spec-add-btn,.scan-btn,.review-btn,.docs-add-btn,.doc-add-file,.docs-email-btn,.pay-request-btn,.comm-email-btn,.comms-add-btn,.payem-btn.primary,.gen-btn,.quick-create-btn,.scratch-btn,.mat-edit-save,.payem-send,.who-btn,.splash-btn,.li-add-btn,.fab,.header-action:not(.header-action-ghost),#build-note-save) *{color:inherit!important}
html:root[data-mwc-style="alpine"] body :is(.tab,.sr-tab,.ptab,.gen-tab,.filter-chip,.ord-fchip,.stage-chip,.cl-pill,.daychip,.fl-chip,.chip,.stage-pill,.seg>button,.seg-zoom>button):is(.on,.active,.sel,.selected,[aria-pressed=true],[aria-selected=true]){background:var(--al-blue)!important;color:#FFFFFF!important;border-color:var(--al-blue)!important}
html:root[data-mwc-style="alpine"] body :is(.seg,.seg-zoom){background:var(--al-side)!important;border:0!important;box-shadow:none!important;border-radius:10px!important;padding:3px!important;gap:3px!important}
html:root[data-mwc-style="alpine"] body :is(.seg,.seg-zoom)>button{background:transparent!important;color:var(--al-muted)!important;border:0!important;min-height:34px!important;border-radius:8px!important;font-size:13px!important}
html:root[data-mwc-style="alpine"] body :is(.btn-danger,.delete-btn,.danger,.btn-reset,.doc-box-del,.doc-file-del,.li-del,.ord-bulk-del,.win-remove-btn){background:var(--al-danger-bg)!important;color:var(--al-danger-ink)!important;border:1px solid color-mix(in srgb,var(--al-danger-ink) 25%,transparent)!important;border-radius:10px!important}
html:root[data-mwc-style="alpine"] body :is(button,.btn):disabled{opacity:.45!important;cursor:not-allowed;box-shadow:none!important}
html:root[data-mwc-style="alpine"] body :is(.modal,.bc-modal,.gen-modal,.hc-card,.inv-modal-card,.jap-modal,.mat-edit-modal,.payem-modal,.ov-card,.who-select,dialog,.bo-editor-card){background:var(--al-card)!important;color:var(--al-ink)!important;border:1px solid var(--al-line)!important;border-radius:18px!important;box-shadow:0 24px 80px #00000030!important}
html:root[data-mwc-style="alpine"] body :is(.modal-footer,.mat-edit-foot,.payem-foot,.dialog-head,.bo-editor-card>header){background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important}
html:root[data-mwc-style="alpine"] body table{background:var(--al-card)!important;color:var(--al-ink)!important}
html:root[data-mwc-style="alpine"] body thead th{background:var(--al-bg)!important;color:var(--al-muted)!important;border-color:var(--al-line)!important;text-transform:none!important;letter-spacing:0!important}
html:root[data-mwc-style="alpine"] body tbody td{border-color:var(--al-line)!important;color:var(--al-ink)}
html:root[data-mwc-style="alpine"] body tbody tr:hover{background:var(--al-bg)!important}
html:root[data-mwc-style="alpine"] body :is(.tone-green,.avatar-sage,.doc-pill.active[data-status=paid],.doc-pill.active[data-status=received],.st-pill.on[data-status=delivered],.trk-pill.active[data-status=finished],.trk-pill.active[data-status=tested],.ord-pill.active[data-status=delivered],.au-status-btn.on.s-found,.au-decision-btn.on.d-approved){background:var(--al-good-bg)!important;color:var(--al-good-ink)!important;border-color:transparent!important}
html:root[data-mwc-style="alpine"] body :is(.tone-orange,.avatar-orange,.doc-pill.active[data-status=pending],.st-pill.on[data-status=tbc],.st-pill.on[data-status=backorder],.trk-pill.active[data-status=issue],.ord-pill.active[data-status=backorder],.au-status-btn.on.s-pending,.au-status-btn.on.s-equivalent){background:var(--al-warn-bg)!important;color:var(--al-warn-ink)!important;border-color:transparent!important}
html:root[data-mwc-style="alpine"] body :is(.tone-blue,.avatar-blue,.doc-pill.active[data-status=requested],.trk-pill.active[data-status=ongoing],.ord-pill.active[data-status=ordered],.au-status-btn.on,.bo-build-status){background:var(--al-info-bg)!important;color:var(--al-info-ink)!important;border-color:transparent!important}
html:root[data-mwc-style="alpine"] body :is(.tone-neutral,.trk-pill.active[data-status=notstarted]){background:var(--al-side)!important;color:var(--al-muted)!important}
}
@media screen {
/* The shared sidebar replaces shortcut shelves. Calendar and Map keep a full canvas. */
html:root[data-mwc-style=alpine] body.al-shell{padding-left:216px!important}
html:root[data-mwc-style=alpine] body .al-sidebar{position:fixed;inset:0 auto 0 0;width:216px;padding:30px 16px 18px;background:var(--al-side);border-right:1px solid var(--al-line);z-index:100;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
html:root[data-mwc-style=alpine] body .al-brand{font:700 25px/1.12 var(--al-font);letter-spacing:-1px;color:var(--al-ink);text-decoration:none;padding:8px 12px 22px}
html:root[data-mwc-style=alpine] body .al-brand small{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:var(--al-muted);margin-top:9px}
html:root[data-mwc-style=alpine] body .al-nav-label{font-size:10px;font-weight:650;color:var(--al-muted);text-transform:uppercase;letter-spacing:.06em;margin:15px 12px 3px}
html:root[data-mwc-style=alpine] body :is(.al-sidebar,.al-nav-dialog) nav{display:grid;gap:4px}
html:root[data-mwc-style=alpine] body :is(.al-sidebar,.al-nav-dialog) nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--al-muted);font:500 14px/1.4 var(--al-font)}
html:root[data-mwc-style=alpine] body :is(.al-sidebar,.al-nav-dialog) nav a:hover{background:var(--al-card);color:var(--al-ink)}
html:root[data-mwc-style=alpine] body :is(.al-sidebar,.al-nav-dialog) nav a[aria-current]{background:var(--al-blue);color:white}
html:root[data-mwc-style=alpine] body :is(.al-sidebar,.al-nav-dialog,.al-nav-toggle) svg{width:19px;height:19px;flex-shrink:0}
html:root[data-mwc-style=alpine] body .al-theme{display:flex;align-items:center;gap:10px;margin-top:auto;padding:12px;border:0;border-radius:10px;background:transparent;color:var(--al-muted);font:500 12px var(--al-font);cursor:pointer;min-height:44px}
html:root[data-mwc-style=alpine] body .al-nav-dialog{padding:18px;width:min(340px,calc(100% - 32px));max-height:90dvh}
html:root[data-mwc-style=alpine] body .al-nav-dialog:not([open]){display:none}
html:root[data-mwc-style=alpine] body .al-nav-dialog::backdrop{background:#11121866;backdrop-filter:blur(5px)}
html:root[data-mwc-style=alpine] body .al-nav-close{min-height:44px;width:100%;background:var(--al-bg);border:1px solid var(--al-line);color:var(--al-ink);border-radius:10px;margin-bottom:12px}
html:root[data-mwc-style=alpine] body .al-nav-toggle{display:none;position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:16px;z-index:150;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--al-strong);background:var(--al-card);color:var(--al-ink);border-radius:12px;box-shadow:0 3px 15px #0002;font:600 13px var(--al-font)}
html:root[data-mwc-style=alpine] body.al-canvas .al-sidebar{display:none}
html:root[data-mwc-style=alpine] body.al-canvas .al-nav-toggle{display:flex}
html:root[data-mwc-style=alpine] body:is(.al-shell,.al-canvas) .mwc-floating-shelf{display:none!important}
html:root[data-mwc-style=alpine] body.al-shell :is(.home-sidebar,.shell>.sidebar){display:none!important}
html:root[data-mwc-style=alpine] body.live-menu .shell{display:block!important}
html:root[data-mwc-style=alpine] body .mwc-floating-header{grid-template-columns:1fr auto!important}
html:root[data-mwc-style=alpine] body .mwc-header-row{grid-template-columns:minmax(0,1fr) auto!important}
html:root[data-mwc-style=alpine] body .mwc-header-leading{grid-column:1!important}
html:root[data-mwc-style=alpine] body .mwc-header-trailing{grid-column:2!important}
/* Home keeps the actual access-filtered tools and the personal layout editor. */
html:root[data-mwc-style=alpine] body.home-graphite #app{background:var(--al-bg)!important;color:var(--al-ink)!important}
html:root[data-mwc-style=alpine] body.home-graphite .workspace{border:0!important;border-radius:0!important;max-width:none!important;margin:0!important;min-height:100vh}
html:root[data-mwc-style=alpine] body.home-graphite .home-body{display:block!important}
html:root[data-mwc-style=alpine] body.home-graphite .masthead h1{font:600 16px/1.4 var(--al-font)!important;letter-spacing:0!important;text-align:left!important;color:var(--al-ink)!important;margin:0!important}
html:root[data-mwc-style=alpine] body.home-graphite #home-main{padding:32px 36px!important;max-width:1440px;margin:0 auto}
html:root[data-mwc-style=alpine] body .al-home-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 26px}
html:root[data-mwc-style=alpine] body .al-home-intro h1{font:700 32px/1.15 var(--al-font)!important;letter-spacing:-1.2px!important;margin:0 0 8px}
html:root[data-mwc-style=alpine] body .al-home-intro p{color:var(--al-muted);font-size:14px;margin:0}
html:root[data-mwc-style=alpine] body.home-graphite .tools{padding:0!important;margin:0 0 24px!important;gap:8px!important}
html:root[data-mwc-style=alpine] body.home-graphite .search{min-height:42px!important;border:1px solid var(--al-line)!important;background:var(--al-card)!important;border-radius:10px!important;padding:0 12px!important;color:var(--al-muted)!important}
html:root[data-mwc-style=alpine] body.home-graphite .search input{border:0!important;background:transparent!important;font-size:13px!important;min-height:40px!important}
html:root[data-mwc-style=alpine] body.home-graphite :is(#edit-toggle,#icon-colours-toggle){height:40px!important;min-height:40px!important;width:40px!important;padding:9px!important;background:var(--al-card)!important;color:var(--al-muted)!important;border:1px solid var(--al-line)!important;border-radius:10px!important}
html:root[data-mwc-style=alpine] body.home-graphite #groups{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px!important;align-items:start}
html:root[data-mwc-style=alpine] body.home-graphite #app .group{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;overflow:visible!important}
html:root[data-mwc-style=alpine] body.home-graphite #app .group-heading{padding:0 2px 12px!important;border:0!important;background:transparent!important;color:var(--al-ink)!important;min-height:30px!important}
html:root[data-mwc-style=alpine] body.home-graphite #app .group-heading :is(h2,.category-toggle){color:var(--al-ink)!important;font-size:16px!important;font-weight:650!important;background:transparent!important}
html:root[data-mwc-style=alpine] body.home-graphite #app .group-heading .group-count{background:transparent!important;color:var(--al-muted)!important;border:0!important;font-size:11px!important}
html:root[data-mwc-style=alpine] body.home-graphite #app .tiles{display:grid;grid-template-columns:1fr!important;gap:0!important;padding:0!important;background:var(--al-card)!important;border:1px solid var(--al-line)!important;border-radius:18px!important;overflow:hidden}
html:root[data-mwc-style=alpine] body.home-graphite #app .tiles[hidden]{display:none!important}
html:root[data-mwc-style=alpine] body.home-graphite #app .tool-wrap{background:transparent!important;border:0!important;border-radius:0!important;margin:0!important;min-width:0}
html:root[data-mwc-style=alpine] body.home-graphite #app .tool-wrap+.tool-wrap{border-top:1px solid var(--al-line)!important}
html:root[data-mwc-style=alpine] body.home-graphite #app .tile{display:grid!important;grid-template-columns:34px minmax(0,1fr) 16px!important;grid-template-rows:auto auto!important;align-content:center;column-gap:12px!important;row-gap:3px!important;padding:16px 18px!important;min-height:78px!important;height:auto!important;background:var(--al-card)!important;color:var(--al-ink)!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:100%!important;text-align:left!important}
html:root[data-mwc-style=alpine] body.home-graphite #app .tile:hover{background:var(--al-bg)!important;transform:none!important}
html:root[data-mwc-style=alpine] body.home-graphite #app .tile-icon{grid-column:1;grid-row:1/3;width:34px!important;height:34px!important;border-radius:9px!important;margin:0!important;box-shadow:none!important}
html:root[data-mwc-style=alpine] body.home-graphite #app .tile-icon svg{width:19px!important;height:19px!important}
html:root[data-mwc-style=alpine] body.home-graphite #app .tile-name{grid-column:2;grid-row:1;font-size:14px!important;font-weight:600!important;line-height:1.3!important;margin:0!important}
html:root[data-mwc-style=alpine] body.home-graphite #app .tile-desc{grid-column:2;grid-row:2;font-size:11px!important;font-weight:400!important;color:var(--al-muted)!important;line-height:1.4!important;margin:0!important}
html:root[data-mwc-style=alpine] body.home-graphite #app .home-tile-arrow{grid-column:3;grid-row:1/3;position:static!important;color:var(--al-muted)!important;width:14px!important;height:14px!important}
/* Real Builds/Quotes lists: compact quiet summaries and records. */
html:root[data-mwc-style=alpine] body.live-menu #menu-main{max-width:1440px;margin:auto;padding:30px 36px!important;min-width:0}
html:root[data-mwc-style=alpine] body.live-menu .page-head h1{font:700 34px/1.2 var(--al-font)!important}
html:root[data-mwc-style=alpine] body.live-menu .page-head p{color:var(--al-muted)!important;font-size:14px!important}
html:root[data-mwc-style=alpine] body.live-menu .summary{border:1px solid var(--al-line)!important;border-radius:18px!important;background:var(--al-card)!important;gap:0!important;overflow:hidden}
html:root[data-mwc-style=alpine] body.live-menu .summary>button{background:var(--al-card)!important;color:var(--al-ink)!important;border:0!important;border-right:1px solid var(--al-line)!important;border-radius:0!important;padding:20px!important;box-shadow:none!important}
html:root[data-mwc-style=alpine] body.live-menu .summary>button[aria-pressed=true]{background:var(--al-info-bg)!important}
html:root[data-mwc-style=alpine] body.live-menu .summary strong{color:var(--al-ink)!important;font:650 30px var(--al-font)!important}
html:root[data-mwc-style=alpine] body.live-menu :is(.summary small,.summary-icon,.filter-field span){color:var(--al-muted)!important;background:transparent!important}
html:root[data-mwc-style=alpine] body.live-menu :is(.toolbar,.search){background:transparent!important;border-color:var(--al-line)!important}
html:root[data-mwc-style=alpine] body.live-menu .filter-field select{background:var(--al-card)!important;color:var(--al-ink)!important}
html:root[data-mwc-style=alpine] body.live-menu .status-section-head{background:transparent!important;border:0!important;padding:8px 0 12px!important}
html:root[data-mwc-style=alpine] body.live-menu .record{padding:20px!important}
html:root[data-mwc-style=alpine] body.live-menu .record h3{font-size:21px!important;line-height:1.25!important}
html:root[data-mwc-style=alpine] body.live-menu :is(.scope,.vehicle,.date,.ref){font-size:12px!important}
html:root[data-mwc-style=alpine] body.live-menu .record-footer{border-color:var(--al-line)!important;margin-top:16px!important;padding-top:14px!important}
/* Approved build detail: real progress and the two management message sections. */
html:root[data-mwc-style=alpine] body #build-overview-identity{color:var(--al-ink)!important;margin:28px auto 24px!important}
html:root[data-mwc-style=alpine] body #build-overview-identity h1{font:700 clamp(32px,3vw,44px)/1.12 var(--al-font)!important;letter-spacing:-1.5px!important;color:var(--al-ink)!important}
html:root[data-mwc-style=alpine] body #build-overview-identity p{color:var(--al-muted)!important;font-size:13px!important}
html:root[data-mwc-style=alpine] body .tabs.mwc-build-sections{background:var(--al-card)!important;border-color:var(--al-line)!important;border-radius:18px!important;margin-bottom:22px!important}
html:root[data-mwc-style=alpine] body .mwc-build-sections .build-sections-toggle{background:var(--al-card)!important;color:var(--al-ink)!important;min-height:48px!important;font-size:13px!important}
html:root[data-mwc-style=alpine] body .mwc-build-sections :is(.build-sections-state,.build-sections-group>h2){color:var(--al-muted)!important}
html:root[data-mwc-style=alpine] body .build-sections-grid{padding:16px!important;gap:16px!important;background:var(--al-bg)!important;border-color:var(--al-line)!important}
html:root[data-mwc-style=alpine] body .mwc-build-sections .tab{min-height:42px!important;font-size:12px!important;background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important}
html:root[data-mwc-style=alpine] body .mwc-build-sections .build-section-icon{background:transparent!important;color:var(--al-muted)!important;width:22px;height:22px}
html:root[data-mwc-style=alpine] body .mwc-build-sections .tab.active{background:var(--al-blue)!important;color:white!important;border-color:var(--al-blue)!important}
html:root[data-mwc-style=alpine] body .mwc-build-sections .tab.active .build-section-icon{color:white!important;background:transparent!important}
html:root[data-mwc-style=alpine] body .bo-progress-hero{padding:28px!important;border-radius:18px!important}
html:root[data-mwc-style=alpine] body .bo-eyebrow{color:var(--al-muted)!important;font:600 12px var(--al-font)!important;letter-spacing:.02em!important}
html:root[data-mwc-style=alpine] body .bo-number{color:var(--al-ink)!important;font:650 82px/1.1 var(--al-font)!important;letter-spacing:-4px!important}
html:root[data-mwc-style=alpine] body .bo-number>span{font-size:35px!important;margin-left:14px!important}
html:root[data-mwc-style=alpine] body .bo-number>small{color:var(--al-muted)!important;font-size:13px!important}
html:root[data-mwc-style=alpine] body .bo-progress-description h2{font:600 22px/1.35 var(--al-font)!important;color:var(--al-ink)!important}
html:root[data-mwc-style=alpine] body .bo-progress-description p{color:var(--al-muted)!important;font-size:13px!important}
html:root[data-mwc-style=alpine] body .bo-segments{height:19px!important;gap:4px}
html:root[data-mwc-style=alpine] body :is(.bo-segments>.finished,.bo-legend i.finished){background:var(--al-sage)!important}
html:root[data-mwc-style=alpine] body :is(.bo-segments>.ongoing,.bo-legend i.ongoing){background:var(--al-sky)!important}
html:root[data-mwc-style=alpine] body :is(.bo-segments>.issue,.bo-legend i.issue){background:var(--al-sand)!important}
html:root[data-mwc-style=alpine] body :is(.bo-colour-progress,.bo-segments>.notstarted,.bo-legend i.notstarted){background:var(--al-idle)!important}
html:root[data-mwc-style=alpine] body .bo-legend{color:var(--al-muted)!important;font-size:11px!important}
html:root[data-mwc-style=alpine] body .bo-legend strong{color:var(--al-ink)!important}
html:root[data-mwc-style=alpine] body .bo-note-heading{background:var(--al-card)!important;color:var(--al-ink)!important;padding:20px!important}
html:root[data-mwc-style=alpine] body .bo-note-heading h2{font:650 18px/1.3 var(--al-font)!important;color:var(--al-ink)!important}
html:root[data-mwc-style=alpine] body .bo-note-heading p{color:var(--al-muted)!important;font-size:11px!important}
html:root[data-mwc-style=alpine] body .bo-note-heading>button{background:transparent!important;border:0!important;color:var(--al-link)!important}
html:root[data-mwc-style=alpine] body .bo-note-symbol{width:32px!important;height:32px!important;font-size:18px!important;border-radius:9px!important}
html:root[data-mwc-style=alpine] body .bo-note-symbol.reminder{background:var(--al-warn-bg)!important;color:var(--al-warn-ink)!important}
html:root[data-mwc-style=alpine] body .bo-note-symbol.update{background:var(--al-info-bg)!important;color:var(--al-info-ink)!important}
html:root[data-mwc-style=alpine] body .bo-note-entry>p{font:400 14px/1.65 var(--al-font)!important}
html:root[data-mwc-style=alpine] body .bo-editor-card>header{background:var(--al-card)!important;color:var(--al-ink)!important;border-bottom:1px solid var(--al-line)}
html:root[data-mwc-style=alpine] body #build-note-editor h2{color:var(--al-ink)!important}
html:root[data-mwc-style=alpine] body #build-note-text{background:var(--al-card)!important;color:var(--al-ink)!important}
html:root[data-mwc-style=alpine] body #build-notices-sync{color:var(--al-warn-ink)!important}
/* Login, approvals and compact work tools. */
html:root[data-mwc-style=alpine] body.al-auth{background:var(--al-bg)!important;color:var(--al-ink)!important}
html:root[data-mwc-style=alpine] body.al-auth .al-theme{position:fixed;bottom:16px;right:16px}
html:root[data-mwc-style=alpine] body.al-auth .al-theme svg{width:18px;height:18px}
html:root[data-mwc-style=alpine] body.al-auth .brand-name{color:var(--al-ink)!important}
html:root[data-mwc-style=alpine] body :is(.emp-total,.day-total){background:var(--al-warn-bg)!important;color:var(--al-warn-ink)!important;border:0!important;border-radius:8px!important;padding:6px 10px!important}
html:root[data-mwc-style=alpine] body :is(.emp-total,.day-total) *{color:inherit!important;background:transparent!important}
html:root[data-mwc-style=alpine] body :is(.status-head,.stage-section-header){background:var(--al-card)!important;color:var(--al-ink)!important;border:1px solid var(--al-line)!important}
html:root[data-mwc-style=alpine] body :is(.tb-van,.toolbar .tb-van,.wk-label,.wk-label strong){color:var(--al-ink)!important}
html:root[data-mwc-style=alpine] body :is(.toolbar .tb-van small,.tb-stat span){color:var(--al-muted)!important}
html:root[data-mwc-style=alpine] body .tb-stat strong{color:var(--al-link)!important}
html:root[data-mwc-style=alpine] body .doc-file-icon{background:var(--al-warn-bg)!important;color:var(--al-warn-ink)!important}
html:root[data-mwc-style=alpine] body :is(.action-icon,.mwc-icon-badge){background:var(--al-info-bg)!important;color:var(--al-link)!important}
@media(max-width:1050px){
 html:root[data-mwc-style=alpine] body.al-shell{padding-left:0!important;padding-bottom:76px!important}
 html:root[data-mwc-style=alpine] body .al-sidebar{display:none}
 html:root[data-mwc-style=alpine] body.al-shell .al-nav-toggle{display:flex}
}
@media(max-width:700px){
 html:root[data-mwc-style=alpine] body :is(.header,.head,.masthead,.home-hdr,.top-nav){padding:12px 16px!important;min-height:54px!important}
 html:root[data-mwc-style=alpine] body.home-graphite #home-main,html:root[data-mwc-style=alpine] body.live-menu #menu-main{padding:24px 16px!important}
 html:root[data-mwc-style=alpine] body.home-graphite #groups{grid-template-columns:1fr!important;gap:24px!important}
 html:root[data-mwc-style=alpine] body .al-home-intro h1{font-size:28px!important}
 html:root[data-mwc-style=alpine] body .al-home-intro{flex-wrap:wrap}
 html:root[data-mwc-style=alpine] body :is(button,.button,.btn,select){min-height:44px!important}
 html:root[data-mwc-style=alpine] body input:not([type=checkbox]):not([type=radio]),html:root[data-mwc-style=alpine] body select,html:root[data-mwc-style=alpine] body textarea{font-size:16px!important;max-width:100%;min-width:0}
 /* Header dropdowns (Draft, Sent, In Build) follow the 16px field rule too. The 13px header control
    rule in floating-header.css used to beat it, so iOS zoomed the page on a tap (audit I8). */
 html:root[data-mwc-style=alpine] body :is(.mwc-floating-header,.header) select:not([multiple]){font-size:16px!important}
 html:root[data-mwc-style=alpine] body .bo-progress-hero{padding:22px 18px!important}
 html:root[data-mwc-style=alpine] body .bo-number{font-size:68px!important}
 html:root[data-mwc-style=alpine] body .bo-progress-description h2{font-size:19px!important}
 html:root[data-mwc-style=alpine] body .bo-note-grid{grid-template-columns:1fr}
 html:root[data-mwc-style=alpine] body .mwc-build-sections .tab{min-height:44px!important}
 html:root[data-mwc-style=alpine] body .al-nav-toggle{min-height:44px!important}
}
}
@media print{.al-sidebar,.al-nav-toggle,.al-nav-dialog,.al-theme{display:none!important}}
@media screen {
 html:root[data-mwc-style=alpine] body.home-graphite #app .masthead.mwc-home-header{padding:16px 36px!important;min-height:64px!important;height:auto!important;text-align:left!important;display:flex!important;align-items:center;justify-content:flex-start}
 html:root[data-mwc-style=alpine] body.home-graphite #app .masthead.mwc-home-header h1{font:600 16px/1.4 var(--al-font)!important;letter-spacing:0!important;text-align:left!important;color:var(--al-ink)!important;margin:0!important}
 html:root[data-mwc-style=alpine] body.home-graphite #app .group-heading .category-toggle{padding:0!important;min-height:32px!important;height:auto!important;gap:8px!important}
 html:root[data-mwc-style=alpine] body.home-graphite #app .group-heading{height:44px!important}
 html:root[data-mwc-style=alpine] body.home-graphite #app :is(#edit-toggle,#icon-colours){height:40px!important;min-height:40px!important;width:40px!important;padding:9px!important;background:var(--al-card)!important;color:var(--al-muted)!important;border:1px solid var(--al-line)!important;border-radius:10px!important}
 html:root[data-mwc-style=alpine] body.home-graphite #app :is(#edit-toggle,#icon-colours) svg{color:inherit!important}
}
@media screen {
 html:root[data-mwc-style=alpine] body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header) .mwc-header-layout,
 html:root[data-mwc-style=alpine] body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header).mwc-header-layout{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
 html:root[data-mwc-style=alpine] body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header) .mwc-header-trailing{grid-column:2!important;grid-row:1!important;max-width:100%;flex-wrap:wrap}
 html:root[data-mwc-style=alpine] body .header :is(#gantt-btn,#label-btn,#sticker-btn,#diag-btn){background:var(--al-card)!important;color:var(--al-muted)!important;border-color:var(--al-line)!important;font-size:11px!important;min-height:36px!important;padding:7px 10px!important}
 @media(max-width:700px){
 html:root[data-mwc-style=alpine] body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header) .mwc-header-layout,
 html:root[data-mwc-style=alpine] body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header).mwc-header-layout{grid-template-columns:1fr!important}
 html:root[data-mwc-style=alpine] body.mwc-floating-app .mwc-floating-header.mwc-integrated-header:not(.mwc-home-header) .mwc-header-trailing{grid-column:1!important;grid-row:2!important}
 }
}
@media screen {
 html:root[data-mwc-style=alpine]{--ground:var(--al-bg)!important;--panel:var(--al-card)!important;--panel2:var(--al-bg)!important;--line:var(--al-line)!important;--line2:var(--al-strong)!important;--text:var(--al-ink)!important;--muted:var(--al-muted)!important}
 html:root[data-mwc-style=alpine] body.calendar-page .app{background:var(--al-bg)!important}
 html:root[data-mwc-style=alpine] body.map-page .toolbar{background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important}
 html:root[data-mwc-style=alpine] body.map-page .toolbar :is(.week,.range,.occ,.wknum,.wkdate,.wknav,.count){color:var(--al-ink)!important}
 html:root[data-mwc-style=alpine] body :is(.axis,.ax-corner,.ax-month,.ax-week){background:var(--al-card)!important;color:var(--al-muted)!important;border-color:var(--al-line)!important}
 html:root[data-mwc-style=alpine] body.calendar-page :is(.cal-wrap,.viewwrap,.queue,.minimap,.bay-cell,.row-label){background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important}
 html:root[data-mwc-style=alpine] body.calendar-page :is(.bay-label,.bay-name,.bay-count){color:var(--al-ink)!important}
}
@media screen {
 html:root[data-mwc-style=alpine] body.mwc-order-hub .ov-lead :is(h1,h2,.ov-total){color:var(--al-ink)!important}
 html:root[data-mwc-style=alpine] body.mwc-order-hub :is(.ov-lead p,.ov-note){color:var(--al-muted)!important}
 html:root[data-mwc-style=alpine] body.mwc-order-hub :is(.ov-card,.ov-alerts){box-shadow:none!important;border:1px solid var(--al-line)!important;border-radius:18px!important}
 html:root[data-mwc-style=alpine] body.mwc-order-hub .ov-alerts-title{font-family:var(--al-font)!important;text-transform:none!important;letter-spacing:0!important}
 html:root[data-mwc-style=alpine] body.live-menu :is(.filter-field,.status-section,.menu-section-records){background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important}
 html:root[data-mwc-style=alpine] body.live-menu .status-section{background:transparent!important}
 html:root[data-mwc-style=alpine] body :is(.tb-count-num,.tb-count-num.toorder,.tb-count-num.progress,.tb-count-num.delivered,.tb-count-num.toadd){color:var(--al-ink)!important}
 html:root[data-mwc-style=alpine] body :is(.tb-count-label,#mode-note){color:var(--al-muted)!important}
 html:root[data-mwc-style=alpine] body .count-pill{background:var(--al-info-bg)!important;color:var(--al-info-ink)!important}
}
@media screen {
 html:root[data-mwc-style=alpine] body :is(.wg-title,.zone .zt,.grp-title,.card-label){color:var(--al-ink)!important;font-family:var(--al-font)!important;text-transform:none!important;letter-spacing:0!important}
 html:root[data-mwc-style=alpine] body :is(.toolbar label,.who-label,.zone .zsub,.toolbar-intro,.toolbar-intro strong,.page-sub,.body>.intro,.body>.intro b,.picker-sub,.picker-sub strong,.sub2,.hero-sub,.card-desc,.card-arrow,.empty-tab,.lh-eyebrow,.lh-intro p,.tb-label,.rowline .grip,.prompt,.prompt b){color:var(--al-muted)!important}
 html:root[data-mwc-style=alpine] body :is(.sheet-foot,.sheet-footer,.drawing-footer,.drawing-info) span{color:var(--al-muted)!important}
 html:root[data-mwc-style=alpine] body .seg-zoom>button.on{background:var(--al-blue)!important;color:white!important}
 html:root[data-mwc-style=alpine] body.calendar-page .seg-zoom>button.on{background:var(--al-blue)!important;color:white!important}
 html:root[data-mwc-style=alpine] body.calendar-page :is(.header,.toolbar),html:root[data-mwc-style=alpine] body.map-page :is(.header,.toolbar){width:auto!important;max-width:100%!important}
 html:root[data-mwc-style=alpine] body .gantt-scroll{--ground:var(--al-bg)!important;--panel:var(--al-card)!important;--panel-2:var(--al-bg)!important;--panel-3:var(--al-side)!important;--line:var(--al-line)!important;--line-2:var(--al-strong)!important;--ink:var(--al-ink)!important;--ink-2:var(--al-muted)!important;--ink-3:var(--al-muted)!important}
 html:root[data-mwc-style=alpine] body .gantt-scroll :is(.g-phase-name,.g-name){color:var(--al-ink)!important}
 html:root[data-mwc-style=alpine] body .gantt-scroll .g-day.we{color:var(--al-muted)!important;background:var(--al-side)!important}
 html:root[data-mwc-style=alpine] body.calendar-page .grp{border-radius:0!important;box-shadow:none!important;padding:0!important}
 html:root[data-mwc-style=alpine] body.calendar-page :is(.grp-rail,.grp-lanes,.mm-card){background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important}
 html:root[data-mwc-style=alpine] body.calendar-page .grp:nth-child(odd) .grp-lanes{background:var(--al-bg)!important}
}
@media screen {
 html:root[data-mwc-style=alpine] body :is(.toolbar-intro p,.lh-search-row>span,.dwf>span){color:var(--al-muted)!important}
 html:root[data-mwc-style=alpine] body :is(.client-open-link,#forgot-btn){color:var(--al-link)!important}
 html:root[data-mwc-style=alpine] body .danger-zone .danger-title{color:var(--al-danger-ink)!important}
 html:root[data-mwc-style=alpine] body :is(.action-btn,.workflow-banner,.workflow-actions,.ov-alerts){background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important;box-shadow:none!important}
 html:root[data-mwc-style=alpine] body :is(.action-btn,.workflow-banner,.workflow-actions) :is(strong,.action-label,.workflow-banner-icon){color:var(--al-ink)!important}
 html:root[data-mwc-style=alpine] body .sap-btn.sap-send{background:var(--al-blue)!important;color:white!important;border-color:var(--al-blue)!important}
 html:root[data-mwc-style=alpine] body :is(.status-section-head,.emp-head,.jap-section-head) :is(.status-section-count,.pill,.jap-section-count){background:var(--al-side)!important;color:var(--al-muted)!important;border:0!important}
 html:root[data-mwc-style=alpine] body.calendar-page .mm-label{color:var(--al-muted)!important}
}
@media screen {
 html:root[data-mwc-style=alpine] body *{font-family:var(--al-font)!important}
 html:root[data-mwc-style=alpine] body :is(code,pre,.mono){font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}
 html:root[data-mwc-style=alpine] body .al-home-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--al-card);border:1px solid var(--al-line);border-radius:18px;margin:0 0 24px;overflow:hidden}
 html:root[data-mwc-style=alpine] body .al-home-summary>a{padding:20px;text-decoration:none;border-right:1px solid var(--al-line);color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body .al-home-summary>a:last-child{border:0}
 html:root[data-mwc-style=alpine] body .al-home-summary strong{display:flex;justify-content:space-between;gap:8px;font-size:15px;font-weight:600}
 html:root[data-mwc-style=alpine] body .al-home-summary small{display:block;margin-top:6px;font-size:12px;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body .al-home-summary>a:hover{background:var(--al-bg)}
 html:root[data-mwc-style=alpine] body .al-signout{background:transparent;color:var(--al-muted);border:0;text-align:left;padding:10px 12px;font-size:12px;min-height:44px}
 html:root[data-mwc-style=alpine] body .al-page-actions{position:relative;color:var(--al-ink);z-index:40}
 html:root[data-mwc-style=alpine] body .al-page-actions>summary{padding:9px 12px;min-height:38px;cursor:pointer;border:1px solid var(--al-strong);border-radius:10px;font-size:12px;background:var(--al-card);list-style:none}
 html:root[data-mwc-style=alpine] body .al-page-actions>summary::after{content:'⌄';margin-left:10px}
 html:root[data-mwc-style=alpine] body .al-page-actions .al-action-items{position:absolute;right:0;top:calc(100% + 8px);width:230px;padding:8px;background:var(--al-card);border:1px solid var(--al-line);border-radius:12px;box-shadow:0 8px 30px #0002;gap:4px!important}
 html:root[data-mwc-style=alpine] body .al-page-actions:not([open]) .al-action-items{display:none!important}
 html:root[data-mwc-style=alpine] body .al-action-items :is(a,button){width:100%;min-height:40px!important;text-align:left;font-size:12px!important;padding:10px!important;background:var(--al-card)!important;color:var(--al-ink)!important;border:0!important;text-transform:none!important;letter-spacing:0!important}
 html:root[data-mwc-style=alpine] body .al-action-items :is(a,button):hover{background:var(--al-bg)!important}
 html:root[data-mwc-style=alpine] body .save-indicator{color:var(--al-muted)!important;font-size:10px!important}
 @media(max-width:700px){
 html:root[data-mwc-style=alpine] body .al-home-summary{grid-template-columns:1fr}
 html:root[data-mwc-style=alpine] body .al-home-summary>a{padding:14px 18px;border-right:0;border-bottom:1px solid var(--al-line)}
 html:root[data-mwc-style=alpine][data-alpine-page=build] body .header-title{display:none!important}
 html:root[data-mwc-style=alpine] body .al-page-actions>summary{min-height:44px;display:flex;align-items:center}
 html:root[data-mwc-style=alpine] body .header .save-indicator{flex-basis:100%!important;order:10}
 }
}
@media screen {
 html:root[data-mwc-style=alpine]{--paper:var(--al-card)!important;--tint:var(--al-bg)!important;--gold-deep:var(--al-link)!important}
 html:root[data-mwc-style=alpine] body :is(.cl-progress-label,.client-open-link,.labour-total-label,.labour-total-value,.item-us-price,.item-us-src a,.au-label-hint,.dup-item-btn-icon,.edit-cat-btn-icon){color:var(--al-link)!important}
 html:root[data-mwc-style=alpine] body :is(.card-h,.pick,.brow,.note,.dw,.slot,.skc,.item-us,.item-au,.item-card,.picker-box,.new-build-box){background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important;box-shadow:none!important}
 html:root[data-mwc-style=alpine] body :is(.pick .n,.pick .v,.brow .n,.brow .v,.note b,.header-name,.card-h .nm,.card-h .cat,.cat-tile-name){color:var(--al-ink)!important}
 html:root[data-mwc-style=alpine] body :is(.action-desc,.item-meta-bit,.item-meta-bit.qty,.purpose,.dwnote,.scope .det,.scope .cat,.item-us-price-sub,.item-us-src,.item-us-src-label,.picker-hint){color:var(--al-muted)!important}
 html:root[data-mwc-style=alpine] body :is(.rail a,.tools button,.hh-open,.ibtn,.gen,.sec-add-top,.ply-opt,.dup-item-btn,.edit-cat-btn){background:var(--al-card)!important;color:var(--al-ink)!important;border:1px solid var(--al-strong)!important;border-radius:10px!important;box-shadow:none!important}
 html:root[data-mwc-style=alpine] body :is(.ibtn.del,.msg.error){color:var(--al-danger-ink)!important}
 html:root[data-mwc-style=alpine] body .emp-swatch{background:var(--al-info-bg)!important;color:var(--al-info-ink)!important}
 html:root[data-mwc-style=alpine] body :is(.home-head .hh-open,.mat-group-head .mat-group-count){background:var(--al-side)!important;color:var(--al-muted)!important;border:0!important}
 html:root[data-mwc-style=alpine] body :is(.item-cat-pill,.pcode,.ex-tag){background:var(--al-info-bg)!important;color:var(--al-info-ink)!important;border-color:var(--al-line)!important}
 html:root[data-mwc-style=alpine] body .g-bar-in{color:#1D1D1F!important}
 html:root[data-mwc-style=alpine] body .g-bar.lead{background:var(--al-info-bg)!important}
 html:root[data-mwc-style=alpine] body .g-bar.lead .g-bar-in{color:var(--al-info-ink)!important}
 html:root[data-mwc-style=alpine] body .g-bar-txt{color:var(--al-muted)!important}
 html:root[data-mwc-style=alpine] body.map-page .toolbar .wknav :is(#wk,#wkr){color:var(--al-ink)!important}
 /* Document preview sheets stay white in either screen appearance. Their print CSS is untouched. */
 html:root[data-mwc-style=alpine] body :is(.qpage,.qcover){--cream:#F5F5F7!important;--white:#FFFFFF!important;--ink:#1D1D1F!important;--ink-mid:#71717A!important;--green:#375875!important;--gold:#375875!important;background:#FFFFFF!important;color:#1D1D1F!important}
 html:root[data-mwc-style=alpine] body :is(.qcover-eyebrow,.qcover-meta b){color:#375875!important}
 html:root[data-mwc-style=alpine][data-alpine-page=stock-fix] body a,html:root[data-mwc-style=alpine][data-alpine-page=full-time-staff] body .toolbar a{color:var(--al-link)!important}
 html:root[data-mwc-style=alpine][data-alpine-page=admin-import] body :is(.intro strong,.picker-hint strong){color:var(--al-ink)!important}
 html:root[data-mwc-style=alpine][data-alpine-page=mat-dupes] body b{color:var(--al-ink)!important}
}
@media screen {
 html:root[data-mwc-style=alpine][data-alpine-page^="build-"] body :is(.header button,.tools button,.wrap>button){background:var(--al-card)!important;color:var(--al-ink)!important;border:1px solid var(--al-strong)!important;border-radius:10px!important;min-height:38px;padding:8px 12px}
 html:root[data-mwc-style=alpine][data-alpine-page^="build-"] body .rail a{background:var(--al-card)!important;color:var(--al-ink)!important}
 html:root[data-mwc-style=alpine][data-alpine-page^="build-"] body .rail a.done{background:var(--al-good-bg)!important;color:var(--al-good-ink)!important}
 html:root[data-mwc-style=alpine][data-alpine-page^="build-"] body .rail a.open{background:var(--al-warn-bg)!important;color:var(--al-warn-ink)!important}
 html:root[data-mwc-style=alpine][data-alpine-page=sourcing] body .cat-progress strong{color:var(--al-ink)!important}
 html:root[data-mwc-style=alpine][data-alpine-page=cutting-list] body .photo-box{background:var(--al-bg)!important;color:var(--al-muted)!important}
}
@media screen {
 html:root[data-mwc-style=alpine] body :is(.ord-empty,.ord-add-plus,#mat-combined-val){color:var(--al-ink)!important}
 html:root[data-mwc-style=alpine] body .ord-add{background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important}
 html:root[data-mwc-style=alpine] body :is(.mat-combined,.mat-cost-tile){background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important}
}
@media screen and (max-width:700px){
 html:root[data-mwc-style=alpine] body .al-home-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
 html:root[data-mwc-style=alpine] body .al-home-summary>a{padding:12px 10px;border-bottom:0;border-right:1px solid var(--al-line)}
 html:root[data-mwc-style=alpine] body .al-home-summary strong{font-size:12px;gap:3px}
 html:root[data-mwc-style=alpine] body .al-home-summary small{font-size:10px;line-height:1.45}
}
@media screen {
 html:root[data-mwc-style=alpine] body .al-nav-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:var(--shortcut-bg,var(--al-icon-bg));color:var(--shortcut-ink,var(--al-icon-ink))}
 html:root[data-mwc-style=alpine] body :is(.al-sidebar,.al-nav-dialog) nav a{gap:10px}
}
@media screen {
 html:root[data-mwc-style=alpine] body .empty-card a{color:var(--al-link)!important}
 html:root[data-mwc-style=alpine] body :is(.stage-section-header .stage-section-stats,.stage-section-header .stage-section-stats strong){background:var(--al-side)!important;color:var(--al-muted)!important}
 html:root[data-mwc-style=alpine] body :is(.fab-extra,.add-section){background:var(--al-blue)!important;color:white!important;border-color:var(--al-blue)!important}
 html:root[data-mwc-style=alpine] body .fab-extra-icon{color:white!important}
 html:root[data-mwc-style=alpine] body .photo-add{background:var(--al-bg)!important;color:var(--al-muted)!important;border-color:var(--al-strong)!important}
 html:root[data-mwc-style=alpine] body .photo-add span{color:var(--al-muted)!important}
 html:root[data-mwc-style=alpine] body.calendar-page .today-flag{background:var(--al-blue)!important;color:white!important}
 html:root[data-mwc-style=alpine] body .g-tag{background:var(--al-info-bg)!important;color:var(--al-info-ink)!important}
 html:root[data-mwc-style=alpine][data-alpine-page^="build-"] body .card-title .num{background:var(--al-info-bg)!important;color:var(--al-info-ink)!important}
 html:root[data-mwc-style=alpine][data-alpine-page^="build-"] body .note a{color:var(--al-link)!important}
 html:root[data-mwc-style=alpine][data-alpine-page^="build-"] body :is(.gate,.gate .gb){background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important}
 html:root[data-mwc-style=alpine][data-alpine-page^="build-"] body .gate .gh{background:var(--al-info-bg)!important;color:var(--al-info-ink)!important}
 html:root[data-mwc-style=alpine][data-alpine-page^="build-"] body .gate.done .gh{background:var(--al-good-bg)!important;color:var(--al-good-ink)!important}
 html:root[data-mwc-style=alpine][data-alpine-page^="build-"] body .gate .tx{color:var(--al-ink)!important}
 html:root[data-mwc-style=alpine][data-alpine-page^="build-"] body :is(.rowline .x,button.mv){background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-strong)!important}
 html:root[data-mwc-style=alpine][data-alpine-page=quote] body .card strong[style]{color:var(--al-link)!important}
 html:root[data-mwc-style=alpine][data-alpine-page=order-list] body :is(.ord-cover-stat-num,.ord-empty-note,.qfoot span){color:#1D1D1F!important}
 html:root[data-mwc-style=alpine][data-alpine-page=order-list] body .ord-cover-stat{background:#F5F5F7!important;border-color:#89AAC5!important}
 html:root[data-mwc-style=alpine][data-alpine-page=order-list] body .ord-cover-stat-label{color:#595961!important}
 html:root[data-mwc-style=alpine][data-alpine-page=build-spec] body .dwh .ti{color:var(--al-ink)!important}
 html:root[data-mwc-style=alpine][data-alpine-page=gantt] body .live-none{color:var(--al-muted)!important}
 html:root[data-mwc-style=alpine][data-alpine-page=admin-import] body .picker-hint{background:var(--al-card)!important;color:var(--al-muted)!important}
 html:root[data-mwc-style=alpine][data-alpine-page=admin-import] body .picker-hint strong{color:var(--al-ink)!important}
}
@media screen {
 /* The wordmark is the only display-font exception; working labels use system type. */
 html:root[data-mwc-style=alpine] body.home-graphite #app .masthead.al-home-masthead{background:var(--al-bg)!important;border:0!important;box-shadow:none!important;justify-content:center!important;padding:42px 24px 26px!important;min-height:144px!important}
 html:root[data-mwc-style=alpine] body.home-graphite #app .masthead.al-home-masthead .al-home-wordmark{font-family:Surgena,sans-serif!important;font-weight:700!important;font-size:clamp(34px,4.7vw,76px)!important;line-height:1.15!important;letter-spacing:-.035em!important;text-align:center!important;color:var(--al-ink)!important}
 html:root[data-mwc-style=alpine] body .al-clock{display:flex;flex-direction:column;padding:8px 12px 18px;gap:3px;color:var(--al-ink);font-variant-numeric:tabular-nums}
 html:root[data-mwc-style=alpine] body .al-clock-time{font-size:29px;font-weight:650;line-height:1.2;letter-spacing:-1px;white-space:nowrap}
 html:root[data-mwc-style=alpine] body .al-clock-day{font-size:15px;font-weight:550;margin-top:7px}
 html:root[data-mwc-style=alpine] body .al-clock-date{font-size:12px;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body [data-icon-tone=blue]{--al-icon-bg:#89AAC5;--al-icon-ink:#29445B}
 html:root[data-mwc-style=alpine] body [data-icon-tone=sage]{--al-icon-bg:#A8CBA8;--al-icon-ink:#35583B}
 html:root[data-mwc-style=alpine] body [data-icon-tone=sand]{--al-icon-bg:#EFD39D;--al-icon-ink:#755628}
 html:root[data-mwc-style=alpine] body.home-graphite #app .tile-icon{background:var(--mwc-icon-bg,#89AAC5)!important;color:var(--mwc-icon-fg,#29445B)!important;border:0!important}
 html:root[data-mwc-style=alpine] body.home-graphite #app .tile-icon svg{stroke:currentColor!important;color:inherit!important}
}
@media screen and (max-width:700px){
 html:root[data-mwc-style=alpine] body.home-graphite #app .masthead.al-home-masthead{padding:32px 16px 24px!important;min-height:112px!important}
 html:root[data-mwc-style=alpine] body.home-graphite #app .masthead.al-home-masthead .al-home-wordmark{font-size:clamp(28px,8.2vw,46px)!important}
}
@media screen {
 /* Approved 27 September: one solid blue group bar; record surfaces never recolour on hover. */
 html:root[data-mwc-style=alpine] body.live-menu .menu-section>.status-section-head{padding:0!important;margin:0!important;background:var(--al-blue)!important;overflow:hidden}
 html:root[data-mwc-style=alpine] body.live-menu .status-section-head .menu-section-toggle,
 html:root[data-mwc-style=alpine] body.live-menu .status-section-head .menu-section-toggle:hover{background:var(--al-blue)!important;color:#FFF!important;min-height:60px;padding:17px 20px}
 html:root[data-mwc-style=alpine] body.live-menu .status-section-head .menu-section-toggle :is(.status-section-title,svg){color:#FFF!important}
 html:root[data-mwc-style=alpine] body.live-menu .status-section-head .menu-section-toggle .status-section-count{background:transparent!important;color:#FFF!important}
 html:root[data-mwc-style=alpine] body.live-menu .record:is(:hover,:focus-within,:active){background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-line)!important;box-shadow:0 1px 2px #00000003!important;transform:none!important}
 /* Wrapper owns the sole border/background; its input stays transparent at every breakpoint. */
 html:root[data-mwc-style=alpine] body:is(.live-menu,.home-graphite,body) :is(label.search,label.cf-home-search){background:var(--al-card)!important;border:1px solid var(--al-strong)!important;border-radius:12px!important;box-shadow:none!important}
 html:root[data-mwc-style=alpine] body:is(.live-menu,.home-graphite,body) :is(label.search,label.cf-home-search)>input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;color:var(--al-ink)!important;min-width:0}
 html:root[data-mwc-style=alpine] body:is(.live-menu,.home-graphite,body) :is(label.search,label.cf-home-search):focus-within{outline:2px solid var(--al-focus)!important;outline-offset:2px}
 html:root[data-mwc-style=alpine] body:is(.live-menu,.home-graphite,body) :is(label.search,label.cf-home-search)>input:focus-visible{outline:none!important}
}
@media screen {
 /* Build quick filters retain their approved colour when selected. */
 html:root[data-mwc-style=alpine][data-alpine-page=builds] body.live-menu #menu-summary>button[data-filter="In Build"]{--build-filter-colour:#A8CBA8}
 html:root[data-mwc-style=alpine][data-alpine-page=builds] body.live-menu #menu-summary>button[data-filter=Booked]{--build-filter-colour:#EFD39D}
 html:root[data-mwc-style=alpine][data-alpine-page=builds] body.live-menu #menu-summary>button[data-filter=Handover]{--build-filter-colour:#89AAC5}
 html:root[data-mwc-style=alpine][data-alpine-page=builds] body.live-menu #menu-summary>button{background:var(--build-filter-colour)!important;color:#1D1D1F!important;border-color:#FFFFFF60!important}
 html:root[data-mwc-style=alpine][data-alpine-page=builds] body.live-menu #menu-summary>button :is(strong,small,.summary-icon){color:#1D1D1F!important}
 html:root[data-mwc-style=alpine][data-alpine-page=builds] body.live-menu #menu-summary>button[aria-pressed=true]{box-shadow:inset 0 -4px 0 #375875!important}
}

@media screen {
 /* Build status filters: large labels, subtle separate outlines, no explanatory captions. */
 html:root[data-mwc-style=alpine][data-alpine-page=builds] body.live-menu #menu-summary{gap:12px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible}
 html:root[data-mwc-style=alpine][data-alpine-page=builds] body.live-menu #menu-summary>button{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:108px;padding:22px!important;border:1px solid var(--al-line)!important;border-radius:18px!important;color:#1D1D1F!important}
 html:root[data-mwc-style=alpine][data-alpine-page=builds] body.live-menu #menu-summary>button .summary-icon{width:auto;height:auto;color:#1D1D1F!important;font:750 clamp(20px,2.1vw,30px)/1.15 var(--al-font)!important;letter-spacing:.01em}
 html:root[data-mwc-style=alpine][data-alpine-page=builds] body.live-menu #menu-summary>button :is(strong,.summary-count){color:#1D1D1F!important;font:750 40px/1 var(--al-font)!important}
}
@media screen and (max-width:700px){
 html:root[data-mwc-style=alpine][data-alpine-page=builds] body.live-menu #menu-summary{gap:8px!important}
 html:root[data-mwc-style=alpine][data-alpine-page=builds] body.live-menu #menu-summary>button{flex-direction:column;justify-content:center;gap:12px;padding:16px 5px!important;min-height:100px;border-radius:14px!important}
 html:root[data-mwc-style=alpine][data-alpine-page=builds] body.live-menu #menu-summary>button .summary-icon{font-size:clamp(13px,3.5vw,22px)!important;white-space:nowrap}
 html:root[data-mwc-style=alpine][data-alpine-page=builds] body.live-menu #menu-summary>button strong{font-size:32px!important}
}

@media screen {
 html:root[data-mwc-style=alpine][data-alpine-page=build] body #h-client{display:none!important}
 html:root[data-mwc-style=alpine] body .mwc-build-sections .build-sections-toggle{cursor:default}
 html:root[data-mwc-style=alpine] body .mwc-build-sections .build-sections-group{--section-icon-bg:#89AAC5;--section-icon-ink:#29445B}
 html:root[data-mwc-style=alpine] body .mwc-build-sections [data-tone=amber]{--section-icon-bg:#EFD39D;--section-icon-ink:#755628}
 html:root[data-mwc-style=alpine] body .mwc-build-sections [data-tone=sage]{--section-icon-bg:#A8CBA8;--section-icon-ink:#35583B}
 html:root[data-mwc-style=alpine] body .mwc-build-sections .build-sections-group .tab .build-section-icon{background:var(--section-icon-bg)!important;color:var(--section-icon-ink)!important;width:30px;height:30px;border-radius:8px}
}
@media screen {
 html:root[data-mwc-style=alpine] body #pane-ordering>.card{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}
 html:root[data-mwc-style=alpine] body #pane-ordering>.card>.card-title{padding:0 0 16px!important;border:0!important;font-size:26px!important;background:transparent!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-pane-body{padding:0!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-action-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;border:0;background:transparent}
 html:root[data-mwc-style=alpine] body #pane-ordering :is(.ord-action-bar button,.ord-sup-email-btn,.ord-bulk-btn){font:550 13px/1.4 var(--al-font)!important;letter-spacing:0!important;text-transform:none!important;padding:9px 12px!important;min-height:40px;border:1px solid var(--al-strong)!important;border-radius:10px!important;background:var(--al-card)!important;color:var(--al-ink)!important;box-shadow:none!important}
 html:root[data-mwc-style=alpine] body #pane-ordering :is(#ord-add-btn,.ord-sup-email-btn[data-state=ready],#ord-bulk-received){background:var(--al-blue)!important;color:white!important;border-color:var(--al-blue)!important}
 html:root[data-mwc-style=alpine] body #pane-ordering #ord-bulk-delete{color:var(--al-danger)!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-toolbar{padding:0;margin:0 0 12px;background:transparent;border:0}
 html:root[data-mwc-style=alpine] body #pane-ordering #ord-search{width:100%;max-width:none;min-height:44px;font-size:16px!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-filterbar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;border:0;background:transparent}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-fchip{background:transparent!important;border-color:transparent!important;padding:7px 9px!important;font-size:12px!important;min-height:36px!important;opacity:1}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-fchip.on{background:var(--al-info-bg)!important;color:var(--al-info-ink)!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}
 html:root[data-mwc-style=alpine] body #pane-ordering #ord-suppliers{display:grid;gap:8px;min-width:0}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-supplier-pick{padding:16px;text-align:left;background:var(--al-card);color:var(--al-ink);border:1px solid var(--al-line);border-radius:12px;font:inherit;min-width:0;overflow-wrap:anywhere}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-supplier-pick[aria-pressed=true]{background:var(--al-info-bg);border-color:var(--al-blue);box-shadow:inset 3px 0 var(--al-blue)}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-supplier-pick strong{font:650 14px/1.4 var(--al-font)}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-supplier-pick small{display:block;font:400 12px/1.4 var(--al-font);color:var(--al-muted);margin-top:6px}
 html:root[data-mwc-style=alpine] body #pane-ordering #ordering-list{min-width:0;display:grid;gap:14px}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-supplier-pick.ord-supplier-all strong{color:var(--al-blue)}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-supplier-group{border:1px solid var(--al-line);border-radius:16px;margin:0;background:var(--al-card);overflow:hidden;opacity:1}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-supplier-head{background:var(--al-card)!important;color:var(--al-ink)!important;border-left:0!important;border-radius:0!important;flex-wrap:wrap;padding:16px 18px!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-supplier-name{font:650 18px/1.4 var(--al-font)!important;color:var(--al-ink)!important;letter-spacing:0;text-transform:none}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-supplier-count{font:400 12px var(--al-font);color:var(--al-muted)!important;letter-spacing:0;text-transform:none}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-supplier-body{padding:0;background:var(--al-card)}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item{display:grid;grid-template-columns:20px minmax(0,1fr) 48px 145px;gap:14px;align-items:center;margin:0;padding:17px 18px;border:0!important;border-bottom:1px solid var(--al-line)!important;border-radius:0!important;box-shadow:none!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item:last-child{border-bottom:0!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item.ord-selected{background:var(--al-info-bg)!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-row-check{width:18px;height:18px;accent-color:var(--al-blue);margin:0;cursor:pointer}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-name{font:600 14px/1.45 var(--al-font)!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-sub{font:400 12px/1.5 var(--al-font)!important;color:var(--al-muted);letter-spacing:0;text-transform:none}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-qty{min-width:0;padding:0;background:transparent;border:0}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-qty-num{font:650 16px/1.4 var(--al-font)!important;color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-qty-label{font:400 11px var(--al-font);color:var(--al-muted);letter-spacing:0}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status{display:block;min-width:0}
 html:root[data-mwc-style=alpine] body #pane-ordering select.ord-status-select{width:100%;font:550 13px var(--al-font)!important;min-height:40px;padding:8px!important;border-radius:9px!important;background:var(--al-warn-bg)!important;color:var(--al-warn-ink)!important;border:1px solid transparent!important}
 html:root[data-mwc-style=alpine] body #pane-ordering select.ord-status-select[data-status=ordered]{background:var(--al-info-bg)!important;color:var(--al-info-ink)!important}
 html:root[data-mwc-style=alpine] body #pane-ordering select.ord-status-select[data-status=delivered]{background:var(--al-good-bg)!important;color:var(--al-good-ink)!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-bulk-bar{position:static;background:var(--al-info-bg);border:1px solid var(--al-line);border-radius:12px;margin:0 0 14px;box-shadow:none;flex-wrap:wrap}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-done-divider{display:none}
}
@media screen and (max-width:800px){
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-workspace{grid-template-columns:1fr}
 html:root[data-mwc-style=alpine] body #pane-ordering #ord-suppliers{grid-template-columns:repeat(2,minmax(0,1fr))}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-supplier-pick{padding:12px}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item{grid-template-columns:22px minmax(0,1fr) 42px;gap:10px;padding:14px 12px}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status{grid-column:2/4}
 html:root[data-mwc-style=alpine] body #pane-ordering select.ord-status-select{min-height:44px;font-size:16px!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-row-check{width:22px;height:22px}
}
@media screen {
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-bulk-info{color:var(--al-ink)!important;font:550 13px var(--al-font)!important;letter-spacing:0;text-transform:none}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-fchip .n{color:inherit!important;background:transparent!important;padding:0;font:inherit!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-mobile-supplier{display:none}
}
@media screen and (max-width:800px){
 html:root[data-mwc-style=alpine] body #pane-ordering #ord-suppliers{display:none}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-mobile-supplier{display:grid;gap:7px;font:550 13px var(--al-font);color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body #pane-ordering #ord-supplier-select{width:100%;font-size:16px!important;min-height:44px}
}
@media screen {
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item{padding:17px 18px!important;gap:14px!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-row-check{grid-column:1;grid-row:1}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-meta{grid-column:2;grid-row:1}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-qty{grid-column:3;grid-row:1}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status{grid-column:4;grid-row:1}
}
@media screen and (max-width:800px){
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item{padding:14px 12px!important;gap:10px!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status{grid-column:2/4;grid-row:2}
}
@media screen {
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status-filters{position:relative;align-self:center}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status-filters summary{cursor:pointer;font:550 13px var(--al-font);padding:10px;color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status-filters>div{position:absolute;top:100%;left:0;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:5px;width:270px;padding:12px;background:var(--al-card);border:1px solid var(--al-line);border-radius:12px;box-shadow:0 8px 24px #00000014}
}
@media screen and (max-width:800px){
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status-filters>div{left:auto;right:0;width:250px}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-filterbar{align-items:center}
}
@media screen {
 /* Approved clean-column ordering rows. The complete status control carries its colour. */
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-column-labels{display:grid;grid-template-columns:20px minmax(0,1fr) 60px 170px;gap:14px;padding:10px 18px;background:var(--al-bg);color:var(--al-muted);border-bottom:1px solid var(--al-line);font:400 12px var(--al-font)}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-column-labels>span:nth-child(3){text-align:center}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item{grid-template-columns:20px minmax(0,1fr) 60px 170px;min-height:84px}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-qty-label{display:none}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-qty-num{font-size:18px!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status{position:relative;margin:0;min-height:44px}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status select.ord-status-select{height:44px;min-height:44px;background:var(--ord-status-fill,#EFD39D)!important;color:#1D1D1F!important;border:1px solid #1D1D1F18!important;border-radius:9px!important;padding:8px 12px!important;font:500 14px var(--al-font)!important}
}
@media screen and (max-width:800px){
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-column-labels{display:none}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item{grid-template-columns:22px 40px minmax(0,1fr);gap:10px!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-meta{grid-column:2/4;grid-row:1}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-qty{grid-column:2;grid-row:2;flex-direction:row;gap:3px}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-qty::before{content:'×';font-size:12px;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status{grid-column:3;grid-row:2}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status select.ord-status-select{font-size:16px!important}
}

@media screen {
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status[data-status=tbc]{--ord-status-fill:#EFD39D}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status[data-status=phoned]{--ord-status-fill:#C7D8E8}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status[data-status=emailed]{--ord-status-fill:#C4DDD8}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status[data-status=quoted]{--ord-status-fill:#DDD2E8}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status[data-status=backorder]{--ord-status-fill:#EDC2B6}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status[data-status=client]{--ord-status-fill:#D8DCE3}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status[data-status=ordered]{--ord-status-fill:#89AAC5}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-status[data-status=delivered]{--ord-status-fill:#A8CBA8}
}
@media screen {
 /* Supplier identity stays distinct from the item/quantity column headings. */
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-supplier-head{background:var(--al-info-bg)!important;color:var(--al-ink)!important;border-bottom-color:var(--al-line)!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-supplier-head :is(.ord-supplier-name,.ord-supplier-count){color:var(--al-ink)!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-sup-done-tag{background:#375875!important;color:#FFFFFF!important;font:600 12px/1.4 var(--al-font)!important;letter-spacing:0!important;text-transform:none!important;padding:6px 10px;border-radius:8px}
}
@media screen {
 html:root[data-mwc-style=alpine] body #pane-tracking>.card{border:0!important;box-shadow:none!important;background:transparent!important;overflow:visible}
 html:root[data-mwc-style=alpine] body #pane-tracking .trk-pane-body{padding:0!important}
 html:root[data-mwc-style=alpine] body #pane-tracking .trk-intro{display:none}
 html:root[data-mwc-style=alpine] body #pane-tracking>.card>.card-title{background:transparent!important;padding:0 0 18px!important;border:0!important;font-size:26px!important}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-phase-buttons{display:grid;gap:7px}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-phase-buttons button{display:flex;gap:10px;align-items:center;text-align:left;padding:12px;background:var(--al-card);color:var(--al-ink);border:1px solid var(--al-line);border-radius:11px;min-height:60px}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-phase-buttons button[aria-pressed=true]{background:var(--al-info-bg);border-color:var(--al-blue);box-shadow:inset 3px 0 var(--al-blue)}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-phase-buttons strong{display:block;font:600 13px/1.4 var(--al-font)}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-phase-buttons small{display:block;font:400 12px/1.4 var(--al-font);color:var(--al-muted);margin-top:3px}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;background:var(--al-info-bg);color:var(--al-info-ink);border-radius:9px}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-icon svg{width:18px;height:18px}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-work{min-width:0}
 html:root[data-mwc-style=alpine] body #pane-tracking .trk-part{display:flex;align-items:flex-start;flex-wrap:wrap;gap:14px!important;padding:22px!important;margin:0!important}
 html:root[data-mwc-style=alpine] body #pane-tracking .trk-part[hidden]{display:none!important}
 html:root[data-mwc-style=alpine] body #pane-tracking .trk-part-num{width:auto;padding:0!important;background:transparent!important;border:0!important}
 html:root[data-mwc-style=alpine] body #pane-tracking .trk-part-name{font:650 24px/1.3 var(--al-font)!important;flex:1;min-width:0;letter-spacing:-.4px!important;text-transform:none!important}
 html:root[data-mwc-style=alpine] body #pane-tracking .trk-status-row{width:100%;display:flex;flex-wrap:wrap;gap:8px!important;justify-content:flex-start;margin-top:8px}
 html:root[data-mwc-style=alpine] body #pane-tracking .trk-pill.active[data-status=ongoing]{background:#89AAC5!important;color:#1D1D1F!important}
 html:root[data-mwc-style=alpine] body #pane-tracking .trk-pill.active[data-status=issue]{background:#EFD39D!important;color:#1D1D1F!important}
 html:root[data-mwc-style=alpine] body #pane-tracking .trk-pill.active:is([data-status=finished],[data-status=tested]){background:#A8CBA8!important;color:#1D1D1F!important}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-notes{background:var(--al-card);border:1px solid var(--al-line);border-radius:18px;padding:22px;margin-top:16px}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-notes h2{font:650 18px/1.4 var(--al-font);margin:0 0 14px}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-note{border-bottom:1px solid var(--al-line);padding:14px 0}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-note p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body #pane-tracking :is(.tf-note small,.tf-note-empty,#tf-note-feedback){font:400 12px/1.5 var(--al-font);color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-note small{display:block;margin-top:7px}
 html:root[data-mwc-style=alpine] body #pane-tracking #tf-note-form{display:grid;gap:10px;margin-top:22px}
 html:root[data-mwc-style=alpine] body #pane-tracking #tf-note-text{width:100%;min-height:110px;font-size:16px!important;resize:vertical}
 html:root[data-mwc-style=alpine] body #pane-tracking #tf-note-save{justify-self:end;background:var(--al-blue);color:white;border:0;border-radius:10px;padding:11px 16px;min-height:44px}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-mobile-label{display:none}
}
@media screen and (max-width:800px){
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-workspace{grid-template-columns:1fr}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-phase-buttons{display:none}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-mobile-label{display:grid;gap:8px;color:var(--al-muted);font-size:13px}
 html:root[data-mwc-style=alpine] body #pane-tracking #tf-phase-select{width:100%;font-size:16px!important;min-height:44px}
 html:root[data-mwc-style=alpine] body #pane-tracking :is(.tf-notes,.trk-part){padding:16px!important}
}
@media screen {
 html:root[data-mwc-style=alpine] body #pane-tracking .trk-progress{display:block;border:1px solid var(--al-line)!important;padding:18px 20px;margin-bottom:20px}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-progress-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font:400 14px var(--al-font)}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-progress-heading strong{font:700 32px var(--al-font)}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-progress-heading small{font-size:18px;margin-left:6px}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-progress-track{display:flex;gap:3px;height:10px;border-radius:6px;overflow:hidden;margin:14px 0}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-progress-track span{min-width:0}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-progress-finished{background:#A8CBA8}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-progress-ongoing{background:#89AAC5}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-progress-issue{background:#EFD39D}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-progress-notstarted{background:var(--al-line)}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-progress-key{display:flex;gap:16px;flex-wrap:wrap;font:400 12px var(--al-font);color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body #pane-tracking .mwc-work-actions{width:100%;justify-content:flex-start;margin-top:8px}
 html:root[data-mwc-style=alpine] body #pane-tracking .mwc-work-status.tone-blue{background:#89AAC5!important;color:#1D1D1F!important}
 html:root[data-mwc-style=alpine] body #pane-tracking .mwc-work-status.tone-green{background:#A8CBA8!important;color:#1D1D1F!important}
 html:root[data-mwc-style=alpine] body #pane-tracking .mwc-work-status.tone-orange{background:#EFD39D!important;color:#1D1D1F!important}
 html:root[data-mwc-style=alpine] body #pane-tracking .mwc-work-next{background:var(--al-blue)!important;color:white!important}
 html:root[data-mwc-style=alpine] body #pane-tracking #tf-note-feedback:empty{display:none}
}

@media screen {
 html:root[data-mwc-style=alpine] body #pane-tracking .mwc-work-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:10px!important}
 html:root[data-mwc-style=alpine] body #pane-tracking .mwc-work-actions>button{width:auto!important;min-width:140px;flex:0 1 auto!important}
 html:root[data-mwc-style=alpine] body #pane-tracking #tf-note-text{padding:12px!important;line-height:1.5}
 html:root[data-mwc-style=alpine] body #pane-tracking .tf-phase-buttons{max-height:600px;overflow-y:auto;padding:2px 5px 2px 2px;scrollbar-width:thin}
}

@media screen {
 html:root[data-mwc-style=alpine] body #pane-tracking select.tf-status-select{display:block;appearance:auto!important;-webkit-appearance:menulist!important;width:auto!important;max-width:100%;min-width:180px;min-height:48px;padding:10px 14px!important;font:500 16px var(--al-font)!important;border:1px solid var(--al-line)!important;border-radius:10px!important;background-image:none!important;cursor:pointer}
 html:root[data-mwc-style=alpine] body #pane-tracking select.tf-status-select option{background:var(--al-card);color:var(--al-ink)}
}

/* Mobile navigation stays with page actions; list screens have no duplicate masthead. */
@media screen and (max-width:1050px){
 html:root[data-mwc-style=alpine] body.al-shell{padding-bottom:0!important}
 html:root[data-mwc-style=alpine] body .al-nav-toggle{position:static!important;inset:auto!important;z-index:auto;box-shadow:none!important;flex:0 0 auto;min-height:44px!important;padding:9px 12px;align-self:center}
 html:root[data-mwc-style=alpine] body.live-menu>.masthead.mwc-floating-header.mwc-integrated-header{display:none!important}
 html:root[data-mwc-style=alpine] body.live-menu #menu-new{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
 html:root[data-mwc-style=alpine] body.live-menu #menu-new #mwc-undo-slot:not(:has(button:not(:disabled))){display:none!important}
 html:root[data-mwc-style=alpine] body.live-menu #menu-new #mwc-undo-slot button:disabled{display:none!important}
 html:root[data-mwc-style=alpine] body .al-mobile-controls{padding:8px 16px;display:flex;justify-content:flex-end;background:var(--al-bg)}
 html:root[data-mwc-style=alpine] body .al-mobile-controls:empty{display:none}
}

@media screen {
 html:root[data-mwc-style=alpine] body.home-graphite #app .masthead.al-home-masthead{flex-direction:column!important;gap:9px!important}
 html:root[data-mwc-style=alpine] body.home-graphite #app .al-home-subtitle{margin:0!important;color:#897044!important;font:italic 400 18px/1.5 'DM Serif Display',Georgia,serif!important;letter-spacing:.025em!important;text-transform:none!important;text-align:center}
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body.home-graphite #app .al-home-subtitle{color:#EFD7A7!important}
 @media(max-width:700px){html:root[data-mwc-style=alpine] body.home-graphite #app .al-home-subtitle{font-size:14px!important}}
}

/* An open popup holds the page behind it still on a touch screen, so a swipe on the backdrop, or past the
   end of the popup's own list, no longer scrolls the page underneath (audit I23). One shared list of open
   popups; test/touch-popups.js fails when a page gains a full screen overlay that is missing from it. */
@media screen and (hover:none) and (pointer:coarse){
 :is(html:root[data-mwc-style=alpine],html:root[data-mwc-style=alpine]>body):has(:is(
  .modal-back.open,.modal-overlay.open,.overlay.open,.ov.open,.hc-overlay.open,
  .mat-edit-overlay.open,.payem-overlay.open,.gen-overlay.show,.bc-overlay.open,#photo-viewer.open,
  .mi-overlay:not([hidden]),.inv-modal-back:not([hidden]),.inv-preview-back:not([hidden]),.rem-back:not([hidden]),
  .lh-modal-overlay:not([hidden]),.jap-modal-overlay:not([hidden]),#add-item-modal:not([hidden]),#del-take-modal:not([hidden]),#build-note-editor:not([hidden]),
  .photo-lightbox,.lightbox,#diag-overlay[style*="display: flex"],#mwc-closeguard-popup,
  .mwc-pk-overlay.show,.mwc-sc-overlay.show,.mwc-lp-overlay.show,.mwc-vl-overlay.show,.mwc-ask-overlay,dialog:modal
 )){overflow:hidden!important}
}

/* Dark appearance (audit I25). Header buttons, links and dropdowns take the dark card colours instead of
   staying white (primary actions stay blue, and the Map keeps its own toolbar), blue text that was 2:1 on
   the dark cards (+ Add Payment, Send to Builds first) uses the light link blue, and the chosen GST mode
   gets white text on its blue pill. Light appearance is unchanged. */
@media screen {
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body:not(.map-page) .mwc-floating-header :is(button,a:not(.header-brand-link),select):not([hidden]){background:var(--al-card)!important;color:var(--al-ink)!important;border-color:var(--al-strong)!important}
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body .pay-add-btn{color:var(--al-link);border-color:var(--al-link)}
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body .pay-add-btn:hover{background:var(--al-blue);border-color:var(--al-blue);color:#FFF}
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body .pay-gst-toggle button.active{color:#FFF}
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body .action-status{color:var(--al-link)}
}

/* ── Visual fixes, 30 September 2026 (the only intended changes of audit M2) ── */
@media screen {
 /* Build page, Materials tab: the total bars are the primary blue, so their words and amounts are white in
    both appearances (the amount used to be the bar's own blue, and the words near black in dark). */
 html:root[data-mwc-style=alpine] body .material-total,html:root[data-mwc-style=alpine] body .material-total *{color:#FFFFFF}
 html:root[data-mwc-style=alpine] body .material-total #mat-combined-val{color:#FFFFFF!important}
 /* Gantt: weekend columns are a subtle shade in both appearances, not the dark board's near black. */
 html:root[data-mwc-style=alpine] body .gantt-scroll .g-grid-we{background:var(--al-side)}
 /* Calendar toolbar in the dark appearance: the dark card buttons of the other Alpine dark controls. */
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body.calendar-page .toolbar :is(.period-today,.view-switch,.btn-filters,.btn-undo){background:var(--al-card);color:var(--al-ink);border-color:var(--al-strong)}
 /* Stock Take, Variance tab: white writing on the blue Order buttons, and a darker blue under the pointer. */
 html:root[data-mwc-style=alpine] body .order-btn:not(.done){background:var(--al-blue);color:#FFFFFF}
 html:root[data-mwc-style=alpine] body .order-btn:not(.done):hover{background:var(--al-hover)}
 /* Stock page: the quantity field inside a Low box shows the box's tint instead of a white bar. It has to
    outrank the shared field rule above, which is !important. */
 html:root[data-mwc-style="alpine"] body .pc-sbox--low input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]){background-color:transparent!important}
}
/* Build page, To Confirm tab in the dark appearance: the meeting notes follow the dark cards. The category
   card body stayed white, so its near white note text could not be read; the move and remove buttons were
   white with near white arrows; an empty Outcome line took the generic .empty card look and showed as a black
   pill; and the blue words on the dark sheet (eyebrow, details labels, table headings, prices, total, outcome)
   were about 2:1, so they use the light link blue. The move and remove buttons take the dark inset look
   below. Light appearance is unchanged. */
@media screen {
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body .tc-card{background:var(--al-card)}
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body :is(.tc-item,.tc-table th){border-bottom-color:var(--al-line)}
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body .tc-addnote{border-top-color:var(--al-line)}
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body .tc-card-head .tc-tool:hover{color:var(--al-link)!important;border-color:var(--al-link)!important}
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body .tc-outcome.empty{background:transparent!important}
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body :is(.tc-text,.tc-outcome):focus{box-shadow:-6px 0 0 var(--al-card),-8px 0 0 var(--al-link)}
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body :is(.tc-eyebrow,.tc-meta b,.tc-table th,.tc-table td.pr,.tc-table td.tc-total,.tc-foot-gold,.tc-outcome,.tc-addnote:hover){color:var(--al-link)}
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body .tc-outcome:not(.empty)::before{color:var(--al-warn-ink)}
}
/* Dark appearance: the white inset buttons, fields and counts inside headers and popup heads (every popup close
   cross, Rename on Edit layout, + Add Labour, Set Up Supplier, the To Confirm move and remove buttons) kept their
   white fill while their writing turned near white, so they could not be read. In the dark they take the dark card
   look of the other Alpine dark controls. The shared header rule near the top reads these two colours, so every
   rule that already beats it still does. Light appearance is unchanged. */
@media screen {
 html:root[data-mwc-style=alpine][data-alpine-theme=dark]{--mwc-inset-bg:var(--al-card);--mwc-inset-line:var(--al-strong)}
}
/* Stock Take, Variance tab on a phone: the table fits its box instead of scrolling sideways. */
@media screen and (max-width:680px){
 html:root[data-mwc-style=alpine] body .rep-table :is(th,td){padding-left:8px;padding-right:8px}
}
/* To Confirm: a category's move and remove buttons are a full finger wide on touch screens (they were 28px). */
@media screen and (pointer:coarse){
 html:root[data-mwc-style=alpine] body .tc-card-head .tc-tool{width:44px;min-height:44px}
}
/* On a phone the wider buttons leave the category name too little room, so the name takes the first line and
   the buttons and number sit under it on the right. A long name is never split in the middle of a word. */
@media screen and (pointer:coarse) and (max-width:520px){
 html:root[data-mwc-style=alpine] body .tc-card-head:has(>.tc-card-tools){flex-wrap:wrap;row-gap:4px}
 html:root[data-mwc-style=alpine] body .tc-card-head:has(>.tc-card-tools)>.tc-card-title{flex:1 0 100%}
 html:root[data-mwc-style=alpine] body .tc-card-head>.tc-card-tools{margin-left:auto}
}
/* Printing from the dark appearance prints like the light one: the dark colour scheme alpine-theme.js puts on
   the page (and a print copy keeps) never reaches paper, so form controls and default text stay dark on white. */
@media print{
 :root[data-alpine-theme=dark]{color-scheme:light!important}
}

/* Weekly approvals. Approved Review desk, 3 October 2026. */
@media screen {
 html:root[data-mwc-style=alpine] body.approvals-page .aw-main{max-width:1250px;margin:0 auto;padding:32px 28px 80px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-heading h1{font:700 32px/1.2 var(--al-font);letter-spacing:-1px;color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-heading p{margin-top:8px;font-size:14px;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-week-controls{display:grid;gap:8px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-week,.aw-week-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-week{font-size:14px;white-space:nowrap}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-toolbar #aw-filters{display:flex;gap:6px;flex-wrap:wrap}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-button{background:var(--al-card);border:1px solid var(--al-line);border-radius:10px;color:var(--al-ink);padding:10px 14px;min-height:44px;font:500 14px/1.3 var(--al-font);cursor:pointer;letter-spacing:0;text-transform:none}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-button[aria-pressed=true]{background:var(--al-info-bg);border-color:var(--al-blue);color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-button.aw-primary{background:var(--al-blue);border-color:var(--al-blue);color:#fff}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-button.aw-primary:hover{background:var(--al-hover);color:#fff}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-main :is(button,select):focus-visible{outline:3px solid var(--al-sky);outline-offset:3px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-main button:disabled{opacity:.5;cursor:default}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-split{display:grid;grid-template-columns:235px minmax(0,1fr);gap:16px;align-items:start}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-people{display:flex;flex-direction:column;gap:8px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-person{display:block;width:100%;border:1px solid var(--al-line);border-radius:12px;background:var(--al-card);color:var(--al-ink);text-align:left;padding:15px;font:400 14px/1.4 var(--al-font);cursor:pointer;letter-spacing:0;text-transform:none}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-person[aria-pressed=true]{background:var(--al-info-bg);border-color:var(--al-blue);box-shadow:inset 3px 0 0 var(--al-blue)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-person>span:first-child{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:8px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-person strong{font-size:16px;overflow-wrap:anywhere}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-person>span>span{white-space:nowrap;font-variant-numeric:tabular-nums}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-status{display:inline-block;background:var(--al-side);color:var(--al-ink);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-status.good{background:var(--al-sage);color:#1d1d1f}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-status.warn{background:var(--al-sand);color:#1d1d1f}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-panel{border:1px solid var(--al-line);border-radius:18px;background:var(--al-card);min-width:0;overflow:hidden}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-inner{padding:22px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-detail-head h2{font:600 23px/1.3 var(--al-font);letter-spacing:-.5px;margin:0 0 8px;overflow-wrap:anywhere;color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-total{font-size:32px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.8px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-total small{font-size:14px;font-weight:400;letter-spacing:0}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-total>span{display:block;font-size:13px;font-weight:400;letter-spacing:0;color:var(--al-muted);margin-top:6px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-daily{width:100%;border-collapse:collapse;font-size:14px;table-layout:auto}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-daily th{font-size:12px;font-weight:500;text-align:left;color:var(--al-muted);padding:0 8px 9px;border-bottom:1px solid var(--al-line)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-daily td{padding:13px 8px;border-bottom:1px solid var(--al-line);vertical-align:top;overflow-wrap:anywhere}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-daily :is(th,td):first-child{padding-left:0;width:65px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-daily :is(th,td):last-child{padding-right:0;text-align:right;width:50px;font-variant-numeric:tabular-nums}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-daily small{display:block;color:var(--al-muted);font-size:12px;margin-top:4px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-daily tr:last-child td{border-bottom:0}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-time{white-space:nowrap}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-daily .aw-mobile-time{display:none}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-allocation{margin-top:16px;padding-top:16px;border-top:1px solid var(--al-line)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-allocation h3{font:500 13px/1.5 var(--al-font);color:var(--al-muted);margin-bottom:8px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-allocation p{display:flex;justify-content:space-between;gap:16px;padding:5px 0;font-size:14px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-allocation p>span:first-child{overflow-wrap:anywhere}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-allocation p>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-allocation small{color:var(--al-muted);font-size:13px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;background:var(--al-bg);border-top:1px solid var(--al-line)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-footer small{color:var(--al-muted);font-size:13px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-footer>div{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-notice{font-size:14px;line-height:1.5;color:#1d1d1f;background:var(--al-sand);padding:13px 15px;border-radius:10px;margin-bottom:16px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-summary{display:flex;gap:20px;flex-wrap:wrap;padding-top:18px;color:var(--al-muted);font-size:13px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-summary b{font-weight:600;color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-muted{font-size:13px;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-days-off{padding-top:12px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-empty{padding:24px;color:var(--al-muted);font-size:14px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-mobile-picker{display:none}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-main select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--al-strong);border-radius:10px;background:var(--al-card);color:var(--al-ink);font:400 16px/1.3 var(--al-font)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-assign{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-top:12px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-assign label{display:block;font-size:12px;min-width:0;flex:1 1 180px;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-assign select{margin-top:5px;max-width:100%}
}
@media screen and (max-width:1000px){
 html:root[data-mwc-style=alpine] body.approvals-page .aw-split{grid-template-columns:190px minmax(0,1fr)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-heading{flex-wrap:wrap}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-footer{flex-wrap:wrap}
}
@media screen and (max-width:650px){
 html:root[data-mwc-style=alpine] body.approvals-page .aw-main{padding:20px 12px 70px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-heading{gap:16px;margin-bottom:18px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-heading h1{font-size:27px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-week-controls{width:100%}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-week{justify-content:space-between}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-week-actions{justify-content:flex-start}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-toolbar{flex-wrap:wrap}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-toolbar-right{width:100%;justify-content:space-between}
 html:root[data-mwc-style=alpine] body.approvals-page #approve-all{flex:1;min-width:0}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-split{grid-template-columns:1fr}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-people{display:none}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-mobile-picker{display:block;font-size:13px;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-mobile-picker select{margin-top:6px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-inner{padding:16px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-detail-head h2{font-size:20px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-total{font-size:27px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-detail-head{flex-wrap:wrap}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-daily{font-size:13px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-time{display:none}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-daily .aw-mobile-time{display:block}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-footer{padding:14px 16px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-footer>div{width:100%}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-footer button{flex:1}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-allocation p{flex-wrap:wrap;gap:4px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-allocation p>span:last-child{margin-left:auto}
}

/* Editable weekly table, approved option 3 on 4 October 2026.
   Important borders and button surfaces override the shared control rules.
   Native menulists use menulist-button so Safari honours their field height. */
@media screen{
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-dialog{padding:0;width:min(940px,calc(100% - 28px));max-width:none;max-height:92vh;max-height:92dvh;margin:auto;overflow:hidden}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-dialog::backdrop{background:#161c2459}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-dialog form{display:flex;flex-direction:column;max-height:92vh;max-height:92dvh;margin:0;background:var(--al-bg)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-head{display:flex;align-items:center;gap:16px;padding:24px 24px 16px;flex-shrink:0}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-identity{flex:1;min-width:0}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-head h2{font:650 25px/1.2 var(--al-font);color:var(--al-ink);margin:3px 0 6px;overflow-wrap:anywhere}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-head p{font-size:13px;color:var(--al-muted);margin:0}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-head .aw-edit-eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-week-total{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-week-total strong{display:block;font:650 26px/1.3 var(--al-font)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-week-total span{font-size:13px;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-close{flex:0 0 38px;align-self:start;min-height:38px;width:38px;height:38px;padding:0;font-size:23px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0 24px 18px;color:var(--al-muted);font-size:12px;flex-shrink:0}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-body{padding:0 16px 16px;overflow-y:auto;min-height:0;overscroll-behavior:contain}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-sheet{background:var(--al-card);border:1px solid var(--al-line);border-radius:14px;overflow:hidden}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-columns,html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-entry{display:grid;grid-template-columns:76px minmax(120px,1fr) 130px 130px 78px 65px;gap:10px;align-items:center;padding:12px 16px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-columns{font-size:12px;color:var(--al-muted);background:var(--al-bg);border-bottom:1px solid var(--al-line)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-columns>span:last-child{text-align:right}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-day{margin:0;padding:0;border-bottom:1px solid var(--al-line)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-day:last-child{border-bottom:0}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-date{font-size:14px;font-weight:600}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-date small{display:block;font:400 12px/1.5 var(--al-font);color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-continuation{font-size:12px;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-field{display:block;min-width:0;margin:0}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-field :is(input,select){display:block;width:100%;min-width:0;max-width:100%;height:42px;min-height:42px;box-sizing:border-box;margin:0;border:1px solid var(--al-line)!important;border-radius:8px!important;background:var(--al-card);color:var(--al-ink);font:500 14px/1.3 var(--al-font);padding:8px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-field select{appearance:menulist-button;-webkit-appearance:menulist-button;cursor:pointer}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-field input[type=time]{appearance:none;-webkit-appearance:none}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-field input::-webkit-date-and-time-value{text-align:left;min-height:1.3em}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-lunch{font-size:12px;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-hours{text-align:right;font-size:14px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-row-actions{grid-column:2/-1;display:flex;justify-content:flex-end;gap:14px;align-items:center;flex-wrap:wrap}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-off{display:flex;align-items:center;gap:6px;font-size:12px;min-height:32px;margin:0;color:var(--al-ink);white-space:nowrap}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-off input{width:17px;height:17px;margin:0;accent-color:var(--al-blue)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-button.aw-edit-link{background:transparent!important;border:0!important;color:var(--al-info-ink)!important;box-shadow:none;min-height:32px;font-size:12px;padding:6px 4px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-link:hover{text-decoration:underline}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-empty{min-height:62px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-empty-text{grid-column:2/4;font-size:13px;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-empty-actions{grid-column:4/-1;display:flex;justify-content:flex-end;align-items:center;gap:14px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;background:var(--al-card);border-top:1px solid var(--al-line);flex-shrink:0}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-footer>div{display:flex;gap:8px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-footer>span{font-size:12px;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-dialog button:disabled{opacity:.5;cursor:default}
}
@media screen and (max-width:820px){
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-dialog{width:calc(100% - 16px)}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-head{padding:20px 16px 14px;gap:10px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-head h2{font-size:22px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-week-total strong{font-size:21px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-status{padding:0 16px 16px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-body{padding:0 10px 12px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-columns{display:none}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-entry{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-date,html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-continuation,html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-build{grid-column:1/-1}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-date small{display:inline;margin-left:6px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-label{display:block;position:static;width:auto;height:auto;clip-path:none;white-space:normal;overflow:visible;font-size:12px;color:var(--al-muted);margin-bottom:5px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-field :is(input,select){height:44px;min-height:44px;font-size:16px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-row-actions{grid-column:1/-1;gap:12px}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-row-actions .aw-edit-off{margin-right:auto}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-empty-text{grid-column:1/-1}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-empty-actions{grid-column:1/-1;justify-content:space-between}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-footer{padding:12px 16px;flex-wrap:wrap}
}
@media screen and (max-width:380px){
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-field:has(input[type=time]){grid-column:1/-1}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-head{flex-wrap:wrap}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-identity{flex-basis:calc(100% - 55px);order:0}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-close{order:1}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-week-total{order:2;text-align:left}
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-week-total strong,html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-week-total span{display:inline;margin-right:6px}
}
@media screen and (pointer:coarse){
 html:root[data-mwc-style=alpine] body.approvals-page .aw-edit-off{min-height:44px}
}

/* Switch Panel popups, approved by Clement on 4 October 2026 (option 2 of 3, after the payment request and
   receipt template). The Build page's four email and document popups (Payment Email, Email Client, Email Recap
   to Client, Payment Request and Receipt) keep their layout. Their actions sit on a dark control bar, like the
   12V switch panel in a finished van, as keys with a lip that press down 3px. Each key carries a drawn icon and a
   small status light: Save as PDF is always lit; Send to client, Open in Mail app and Email receipt light only
   while the popup holds a valid email address (build.html adds payem-has-email); a working key blinks amber and
   a finished PDF key shows green with "PDF ready". The title light is amber for money still to come, green for a
   receipt and sky blue for the other emails. Fields read as engraved labels over inset boxes and the preview sits
   in a dark bezel. The rules name the popup ids, and use !important where they meet an !important rule above:
   the shared button rule, the Alpine primary button rule (whose list includes #build-note-save, so an id beats
   it), the popup close cross, the popup and footer surfaces, the field colours and the disabled button rule. */
@media screen{
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay){--sp-panel-a:#27323D;--sp-panel-b:#1D2630;--sp-panel-edge:#0F151B;--sp-key-a:#3C4956;--sp-key-b:#323E4A;--sp-key-lip:#141B22;--sp-key-ink:#E9EEF3;--sp-bezel:#26313C;--sp-inset:#F7F8FA;--sp-off:#5B636D;
  --sp-icon-copy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='12' rx='2.5'/%3E%3Cpath d='M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2'/%3E%3C/svg%3E");--sp-icon-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='M3.5 6.5l8.5 6.5 8.5-6.5'/%3E%3C/svg%3E");--sp-icon-pdf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M12 11v6M9.5 14.5L12 17l2.5-2.5'/%3E%3C/svg%3E");--sp-icon-send:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 3L10 14'/%3E%3Cpath d='M21 3l-6.5 18-4.5-7-7-4.5z'/%3E%3C/svg%3E");--sp-icon-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");--sp-icon-spin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 1-9 9'/%3E%3C/svg%3E")}
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay){--sp-panel-a:#1F2429;--sp-panel-b:#16191D;--sp-panel-edge:#0B0D0F;--sp-key-a:#38404A;--sp-key-b:#2E353D;--sp-key-lip:#0D1013;--sp-bezel:#141719;--sp-inset:var(--al-side)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-modal{border-radius:20px!important}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-head{padding:14px 14px 14px 20px}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:650;letter-spacing:-.01em;text-transform:none}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-title::before{content:"";flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#9CCBF2;box-shadow:0 0 0 3px rgba(156,203,242,.22),0 0 12px rgba(156,203,242,.85)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#rcpt-overlay[data-pay-mode=request]) .payem-title::before{background:#F2C15C;box-shadow:0 0 0 3px rgba(242,193,92,.22),0 0 12px rgba(242,193,92,.85)}
 html:root[data-mwc-style=alpine] body #rcpt-overlay[data-pay-mode=receipt] .payem-title::before{background:#8FDB98;box-shadow:0 0 0 3px rgba(143,219,152,.22),0 0 12px rgba(143,219,152,.85)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-close{display:grid;place-items:center;width:44px!important;height:44px!important;min-height:44px!important;padding:0;border-radius:12px!important;background:var(--al-card)!important;color:var(--al-ink)!important;border:1px solid var(--al-strong)!important;box-shadow:0 3px 0 var(--al-strong);font-size:24px!important;line-height:1;transition:transform .07s ease,box-shadow .07s ease}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-close:active{transform:translateY(3px);box-shadow:0 0 0 var(--al-strong)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-field>span{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-field :is(input,textarea),html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-subject{background-color:var(--sp-inset)!important;color:var(--al-ink)!important;border:1px solid var(--al-strong)!important;border-radius:10px!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.08);font-size:15px;transition:border-color .2s}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-field input,html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-subject{min-height:46px;padding:0 13px}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-subject{display:flex;align-items:center}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-field textarea{padding:10px 13px}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-field :is(input,textarea):focus{border-color:var(--al-blue)!important}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-preview-label{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.12em}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-preview-label::before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#8FDB98;box-shadow:0 0 8px rgba(143,219,152,.9)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-frame{border:7px solid var(--sp-bezel);border-radius:16px;background:#fff}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-foot{gap:10px;padding:16px 16px calc(19px + env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--sp-panel-a),var(--sp-panel-b))!important;border-top:1px solid var(--sp-panel-edge)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transform:none;filter:none;transition:transform .07s ease,box-shadow .07s ease,filter .15s}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-btn:hover{filter:brightness(1.07)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-foot .payem-btn{min-height:50px!important;padding:0 16px!important;border:0!important;border-radius:12px!important;font-size:14px!important;font-weight:650!important;letter-spacing:0!important}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-foot .payem-btn:active{transform:translateY(3px)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-foot .payem-ghost{background:linear-gradient(180deg,var(--sp-key-a),var(--sp-key-b))!important;color:var(--sp-key-ink)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 3px 0 var(--sp-key-lip),0 6px 14px rgba(0,0,0,.35)!important}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-foot .payem-ghost:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 var(--sp-key-lip),0 2px 4px rgba(0,0,0,.3)!important}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-foot .payem-pdf{background:linear-gradient(180deg,#F6E1B6,#EFD39D)!important;color:#3A2E14!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 3px 0 #A88A4E,0 6px 14px rgba(0,0,0,.35)!important}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-foot .payem-pdf:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 #A88A4E,0 2px 4px rgba(0,0,0,.3)!important}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-foot .payem-send{background:linear-gradient(180deg,#4A7697,#375875)!important;color:#FFFFFF!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 0 #1C3144,0 6px 14px rgba(0,0,0,.35)!important}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-foot .payem-send:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 0 #1C3144,0 2px 4px rgba(0,0,0,.3)!important}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-emaildraft{min-height:46px!important;padding:0 26px 0 16px!important;border:1px solid var(--al-strong)!important;border-radius:10px!important;background:var(--al-card)!important;color:var(--al-ink)!important;font-size:13px!important;box-shadow:0 3px 0 var(--al-strong)!important}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-emaildraft:active{transform:translateY(3px);box-shadow:0 0 0 var(--al-strong)!important}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) :is(.payem-copy-btn,.payem-mail-btn,.payem-pdf,.payem-send,.payem-emaildraft)::before{content:"";flex:0 0 auto;width:18px;height:18px;background:currentColor;-webkit-mask:var(--sp-icon) center/18px 18px no-repeat;mask:var(--sp-icon) center/18px 18px no-repeat}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-copy-btn{--sp-icon:var(--sp-icon-copy)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) :is(.payem-mail-btn,.payem-emaildraft){--sp-icon:var(--sp-icon-mail)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-pdf{--sp-icon:var(--sp-icon-pdf)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-send{--sp-icon:var(--sp-icon-send)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) :is(.payem-mail-btn,.payem-pdf,.payem-send,.payem-emaildraft)::after{content:"";position:absolute;top:8px;right:9px;width:6px;height:6px;border-radius:50%;background:var(--sp-off);box-shadow:inset 0 1px 1px rgba(0,0,0,.45)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-emaildraft::after{top:50%;right:10px;margin-top:-3px}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-pdf::after{background:#3F8A4B;box-shadow:0 0 0 2px rgba(63,138,75,.2),0 0 9px rgba(63,138,75,.95)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-has-email :is(.payem-mail-btn,.payem-send)::after{background:#8FDB98;box-shadow:0 0 0 2px rgba(143,219,152,.2),0 0 9px rgba(143,219,152,.95)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-has-email .payem-emaildraft::after{background:#3F8A4B;box-shadow:0 0 0 2px rgba(63,138,75,.2),0 0 9px rgba(63,138,75,.95)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-btn:disabled{opacity:1!important;cursor:wait}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-btn:disabled:not(.payem-done)::before{--sp-icon:var(--sp-icon-spin);animation:sp-spin .8s linear infinite}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-btn:disabled:not(.payem-done)::after{background:#F2C15C;box-shadow:0 0 0 2px rgba(242,193,92,.2),0 0 9px rgba(242,193,92,.95);animation:sp-blink .5s steps(2,start) infinite}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-btn.payem-done{cursor:default}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-btn.payem-done::before{--sp-icon:var(--sp-icon-check)}
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-btn.payem-done::after{background:#8FDB98;box-shadow:0 0 0 2px rgba(143,219,152,.2),0 0 9px rgba(143,219,152,.95)}
 @keyframes sp-spin{to{transform:rotate(360deg)}}
 @keyframes sp-blink{to{visibility:hidden}}
}
@media screen and (prefers-reduced-motion:reduce){
 html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-btn::before,html:root[data-mwc-style=alpine] body :is(#payem-overlay,#comem-overlay,#tcem-overlay,#rcpt-overlay) .payem-btn::after{animation:none!important}
}
@media screen {
  html:root[data-mwc-style=alpine] body .fridge-installation{font-size:14px;line-height:1.5;border-top:1px solid #89AAC5;margin-top:12px;padding-top:12px;overflow-wrap:anywhere;min-width:0}
  html:root[data-mwc-style=alpine] body .fridge-installation p{margin:8px 0}
  html:root[data-mwc-style=alpine] body .fridge-installation summary{font-weight:700;color:#375875;cursor:pointer}
  html:root[data-mwc-style=alpine] body .fridge-installation dl{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0}
  html:root[data-mwc-style=alpine] body .fridge-installation dl>div{min-width:90px}
  html:root[data-mwc-style=alpine] body .fridge-installation dt{font-size:12px}
  html:root[data-mwc-style=alpine] body .fridge-installation dd{margin:0;font-weight:750}
  html:root[data-mwc-style=alpine] body .fridge-cavity{border-bottom:1px solid #E5E6EC;padding:8px 0}
  html:root[data-mwc-style=alpine] body .fridge-drain{border-left:3px solid #EFD39D;padding-left:10px}
  html:root[data-mwc-style=alpine] body .fridge-sources{padding-left:18px}
  html:root[data-mwc-style=alpine] body .fridge-install-caution{font-size:12px}
  html:root[data-mwc-style=alpine][data-alpine-theme=dark] body .fridge-installation summary{color:#89AAC5}
}

/* Missions, 13 October 2026. The shared workspace also lives in each build. */
@media screen {
 html:root[data-mwc-style=alpine] body.missions-page{margin:0}
 html:root[data-mwc-style=alpine] body.missions-page *,html:root[data-mwc-style=alpine] body .mi-overlay *{box-sizing:border-box}
 html:root[data-mwc-style=alpine] body .missions-page-body{max-width:1280px;margin:0 auto;padding:26px 28px 80px}
 html:root[data-mwc-style=alpine] body .missions-workspace{color:var(--al-ink);font:400 15px/1.5 var(--al-font);min-width:0}
 html:root[data-mwc-style=alpine] body .mi-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
 html:root[data-mwc-style=alpine] body .mi-heading h2{margin:0 0 5px;font:700 28px/1.2 var(--al-font);letter-spacing:-.025em;color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body .mi-heading p{margin:0;color:var(--al-muted);font-size:14px}
 html:root[data-mwc-style=alpine] body .missions-workspace svg,html:root[data-mwc-style=alpine] body .mi-overlay svg{width:18px;height:18px;flex-shrink:0}
 /* Shared legacy button/input selectors use !important; match only these controls. */
 html:root[data-mwc-style=alpine] body .mi-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 15px;border:1px solid var(--al-line)!important;border-radius:10px!important;background:var(--al-card)!important;color:var(--al-ink)!important;font:600 14px/1.2 var(--al-font)!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none;cursor:pointer;box-shadow:none!important;white-space:nowrap}
 html:root[data-mwc-style=alpine] body .mi-button.mi-primary{background:var(--al-blue)!important;border-color:var(--al-blue)!important;color:#fff!important}
 html:root[data-mwc-style=alpine] body .mi-button.mi-finish{background:var(--al-sage)!important;border-color:var(--al-sage)!important;color:#233526!important}
 html:root[data-mwc-style=alpine] body .mi-button:disabled{opacity:.55;cursor:wait}
 html:root[data-mwc-style=alpine] body .mi-message{font-size:14px;color:var(--al-muted);min-height:0;margin-bottom:14px}
 html:root[data-mwc-style=alpine] body .mi-message:empty{display:none}
 html:root[data-mwc-style=alpine] body .mi-message.mi-error{padding:12px 14px;border:1px solid var(--al-line);border-radius:10px;background:var(--al-sand);color:#513c15}
 html:root[data-mwc-style=alpine] body .mi-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
 html:root[data-mwc-style=alpine] body .mi-filters{display:flex;gap:4px;flex-wrap:wrap}
 html:root[data-mwc-style=alpine] body .mi-filters button{display:flex;align-items:center;gap:7px;padding:10px 12px;min-height:44px;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:var(--al-muted)!important;font:600 14px/1.2 var(--al-font)!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer}
 html:root[data-mwc-style=alpine] body .mi-filters button[aria-pressed=true]{background:var(--al-card)!important;color:var(--al-info-ink)!important;border-color:var(--al-line)!important}
 html:root[data-mwc-style=alpine] body .mi-filters button span{font-size:12px;font-variant-numeric:tabular-nums;min-width:20px;padding:2px 5px;border-radius:5px;background:var(--al-bg);color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body .mi-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}
 html:root[data-mwc-style=alpine] body .mi-search{display:flex;align-items:center;gap:8px;border:1px solid var(--al-line);border-radius:10px;background:var(--al-card);padding:0 12px;margin:0;min-width:0;max-width:260px;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body .mi-search input{width:100%;min-width:0;min-height:44px;padding:8px 0;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--al-ink)!important;font:400 14px/1.3 var(--al-font)!important;outline-offset:4px}
 html:root[data-mwc-style=alpine] body :is(.mi-build-filter,.mi-staff-filter){margin:0;min-width:0;max-width:290px}
 html:root[data-mwc-style=alpine] body :is(.mi-build-filter,.mi-staff-filter) select{width:100%;min-height:44px;min-width:0;max-width:100%;border:1px solid var(--al-line)!important;border-radius:10px!important;background:var(--al-card)!important;color:var(--al-ink)!important;font:500 14px/1.3 var(--al-font)!important;padding:10px 30px 10px 12px}
 html:root[data-mwc-style=alpine] body .mi-list{border:1px solid var(--al-line);background:var(--al-card);border-radius:18px;overflow:hidden}
 html:root[data-mwc-style=alpine] body .mi-row{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--al-line)}
 html:root[data-mwc-style=alpine] body .mi-row:last-child{border-bottom:0}
 html:root[data-mwc-style=alpine] body .mi-row-main{min-width:0;flex:1}
 html:root[data-mwc-style=alpine] body .mi-row-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
 html:root[data-mwc-style=alpine] body .mi-row-title h3{font:650 17px/1.4 var(--al-font);margin:0;color:var(--al-ink);overflow-wrap:anywhere}
 html:root[data-mwc-style=alpine] body .mi-badge{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:3px 8px;border-radius:6px;font:600 12px/1.5 var(--al-font);white-space:nowrap}
 html:root[data-mwc-style=alpine] body .mi-badge svg{width:13px;height:13px}
 html:root[data-mwc-style=alpine] body .mi-urgent{background:var(--al-sand);color:#513c15}
 html:root[data-mwc-style=alpine] body .mi-complete{background:var(--al-sage);color:#233526}
 html:root[data-mwc-style=alpine] body .mi-open{background:var(--al-bg);color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body .mi-build-link{display:inline-block;margin-top:5px;color:var(--al-info-ink);font-size:13px;text-underline-offset:3px;overflow-wrap:anywhere}
 html:root[data-mwc-style=alpine] body .mi-notes{margin:8px 0 0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:72ch;color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body .mi-attribution{margin:8px 0 0;font-size:12px;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body .mi-row-actions{display:flex;gap:8px;flex-shrink:0}
 html:root[data-mwc-style=alpine] body .mi-empty{padding:52px 24px;text-align:center;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body .mi-empty>svg{width:28px;height:28px;color:var(--al-info-ink);margin-bottom:8px}
 html:root[data-mwc-style=alpine] body .mi-empty h3{margin:0 0 6px;color:var(--al-ink);font:650 18px/1.4 var(--al-font)}
 html:root[data-mwc-style=alpine] body .mi-empty p{margin:0 auto 14px;max-width:48ch;font-size:14px}
 html:root[data-mwc-style=alpine] body .mi-all-link{display:inline-flex;align-items:center;gap:6px;color:var(--al-info-ink);font-size:14px;min-height:44px;text-underline-offset:3px;white-space:nowrap}
 html:root[data-mwc-style=alpine] body .mi-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 html:root[data-mwc-style=alpine] body.mi-editor-open{overflow:hidden}
 html:root[data-mwc-style=alpine] body .mi-overlay{position:fixed;inset:0;z-index:8000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,20,27,.45)}
 html:root[data-mwc-style=alpine] body .mi-overlay[hidden]{display:none}
 html:root[data-mwc-style=alpine] body .mi-dialog{width:640px;max-width:100%;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;border-radius:18px;background:var(--al-card);color:var(--al-ink);font:400 15px/1.5 var(--al-font);box-shadow:0 24px 72px rgba(0,0,0,.18);scrollbar-color:var(--al-strong) transparent}
 html:root[data-mwc-style=alpine] body .mi-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px 28px 0}
 html:root[data-mwc-style=alpine] body .mi-dialog-head h2{font:700 24px/1.25 var(--al-font);letter-spacing:-.025em;color:var(--al-ink);margin:0}
 html:root[data-mwc-style=alpine] body .mi-dialog-head p{font:400 14px/1.5 var(--al-font);color:var(--al-muted);margin:6px 0 0}
 html:root[data-mwc-style=alpine] body .mi-button.mi-close{width:44px;padding:10px;margin:-6px -8px 0 0;border-color:transparent!important;background:transparent!important;color:var(--al-muted)!important}
 html:root[data-mwc-style=alpine] body .mi-form-body{padding:26px 28px 28px}
 html:root[data-mwc-style=alpine] body .mi-field{display:flex;flex-direction:column;gap:8px;position:relative;min-width:0;margin:0 0 22px;font:600 13px/1.4 var(--al-font);color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body .mi-field :is(input,textarea,select){box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid var(--al-strong)!important;border-radius:10px!important;background:var(--al-card)!important;color:var(--al-ink)!important;font:400 16px/1.4 var(--al-font)!important;box-shadow:none!important;caret-color:var(--al-info-ink)}
 html:root[data-mwc-style=alpine] body .mi-field select{padding-right:30px}
 html:root[data-mwc-style=alpine] body .mi-title-field input{font-weight:500!important}
 html:root[data-mwc-style=alpine] body .mi-field :is(input,textarea,select):disabled{background:var(--al-bg)!important;color:var(--al-muted)!important;opacity:1}
 html:root[data-mwc-style=alpine] body .mi-field textarea{resize:vertical;min-height:100px;max-height:240px}
 html:root[data-mwc-style=alpine] body .mi-field small{font:400 12px/1.4 var(--al-font);color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body .mi-optional{position:absolute;right:0;top:0;font-size:12px;font-weight:400;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body .mi-staff-field{margin:0 0 22px;padding:0;border:0;min-width:0}
 html:root[data-mwc-style=alpine] body .mi-staff-field legend{display:flex;width:100%;justify-content:space-between;gap:12px;padding:0;margin-bottom:8px;font:600 13px/1.4 var(--al-font);color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body .mi-staff-field legend span{font-size:12px;font-weight:400;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body .mi-staff-choices{display:flex;flex-wrap:wrap;gap:8px}
 html:root[data-mwc-style=alpine] body .mi-staff-choice{position:relative;display:block;min-width:0;max-width:100%;margin:0;cursor:pointer}
 html:root[data-mwc-style=alpine] body .mi-staff-choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
 html:root[data-mwc-style=alpine] body .mi-staff-choice span{display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 13px;border:1px solid var(--al-line);border-radius:10px;background:var(--al-bg);color:var(--al-ink);font:500 14px/1.4 var(--al-font);overflow-wrap:anywhere}
 html:root[data-mwc-style=alpine] body .mi-staff-choice svg{width:15px;height:15px;opacity:0}
 html:root[data-mwc-style=alpine] body .mi-staff-choice input:checked+span{background:var(--al-blue);border-color:var(--al-blue);color:#fff}
 html:root[data-mwc-style=alpine] body .mi-staff-choice input:checked+span svg{opacity:1}
 html:root[data-mwc-style=alpine] body .mi-staff-choice input:focus-visible+span{outline:2px solid var(--al-info-ink);outline-offset:3px}
 html:root[data-mwc-style=alpine] body .mi-staff-choice input:disabled+span{opacity:.55;cursor:wait}
 html:root[data-mwc-style=alpine] body .mi-staff-field p,html:root[data-mwc-style=alpine] body .mi-no-staff{font:400 12px/1.4 var(--al-font);color:var(--al-muted);margin:8px 0 0}
 html:root[data-mwc-style=alpine] body .mi-form-options{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:16px}
 html:root[data-mwc-style=alpine] body .mi-form-options .mi-field{margin:0}
 html:root[data-mwc-style=alpine] body .mi-urgent-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin:0;padding:12px 14px;border:1px solid var(--al-line);border-radius:10px;background:var(--al-bg);font:600 14px/1.4 var(--al-font);color:var(--al-ink);cursor:pointer}
 html:root[data-mwc-style=alpine] body .mi-priority-copy{display:inline-flex;align-items:center;gap:7px}
 html:root[data-mwc-style=alpine] body .mi-urgent-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
 html:root[data-mwc-style=alpine] body .mi-switch{display:block;width:34px;height:20px;border-radius:12px;background:var(--al-muted);padding:3px;flex-shrink:0}
 html:root[data-mwc-style=alpine] body .mi-switch:after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:var(--al-card)}
 html:root[data-mwc-style=alpine] body .mi-urgent-option input:checked~.mi-switch{background:var(--al-blue)}
 html:root[data-mwc-style=alpine] body .mi-urgent-option input:checked~.mi-switch:after{transform:translateX(14px);background:#fff}
 html:root[data-mwc-style=alpine] body .mi-urgent-option:focus-within{outline:2px solid var(--al-info-ink);outline-offset:3px}
 html:root[data-mwc-style=alpine] body .mi-urgent-option:has(input:checked){background:var(--al-sand);border-color:var(--al-sand);color:#513c15}
 html:root[data-mwc-style=alpine] body .mi-urgent-option:has(input:disabled){opacity:.55;cursor:wait}
 html:root[data-mwc-style=alpine] body .mi-dialog-foot{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:18px 28px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--al-line);background:var(--al-card)}
 html:root[data-mwc-style=alpine] body .mi-dialog-foot .mi-button{min-height:48px;padding:12px 20px;font-size:15px!important}
 html:root[data-mwc-style=alpine] body .mi-dialog-foot .mi-primary{min-width:156px}
 html:root[data-mwc-style=alpine] body .mi-dialog-foot .mi-cancel{border-color:transparent!important;background:var(--al-bg)!important}
 html:root[data-mwc-style=alpine] body .mi-button:active:not(:disabled){transform:translateY(1px)}
 html:root[data-mwc-style=alpine] body .mi-owner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px;font:600 13px/1.4 var(--al-font);color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body .mi-owner-person{display:inline-flex;align-items:center;gap:7px}
 html:root[data-mwc-style=alpine] body .mi-owner-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--al-bg);color:var(--al-info-ink);font-size:11px}
 html:root[data-mwc-style=alpine] body .mi-owner-mark:empty:after{content:"";width:6px;height:6px;border:1px solid var(--al-muted);border-radius:50%}
 html:root[data-mwc-style=alpine] body .mi-form-error{padding:12px;margin:0 0 16px;border-radius:10px;background:var(--al-sand);color:#513c15;font-size:14px}
 html:root[data-mwc-style=alpine] body :is(.missions-workspace,.mi-overlay) :focus-visible{outline:2px solid var(--al-info-ink);outline-offset:3px}
 html:root[data-mwc-style=alpine] body :is(.missions-workspace,.mi-overlay) ::placeholder{color:var(--al-muted);opacity:1}
 html:root[data-mwc-style=alpine] body :is(.missions-workspace,.mi-overlay) ::selection{background:var(--al-blue);color:white}
}
@media screen and (max-width:700px) {
 html:root[data-mwc-style=alpine] body .missions-page-body{padding:20px 14px 60px}
 html:root[data-mwc-style=alpine] body .mi-heading{align-items:flex-start;gap:12px;margin-bottom:18px}
 html:root[data-mwc-style=alpine] body .mi-heading h2{font-size:25px}
 html:root[data-mwc-style=alpine] body .mi-heading p{max-width:28ch;font-size:13px}
 html:root[data-mwc-style=alpine] body .mi-toolbar{display:block}
 html:root[data-mwc-style=alpine] body .mi-filters{margin-bottom:12px;gap:2px;flex-wrap:nowrap}
 html:root[data-mwc-style=alpine] body .mi-filters button{padding:10px 8px;font-size:13px!important;gap:5px}
 html:root[data-mwc-style=alpine] body .mi-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 html:root[data-mwc-style=alpine] body .mi-search,html:root[data-mwc-style=alpine] body :is(.mi-build-filter,.mi-staff-filter){max-width:none}
 html:root[data-mwc-style=alpine] body .mi-search{grid-column:1/-1}
 html:root[data-mwc-style=alpine] body .mi-row{display:block;padding:18px 16px}
 html:root[data-mwc-style=alpine] body .mi-row-actions{justify-content:flex-end;margin-top:14px}
 html:root[data-mwc-style=alpine] body .mi-row-title h3{font-size:16px}
 html:root[data-mwc-style=alpine] body .mi-overlay{padding:12px}
 html:root[data-mwc-style=alpine] body .mi-dialog{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
 html:root[data-mwc-style=alpine] body .mi-dialog-head{padding:22px 20px 0}
 html:root[data-mwc-style=alpine] body .mi-form-body{padding:22px 20px}
 html:root[data-mwc-style=alpine] body .mi-dialog-foot{padding:16px 20px calc(16px + env(safe-area-inset-bottom))}
 html:root[data-mwc-style=alpine] body .mi-field{margin-bottom:18px}
 html:root[data-mwc-style=alpine] body .mi-form-options{gap:12px}
 html:root[data-mwc-style=alpine] body .mi-empty{padding:38px 18px}
}
@media screen and (max-width:370px) {
 html:root[data-mwc-style=alpine] body .mi-heading{flex-wrap:wrap}
 html:root[data-mwc-style=alpine] body .mi-tools,html:root[data-mwc-style=alpine] body .mi-form-options{grid-template-columns:1fr}
 html:root[data-mwc-style=alpine] body .mi-urgent-option{margin-top:0}
 html:root[data-mwc-style=alpine] body .mi-filters button{gap:3px;padding:10px 6px}
}

@media screen {
 html:root[data-mwc-style=alpine] body .mi-conflict{padding:14px;margin-bottom:18px;background:var(--al-bg);border:1px solid var(--al-line);border-radius:10px;overflow-wrap:anywhere}
 html:root[data-mwc-style=alpine] body .mi-conflict[hidden]{display:none}
 html:root[data-mwc-style=alpine] body .mi-conflict h3{font:650 16px/1.4 var(--al-font);margin:0 0 10px}
 html:root[data-mwc-style=alpine] body .mi-conflict p{margin:8px 0;white-space:pre-wrap;font-size:14px}
 html:root[data-mwc-style=alpine] body .mi-conflict-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
}

@media screen and (hover:hover) {
 html:root[data-mwc-style=alpine] body .mi-button:hover:not(:disabled){background:var(--al-bg)!important}
 html:root[data-mwc-style=alpine] body .mi-button.mi-primary:hover:not(:disabled){background:#2d4b66!important;border-color:#2d4b66!important;color:#fff!important}
 html:root[data-mwc-style=alpine] body .mi-button.mi-finish:hover:not(:disabled){background:var(--al-sage)!important;filter:brightness(.96)}
}

/* Mission checklists, 13 October 2026. Use the same controls in both workspaces. */
@media screen {
 html:root[data-mwc-style=alpine] body .mi-task-editor{margin:0 0 24px;min-width:0}
 html:root[data-mwc-style=alpine] body .mi-task-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
 html:root[data-mwc-style=alpine] body .mi-task-heading :is(h3,h4){font:600 13px/1.4 var(--al-font);margin:0;color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body .mi-task-heading>span{font:500 12px/1.4 var(--al-font);color:var(--al-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
 html:root[data-mwc-style=alpine] body .mi-task-editor-list{display:grid;gap:6px}
 html:root[data-mwc-style=alpine] body .mi-task-edit-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;align-items:center}
 /* Shared legacy input and button rules require these local overrides. */
 html:root[data-mwc-style=alpine] body :is(.mi-task-edit-row,.mi-task-add)>input{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--al-strong)!important;border-radius:10px!important;background:var(--al-card)!important;color:var(--al-ink)!important;font:400 16px/1.4 var(--al-font)!important;box-shadow:none!important}
 html:root[data-mwc-style=alpine] body .mi-task-tick{position:relative;display:grid;place-items:center;width:44px;height:44px;margin:0;cursor:pointer}
 html:root[data-mwc-style=alpine] body .mi-task-tick input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
 html:root[data-mwc-style=alpine] body .mi-task-tick span{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--al-strong);border-radius:6px;color:transparent;background:var(--al-card)}
 html:root[data-mwc-style=alpine] body .mi-task-tick input:checked+span{background:var(--al-blue);border-color:var(--al-blue);color:white}
 html:root[data-mwc-style=alpine] body .mi-task-tick input:focus-visible+span{outline:2px solid var(--al-info-ink);outline-offset:3px}
 html:root[data-mwc-style=alpine] body .mi-task-tick input:disabled+span{opacity:.5}
 html:root[data-mwc-style=alpine] body .mi-button.mi-task-remove{width:44px;padding:10px;border-color:transparent!important;color:var(--al-muted)!important;background:transparent!important}
 html:root[data-mwc-style=alpine] body .mi-task-add{display:flex;gap:8px;margin-top:8px}
 html:root[data-mwc-style=alpine] body .mi-task-add .mi-button{flex-shrink:0}
 html:root[data-mwc-style=alpine] body .mi-task-editor>p{font:400 12px/1.4 var(--al-font);color:var(--al-muted);margin:8px 0 0}
 html:root[data-mwc-style=alpine] body .mi-card-checklist{margin-top:16px;padding-top:14px;border-top:1px solid var(--al-line);max-width:72ch}
 html:root[data-mwc-style=alpine] body .mi-task-view{display:flex;align-items:flex-start;gap:10px;position:relative;padding:11px 0;margin:0;min-height:44px;font:400 14px/1.5 var(--al-font);color:var(--al-ink);cursor:pointer}
 html:root[data-mwc-style=alpine] body .mi-task-view input{width:20px;height:20px;min-height:20px;flex-shrink:0;margin:1px 0 0;accent-color:var(--al-blue)}
 html:root[data-mwc-style=alpine] body .mi-task-view span{overflow-wrap:anywhere;min-width:0}
 html:root[data-mwc-style=alpine] body .mi-task-view input:checked+span{text-decoration:line-through;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body .mi-task-view:has(input:disabled){opacity:.65;cursor:wait}
 html:root[data-mwc-style=alpine] body .mi-checklist-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:8px 0 0;padding:8px 0;border:0!important;border-radius:0!important;background:transparent!important;color:var(--al-info-ink)!important;font:600 13px/1.4 var(--al-font)!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
 html:root[data-mwc-style=alpine] body .mi-conflict-tasks{padding-left:20px;font-size:14px}
}

/* Compact mission editor, approved 13 October 2026. Local overrides beat the legacy form rules above. */
@media screen {
 html:root[data-mwc-style=alpine] body .mi-compact{width:min(680px,100%)}
 html:root[data-mwc-style=alpine] body .mi-compact [hidden]{display:none!important}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-dialog-head{padding:20px 24px;border-bottom:1px solid var(--al-line);align-items:center}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-dialog-head h2{font-size:21px;letter-spacing:-.025em}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-close{margin:0 -8px 0 0}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-form-body{padding:22px 24px;display:grid;gap:22px}
 html:root[data-mwc-style=alpine] body .mi-compact :is(.mi-field,.mi-staff-field,.mi-task-editor){margin:0}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-field{font-size:12px;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-field :is(input,textarea,select){min-height:44px;padding:10px 12px;border-color:var(--al-line)!important}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-title-field input{font-size:20px!important;font-weight:600!important;letter-spacing:-.015em}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-build-summary{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--al-bg);border-radius:10px;min-width:0}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-build-summary>svg{color:var(--al-info-ink);flex-shrink:0;margin-top:3px}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-build-summary strong{display:block;font:550 13px/1.5 var(--al-font);overflow-wrap:anywhere}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-build-summary span{display:block;font:400 12px/1.5 var(--al-font);color:var(--al-muted);margin-top:2px}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-form-options{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-option-label{font:600 12px/1.4 var(--al-font);color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-option-controls{display:flex;align-items:center;gap:8px}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-select-shell{display:flex;align-items:center;position:relative;min-width:0}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-select-shell select{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 36px 10px 13px!important;border:1px solid var(--al-line)!important;border-radius:22px!important;background:var(--al-card)!important;color:var(--al-ink)!important;font:400 14px/1.4 var(--al-font)!important;box-shadow:none!important}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-build-choice select{border-radius:10px!important;font-size:16px!important}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-select-shell>svg{position:absolute;right:12px;width:14px;height:14px;pointer-events:none;color:var(--al-muted)}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-urgent-option{min-height:44px;padding:10px 13px;border-radius:22px;font-size:13px;background:var(--al-card)}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-urgent-option:has(input:checked){background:var(--al-warn-bg);border-color:transparent;color:var(--al-warn-ink)}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-staff-field legend{margin-bottom:9px;font-size:13px}
 html:root[data-mwc-style=alpine] body .mi-compact :is(.mi-staff-summary,.mi-staff-selected){display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-staff-selected:empty{display:none}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-person-chip{min-height:44px;padding:5px 11px 5px 7px;border-radius:24px!important;background:var(--al-info-bg)!important;color:var(--al-info-ink)!important;border-color:transparent!important;font-size:13px!important;max-width:100%;overflow-wrap:anywhere}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-person-chip>svg{width:14px;height:14px;flex-shrink:0}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-person-initial{width:24px;height:24px;display:grid;place-items:center;background:var(--al-blue);color:white;border-radius:50%;font-size:11px;flex-shrink:0}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-people-toggle{border-radius:24px!important;border-style:dashed!important;min-height:44px;font-size:13px!important;background:transparent!important;color:var(--al-muted)!important}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-staff-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-staff-choice span{min-height:44px;padding:8px;border:0;background:transparent;font-size:13px}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-staff-choice input:checked+span{background:var(--al-info-bg);color:var(--al-info-ink)}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-task-editor-list{gap:0}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-task-edit-row{grid-template-columns:32px minmax(0,1fr) 44px;min-height:48px;gap:0;border-bottom:1px solid var(--al-line)}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-task-tick{width:32px}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-task-tick span{width:18px;height:18px;border-radius:4px}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-task-edit-row>input{border:0!important;border-radius:0!important;background:transparent!important;padding:10px 4px!important;font-size:14px!important}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-task-edit-row:has(input:checked)>input{text-decoration:line-through;color:var(--al-muted)!important}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-task-add{margin-top:12px}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-task-add>input{border-color:var(--al-line)!important;font-size:14px!important}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-task-add .mi-button{background:var(--al-info-bg)!important;color:var(--al-info-ink)!important;border-color:transparent!important;min-height:44px;font-size:14px!important;padding:10px 13px}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-notes-toggle{min-height:44px;padding:8px 0;border:0!important;background:transparent!important;color:var(--al-info-ink)!important;font-size:13px!important}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-notes-field{margin-top:8px}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-notes-field textarea{min-height:76px}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-dialog-foot{padding:15px 24px calc(15px + env(safe-area-inset-bottom));gap:8px}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-dialog-foot .mi-button{min-height:44px;padding:10px 16px;font-size:14px!important}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-dialog-foot .mi-cancel{background:transparent!important;color:var(--al-muted)!important}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-dialog-foot .mi-primary{min-width:0}
}
@media screen and (max-width:560px) {
 html:root[data-mwc-style=alpine] body .mi-compact .mi-dialog-head{padding:17px}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-form-body{padding:18px 17px;gap:20px}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-staff-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-dialog-foot{padding:14px 17px calc(14px + env(safe-area-inset-bottom))}
 html:root[data-mwc-style=alpine] body .mi-compact :is(.mi-task-edit-row,.mi-task-add)>input{font-size:16px!important}
}
@media screen and (pointer:coarse) {
 html:root[data-mwc-style=alpine] body .mi-compact .mi-task-edit-row{grid-template-columns:44px minmax(0,1fr) 44px}
 html:root[data-mwc-style=alpine] body .mi-compact .mi-task-tick{width:44px}
}
/* Guided build pricing. Approved option 2, 13 October 2026. */
@media screen {
  html:root[data-mwc-style=alpine] body.build-pricing-page { --bp-blue:#365875; --bp-ink:#24323d; --bp-muted:#526473; --bp-line:#cfdae3; --bp-paper:#fff; --bp-soft:#edf4f9; --bp-sand:#fff0d6; --bp-sand-ink:#80510b; --bp-green:#e8f3eb; margin:0; background:#f5f5f7; color:var(--bp-ink); font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:0; }
  html:root[data-mwc-style=alpine][data-alpine-theme=dark] body.build-pricing-page { --bp-ink:#f0f3f5; --bp-muted:#bccbd6; --bp-line:#485763; --bp-paper:#252b30; --bp-soft:#2b414f; --bp-sand:#493b25; --bp-sand-ink:#ffdb9f; --bp-green:#284431; background:#1b2024; }
  html:root[data-mwc-style=alpine] .build-pricing-page * { box-sizing:border-box; }
  html:root[data-mwc-style=alpine] .build-pricing-page [hidden] { display:none; }
  html:root[data-mwc-style=alpine] .build-pricing-page button { display:inline-flex; align-items:center; justify-content:center; gap:7px; border:1px solid var(--bp-line); padding:9px 12px; border-radius:6px; background:var(--bp-paper); color:var(--bp-blue); font:650 14px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; min-height:40px; cursor:pointer; }
  html:root[data-mwc-style=alpine][data-alpine-theme=dark] .build-pricing-page button { color:var(--bp-ink); }
  html:root[data-mwc-style=alpine] .build-pricing-page button.bp-primary { background:var(--bp-blue); color:#fff; border-color:var(--bp-blue); }
  html:root[data-mwc-style=alpine] .build-pricing-page button:disabled { opacity:.5; cursor:default; }
  html:root[data-mwc-style=alpine] .build-pricing-page svg { width:18px; height:18px; flex-shrink:0; }
  html:root[data-mwc-style=alpine] .build-pricing-page input,html:root[data-mwc-style=alpine] .build-pricing-page select,html:root[data-mwc-style=alpine] .build-pricing-page textarea { font:inherit; color:var(--bp-ink); background:var(--bp-paper); border:1px solid var(--bp-line); border-radius:5px; padding:10px; min-width:0; width:100%; }
  html:root[data-mwc-style=alpine] .build-pricing-page input[type=checkbox] { width:18px; height:18px; flex:none; margin:0; accent-color:var(--bp-blue); }
  html:root[data-mwc-style=alpine] .build-pricing-page label { font-size:13px; font-weight:650; display:grid; gap:7px; min-width:0; }
  html:root[data-mwc-style=alpine] .build-pricing-page textarea { min-height:95px; resize:vertical; }
  html:root[data-mwc-style=alpine] .build-pricing-page small { color:var(--bp-muted); font-size:12px; display:block; }
  html:root[data-mwc-style=alpine] .build-pricing-page h1 { font-size:28px; margin:5px 0 8px; letter-spacing:0; }
  html:root[data-mwc-style=alpine] .build-pricing-page h2 { font-size:18px; margin:0; letter-spacing:0; }
  html:root[data-mwc-style=alpine] .build-pricing-page a { color:var(--bp-blue); }
  html:root[data-mwc-style=alpine][data-alpine-theme=dark] .build-pricing-page a { color:#bcdcf5; }
  html:root[data-mwc-style=alpine] .build-pricing-page .cw-nav a[aria-current=page] { color:#fff; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-top { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:15px; padding:14px 24px; background:var(--bp-paper); border-bottom:1px solid var(--bp-line); }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-top a { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--bp-ink); }
  html:root[data-mwc-style=alpine] .build-pricing-page #bp-save { font-size:13px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-error { color:#b23434; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-main { max-width:1380px; margin:0 auto; padding:28px; background:var(--bp-paper); min-height:85vh; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-title { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:26px; flex-wrap:wrap; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-title strong { font-size:19px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-title small { margin-top:4px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-kind { font-size:12px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:22px 0; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-steps button { justify-content:flex-start; text-align:left; padding:14px; background:var(--bp-soft); color:var(--bp-ink); border:0; font-size:15px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-steps button[aria-current=step] { background:var(--bp-blue); color:#fff; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-steps button span { border:1px solid currentColor; width:25px; height:25px; border-radius:50%; display:grid; place-items:center; flex:none; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-grid { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:28px; align-items:start; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-content { min-width:0; }
  html:root[data-mwc-style=alpine] .build-pricing-page #bp-summary { border-left:1px solid var(--bp-line); padding-left:24px; position:sticky; top:20px; max-height:calc(100vh - 40px); max-height:calc(100dvh - 40px); overflow-y:auto; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-band { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 16px; background:var(--bp-blue); color:#fff; margin:22px 0 0; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-band:first-child { margin-top:0; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-costing-band { flex-wrap:wrap; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-pack-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; background:var(--bp-soft); border-bottom:1px solid var(--bp-line); }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-pack-heading h3 { margin:0; font-size:17px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-pack-row { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:12px; padding:18px 8px; border-bottom:1px solid var(--bp-line); align-items:start; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-pack-row strong { font-size:16px; overflow-wrap:anywhere; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-pack-row small { display:block; margin-top:5px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-pack-state { border-radius:50%; background:var(--bp-green); color:var(--bp-ink); width:24px; height:24px; display:grid; place-items:center; }
  html:root[data-mwc-style=alpine] .build-pricing-page .is-missing .bp-pack-state { background:var(--bp-sand); color:var(--bp-sand-ink); }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-pack-details { margin-top:12px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-pack-details summary { color:var(--bp-muted); cursor:pointer; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-pack-details>label { margin:12px 0; max-width:220px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-pack-details ul { padding-left:20px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-pack-total { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; padding:14px 8px; border-bottom:2px solid var(--bp-line); }
  @media(max-width:600px) { html:root[data-mwc-style=alpine] .build-pricing-page .bp-pack-row { grid-template-columns:24px minmax(0,1fr); } html:root[data-mwc-style=alpine] .build-pricing-page .bp-pack-row .bp-line-total { grid-column:2; justify-content:space-between; } }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-costing-band h2 { flex:1 1 220px; }
  /* Override the shared !important heading ink and tracking on blue bands. */
  html:root[data-mwc-style=alpine] body.build-pricing-page :is(h1,h2,h3) { letter-spacing:0!important; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bp-band h2 { display:flex; gap:9px; align-items:center; color:#fff!important; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bp-document h1 { color:#1c1c1a!important; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bp-document h2 { color:#365875!important; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-band button { padding:6px 9px; min-height:34px; white-space:nowrap; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-line { display:grid; grid-template-columns:minmax(170px,1fr) 80px 120px 105px; gap:14px; padding:18px 0; border-bottom:1px solid var(--bp-line); align-items:start; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-line strong { font-size:16px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-line-total { display:grid; justify-items:end; gap:10px; font-variant-numeric:tabular-nums; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-inputs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:18px; padding:22px 0; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-note { display:grid; gap:8px; margin:18px 0; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-check { display:flex; gap:10px; align-items:center; margin:12px 0; font-size:14px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-badge { display:inline-flex; background:var(--bp-soft); color:var(--bp-ink); padding:4px 7px; border-radius:4px; font-size:12px; font-weight:650; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-badge.pending { background:transparent; color:var(--bp-sand-ink); border:1px solid var(--bp-line); }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-badge.included { background:var(--bp-green); }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-option { display:grid; grid-template-columns:minmax(0,1fr) 190px; gap:18px; padding:18px 0; border-bottom:1px solid var(--bp-line); }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-option strong { font-size:16px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-option-price { display:block; margin:8px 0; font-variant-numeric:tabular-nums; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-options-heading,html:root[data-mwc-style=alpine] .build-pricing-page .bp-group-summary { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin:16px 0; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-option-group { margin:0 0 24px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-option-group .bp-band { flex-wrap:wrap; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-option-group h2 { min-width:0; overflow-wrap:anywhere; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-group-price { font-size:22px; font-variant-numeric:tabular-nums; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-option-group summary { font-weight:700; cursor:pointer; color:var(--bp-muted); }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-ungrouped>summary { padding:14px 16px; background:var(--bp-soft); color:var(--bp-ink); font-size:17px; font-weight:700; cursor:pointer; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-option-group .bp-option button { font-size:12px; min-height:32px; padding:5px 8px; margin-top:8px; }
  html:root[data-mwc-style=alpine] .build-pricing-page #bp-option-group-form { display:grid; gap:16px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-group-picks { max-height:340px; overflow:auto; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-group-pick { display:flex; align-items:flex-start; gap:12px; border-bottom:1px solid var(--bp-line); padding:14px 4px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-group-pick[hidden] { display:none; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-group-pick strong { font-size:16px; overflow-wrap:anywhere; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-group-pick input { margin-top:3px; }
  html:root[data-mwc-style=alpine] .build-pricing-page #bp-group-error { color:var(--bp-sand-ink); margin:0; }
  html:root[data-mwc-style=alpine] .build-pricing-page dl { margin:20px 0; }
  html:root[data-mwc-style=alpine] .build-pricing-page dl div { display:flex; justify-content:space-between; gap:12px; margin:10px 0; }
  html:root[data-mwc-style=alpine] .build-pricing-page dd { margin:0; font-weight:650; white-space:nowrap; font-variant-numeric:tabular-nums; }
  html:root[data-mwc-style=alpine] .build-pricing-page #bp-summary dl>div { flex-wrap:wrap; row-gap:3px; }
  html:root[data-mwc-style=alpine] .build-pricing-page #bp-summary dd { margin-left:auto; }
  html:root[data-mwc-style=alpine] .build-pricing-page small.bp-tax { display:inline; font-weight:400; white-space:nowrap; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-total { border-top:2px solid var(--bp-line); padding-top:18px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-total strong { display:block; font-size:27px; margin-top:6px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-attention { background:transparent; color:var(--bp-ink); padding:12px; margin:16px 0; border:1px solid var(--bp-line); border-left:3px solid #b58e47; font-size:13px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-attention ul { padding-left:18px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-attention li { margin-bottom:8px; }
  html:root[data-mwc-style=alpine] .build-pricing-page button.bp-review-link { display:block; width:100%; min-height:44px; padding:4px 0; border:0; border-radius:0; background:transparent; box-shadow:none; color:var(--bp-ink); font:inherit; text-align:left; white-space:normal; text-decoration:underline; text-decoration-color:var(--bp-line); text-underline-offset:3px; }
  html:root[data-mwc-style=alpine] .build-pricing-page button.bp-review-link:hover { background:var(--bp-soft); }
  html:root[data-mwc-style=alpine] .build-pricing-page button.bp-review-link:focus-visible { outline:2px solid var(--bp-muted); outline-offset:3px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-review-target { outline:2px solid var(--bp-muted); outline-offset:4px; scroll-margin-top:100px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-preview-setting { min-height:44px; margin:0; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-weight { margin:0; padding:0; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-weight summary { font-weight:600; cursor:pointer; padding:8px 0; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-weight-row { display:grid; grid-template-columns:minmax(0,2fr) repeat(2,minmax(90px,1fr)); gap:12px; padding:16px 0; border-bottom:1px solid var(--bp-line); }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-weight-row .bp-check { grid-column:1/-1; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-line select { max-width:100%; margin-top:6px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-history { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:16px; padding:18px 0; border-bottom:1px solid var(--bp-line); }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-history small { margin:5px 0; }
  /* Payment schedule editor (Clement, 25 October 2026): one row per payment, the worked-out amounts beside them. */
  html:root[data-mwc-style=alpine] .build-pricing-page .qp-editor>p { margin:14px 0 0; color:var(--bp-muted); }
  html:root[data-mwc-style=alpine] .build-pricing-page .qp-rows { list-style:none; margin:10px 0 0; padding:0; }
  html:root[data-mwc-style=alpine] .build-pricing-page .qp-rows li { display:grid; grid-template-columns:28px minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr); gap:10px 14px; align-items:end; padding:14px 0; border-bottom:1px solid var(--bp-line); }
  html:root[data-mwc-style=alpine] .build-pricing-page .qp-rows .qp-n { align-self:center; font-weight:700; color:var(--bp-blue); }
  html:root[data-mwc-style=alpine] .build-pricing-page .qp-rows output { align-self:center; font-weight:700; color:var(--bp-ink); }
  html:root[data-mwc-style=alpine] .build-pricing-page .qp-rows .qp-note { grid-column:2 / 4; }
  html:root[data-mwc-style=alpine] .build-pricing-page .qp-rows .qp-actions { grid-column:4; display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; }
  html:root[data-mwc-style=alpine] .build-pricing-page .qp-editor>button { margin-top:12px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .qp-check { margin:12px 0 0; padding:10px 12px; background:var(--bp-soft); color:var(--bp-ink); }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:26px; border-top:1px solid var(--bp-line); padding-top:20px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-footer>span { color:var(--bp-muted); font-size:12px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-form { display:grid; gap:20px; padding:22px 0; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-comparison { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin:22px 0; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-comparison strong { display:block; margin-top:8px; font-size:20px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-mode { display:flex; gap:15px; align-items:center; }
  html:root[data-mwc-style=alpine] .build-pricing-page dialog { max-width:850px; width:calc(100% - 28px); max-height:90vh; max-height:90dvh; padding:22px; border:1px solid var(--bp-line); border-radius:8px; background:var(--bp-paper); color:var(--bp-ink); }
  html:root[data-mwc-style=alpine] .build-pricing-page dialog::backdrop { background:#14232c88; }
  html:root[data-mwc-style=alpine] .build-pricing-page dialog>header,html:root[data-mwc-style=alpine] .build-pricing-page dialog>footer { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:0 0 20px; }
  html:root[data-mwc-style=alpine] .build-pricing-page #bp-dialog-body>label { margin:15px 0; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-empty,html:root[data-mwc-style=alpine] .build-pricing-page .bp-note-text { color:var(--bp-muted); font-size:13px; }
  html:root[data-mwc-style=alpine] .build-pricing-page :is(button,a,input,select,textarea):focus-visible { outline:3px solid #89aac5; outline-offset:3px; }
  @media(max-width:1100px) { html:root[data-mwc-style=alpine] .build-pricing-page .bp-line { grid-template-columns:minmax(0,1fr) 80px 110px; } html:root[data-mwc-style=alpine] .build-pricing-page .bp-line-total { grid-column:1/-1; display:flex; justify-content:flex-end; align-items:center; } }
  @media(max-width:760px) {
    html:root[data-mwc-style=alpine] .build-pricing-page .bp-main { padding:18px; }
    html:root[data-mwc-style=alpine] .build-pricing-page .bp-grid { grid-template-columns:1fr; }
    html:root[data-mwc-style=alpine] .build-pricing-page #bp-summary { position:static; max-height:none; overflow:visible; border-left:0; border-top:2px solid var(--bp-line); padding:22px 0 0; }
    html:root[data-mwc-style=alpine] .build-pricing-page .bp-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
    html:root[data-mwc-style=alpine] .build-pricing-page .bp-inputs { grid-template-columns:1fr; }
    html:root[data-mwc-style=alpine] .build-pricing-page .bp-line { grid-template-columns:1fr 1fr; }
    html:root[data-mwc-style=alpine] .build-pricing-page .bp-line>div:first-child { grid-column:1/-1; }
    html:root[data-mwc-style=alpine] .build-pricing-page .bp-option,html:root[data-mwc-style=alpine] .build-pricing-page .bp-comparison { grid-template-columns:1fr; }
    html:root[data-mwc-style=alpine] .build-pricing-page .bp-history { grid-template-columns:1fr auto; }
    html:root[data-mwc-style=alpine] .build-pricing-page .bp-history>div { grid-column:1/-1; }
    html:root[data-mwc-style=alpine] .build-pricing-page .qp-rows li { grid-template-columns:28px minmax(0,1fr); }
    html:root[data-mwc-style=alpine] .build-pricing-page .qp-rows li>:not(.qp-n) { grid-column:2; }
    html:root[data-mwc-style=alpine] .build-pricing-page input,html:root[data-mwc-style=alpine] .build-pricing-page select,html:root[data-mwc-style=alpine] .build-pricing-page textarea { font-size:16px; }
    html:root[data-mwc-style=alpine] .build-pricing-page button { min-height:44px; }
  }
}
.bp-document { color:#1c1c1a; background:#fff; padding:26px; font:14px/1.55 Arial,sans-serif; }
.bp-document .bp-wordmark { font:26px Georgia,serif; color:#1c1c1a; }
.bp-document h1 { font:30px Georgia,serif; text-transform:capitalize; }
.bp-document h2 { font:700 18px Arial,sans-serif; color:#365875; border-bottom:1px solid #cbd6de; padding-bottom:10px; margin-top:25px; }
.bp-document .bp-prose { white-space:pre-wrap; }
.bp-document .bp-doc-total { margin-top:24px; border-top:2px solid #365875; padding-top:10px; }
.bp-document .bp-doc-total p,.bp-document .bp-doc-option { display:flex; justify-content:space-between; gap:20px; }
.bp-document footer { border-top:1px solid #cbd6de; margin-top:35px; padding-top:15px; }
@media print { .bp-document { padding:0; } .bp-document li,.bp-document .bp-doc-total,.bp-document .bp-doc-option { break-inside:avoid; } }
@media screen {
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-source { display:flex; gap:12px; align-items:center; flex-wrap:wrap; padding:12px 0 20px; }
  html:root[data-mwc-style=alpine] .build-pricing-page #bp-summary .bp-attention ul { max-height:260px; overflow:auto; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-section { margin-bottom:24px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-section>summary { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:15px; background:var(--bp-blue); color:#fff; list-style:none; cursor:pointer; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-section>summary>strong { font-size:18px; display:flex; align-items:center; gap:9px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-section>summary>span { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:10px; font-size:13px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-actions { display:flex; gap:10px; flex-wrap:wrap; padding:12px 0; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-section .bp-band { flex-wrap:wrap; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-section .bp-band h2 { flex:1 1 220px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-row { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto; align-items:start; gap:16px; padding:18px 12px; border-bottom:1px solid var(--bp-line); }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-row strong { font-size:17px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-row small { display:block; margin-top:6px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-decision-actions { display:grid; gap:8px; max-width:185px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-decision-actions button { font-size:12px; padding:7px 9px; text-align:left; }
  html:root[data-mwc-style=alpine] .build-pricing-page #bp-decision-form { display:grid; gap:18px; }
  html:root[data-mwc-style=alpine] .build-pricing-page #bp-decision-form h3 { font-size:18px; margin:0 0 12px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-picker-steps { display:grid; gap:12px; margin-top:14px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-picked-product { padding:12px; background:var(--bp-soft); border-left:3px solid var(--bp-blue); margin-bottom:14px; font-weight:650; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-decision-products { max-height:280px; overflow:auto; margin-top:10px; }
  html:root[data-mwc-style=alpine] .build-pricing-page #bp-decision-error { color:#a03322; margin:0; }
  /* Beat the shared select background's !important rule for decision states. */
  html:root[data-mwc-style=alpine] .build-pricing-page [data-decision-state=undecided] { background:var(--bp-sand)!important; color:var(--bp-sand-ink)!important; }
  html:root[data-mwc-style=alpine] .build-pricing-page [data-decision-state=selected] { background:var(--bp-green)!important; }
  html:root[data-mwc-style=alpine] .build-pricing-page :is([data-decision-state=not_included],[data-decision-state=not_applicable]) { background:var(--bp-soft)!important; color:var(--bp-muted)!important; }
  html:root[data-mwc-style=alpine][data-alpine-theme=dark] .build-pricing-page #bp-decision-error { color:#ffb3a7; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-row .bp-prose { white-space:pre-wrap; overflow-wrap:anywhere; margin-top:5px; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-pending { border-left:3px solid #c08a33; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-history { margin:24px 0; }
  html:root[data-mwc-style=alpine] .build-pricing-page #bp-allocate label { margin:16px 0; }
  html:root[data-mwc-style=alpine] .build-pricing-page .bp-fixture { padding:10px 22px; background:#fff1d7; color:#644313; font-weight:700; text-align:center; }
  @media(max-width:760px) {
    html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-section>summary { align-items:flex-start; flex-direction:column; }
    html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-row { grid-template-columns:minmax(0,1fr); gap:10px; }
    html:root[data-mwc-style=alpine] .build-pricing-page .bp-scope-row>button { justify-self:start; }
  }
}
.bp-document .bp-doc-scope-row { border-bottom:1px solid #cbd6de; padding:10px 0; break-inside:avoid; }
.bp-document .bp-doc-scope-row>span { display:block; color:#365875; font-size:12px; }
.bp-document .bp-doc-scope-row p { white-space:pre-wrap; overflow-wrap:anywhere; margin:4px 0; }

/* Guided client walkthrough, approved option 2, 15 October 2026. */
@media screen {
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-scope { min-width:0; line-height:1.6; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-scope h2 { font:28px/1.2 Georgia,serif; margin:10px 0 16px; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-scope h3 { font:22px/1.3 Georgia,serif; margin:10px 0 16px; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-scope h4 { font-size:16px; margin:16px 0 8px; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-guided { display:grid; grid-template-columns:185px minmax(0,1fr); gap:26px; margin:28px 0; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-guided nav { display:flex; flex-direction:column; gap:3px; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-guided nav button { text-align:left; border:0; border-radius:4px; justify-content:flex-start; min-height:44px; white-space:normal; overflow-wrap:anywhere; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-guided nav button[aria-current=true] { background:#365875; color:white; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-prose { white-space:pre-wrap; overflow-wrap:anywhere; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-scope small { font-size:12px; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-scope summary,html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-costing-review>summary { padding:16px 0; cursor:pointer; font-weight:700; border-top:1px solid var(--bp-line); }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-scope .bcs-schedule>summary { font-size:20px; color:var(--bp-blue); }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-schedule li { margin:8px 0; overflow-wrap:anywhere; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-drawings { padding:24px 0; border-top:1px solid var(--bp-line); margin-top:26px; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-drawings svg { width:100%; height:auto; display:block; background:white; color:#1c1c1a; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-drawing-key { columns:2; padding-left:24px; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-drawing-key li { break-inside:avoid; padding:4px 10px 4px 0; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-drawing-key small { display:block; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-caution { border-left:3px solid #bc8a36; padding:10px 14px; background:#fff2d9; color:#674511; font-size:13px; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-dimension-row { display:grid; grid-template-columns:minmax(0,1fr) 150px 150px; gap:14px; align-items:end; padding:12px 0; border-bottom:1px solid var(--bp-line); }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-dimension-status { grid-column:1/-1; color:var(--bp-muted); font-size:13px; line-height:1.5; }
  html:root[data-mwc-style=alpine] body.build-pricing-page #bp-scope-form>label { display:block; margin:16px 0; }
  html:root[data-mwc-style=alpine] body.build-pricing-page #bp-scope-form textarea { width:100%; resize:vertical; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-option { padding:8px 0 16px; border-bottom:1px solid var(--bp-line); }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-option-area { padding-top:20px; }
  html:root[data-mwc-style=alpine][data-alpine-theme=dark] body.build-pricing-page .bcs-caution { background:#423720; color:#f3d799; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bp-document .bcs-caution { background:#fff2d9; color:#674511; }
  /* The shared dark heading and secondary-ink rules use !important. Documents stay on white. */
  html:root[data-mwc-style=alpine] body.build-pricing-page .bp-document .bcs-scope h3,
  html:root[data-mwc-style=alpine] body.build-pricing-page .bp-document .bcs-scope h4 { color:#365875!important; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bp-document .bcs-scope small { color:#526278!important; }
  html:root[data-mwc-style=alpine] body.build-pricing-page .bp-document .bcs-scope strong { color:#1c1c1a!important; }
  @media(max-width:1000px) {
    html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-guided { grid-template-columns:minmax(0,1fr); gap:18px; }
    html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-guided nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-dimension-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
    html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-dimension-row>strong { grid-column:1/-1; }
    html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-drawing-key { columns:1; }
  }
}
.bp-document .bcs-prose { white-space:pre-wrap; }
.bp-document .bcs-chapter { margin:24px 0; }
.bp-document .bcs-chapter h3 { font:22px/1.3 Georgia,serif; color:#365875; }
.bp-document .bcs-drawings svg { width:100%; height:auto; background:#fff; }
.bp-document .bcs-drawing-key { columns:2; }
.bp-document .bcs-drawing-key small { display:block; }
/* The client scope uses the Studio's furniture artwork without editor controls. */
:is(#mwc-studio-v2,.meeting-plan-readonly).meeting-plan-readonly .piece { cursor:default; }
:is(#mwc-studio-v2,.meeting-plan-readonly).meeting-plan-readonly .piece-content { padding:0; }
:is(#mwc-studio-v2,.meeting-plan-readonly).meeting-plan-readonly .visual { position:absolute; inset:0; }
:is(#mwc-studio-v2,.meeting-plan-readonly).meeting-plan-readonly .vehicle { margin-top:30px; margin-bottom:22px; }
:is(#mwc-studio-v2,.meeting-plan-readonly).meeting-plan-readonly .floor { touch-action:auto; }
html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-drawings .meeting-plan-readonly .cab-art,
.bp-document .bcs-drawings .meeting-plan-readonly .cab-art { height:100%; background:transparent; }
html:root[data-mwc-style=alpine] body.build-pricing-page .bcs-drawings .meeting-plan-readonly .studio-symbol,
.bp-document .bcs-drawings .meeting-plan-readonly .studio-symbol { width:100%; height:100%; background:transparent; }
.bcs-area-key { list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; padding:0; margin:16px 0; }
.bcs-area-key li { display:grid; gap:3px; break-inside:avoid; }
.bcs-area-key span { font-size:13px; }
.bcs-elevation-details { margin-top:16px; }
.bcs-elevation { margin:24px 0; }
.bcs-elevation-key { list-style:none; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; font-size:13px; }
.bcs-elevation-key li { min-width:0; overflow-wrap:anywhere; }
.bcs-elevation-key strong,.bcs-elevation-key span { display:block; }
.bcs-elevation-key span { margin-top:4px; }
@media(max-width:600px){.bcs-elevation-key { grid-template-columns:1fr; }}
.bp-document :is(#mwc-studio-v2,.meeting-plan-readonly).meeting-plan-readonly { --paper:#fff;--ink:#26343f;--quiet:#5d6f7d;--line:#d6e1e9;--wash:#edf3f8;--brand:#375875;--wood:#f7dfa0;--water:#cee9ee;--sleep:#dce7f3;--seat:#deddf0;--plan:#fcfdff;color-scheme:light; }
@media(max-width:600px){.bcs-area-key { grid-template-columns:1fr; }}
@media print{.meeting-plan-readonly { break-inside:avoid; print-color-adjust:exact; }details.bcs-elevation-details:not([open]) { display:none; }}
.bp-document .bcs-schedule { margin-top:28px; }
.bp-document .bcs-caution { border-left:2px solid #bc8a36; padding:8px 12px; font-size:12px; }
@media print {
  .bp-document .bcs-elevation,.bp-document .bcs-drawings svg,.bp-document .bcs-chapter { break-inside:avoid; }
  .bp-document .bcs-schedule h2,.bp-document .bcs-schedule h3,.bp-document .bcs-option h4 { break-after:avoid; }
}

/* Product Specification tabs, preview 2 approved by Clement on 15 October 2026. */
@media screen {
 html:root[data-mwc-style=alpine] body .product-physical { padding:20px; margin:12px 0; border:1px solid var(--al-line); border-radius:18px; background:var(--al-card); color:var(--al-ink); min-width:0; overflow-wrap:anywhere; }
 html:root[data-mwc-style=alpine] body .product-physical h3 { font-size:17px; margin:0 0 16px; }
 html:root[data-mwc-style=alpine] body .physical-references { margin-top:24px; padding-top:20px; border-top:1px solid var(--al-line); }
 html:root[data-mwc-style=alpine] body .physical-references h4 { margin:0 0 14px; font-size:15px; }
 html:root[data-mwc-style=alpine] body .physical-extra { margin-top:16px; border-top:1px solid var(--al-line); padding-top:12px; }
 html:root[data-mwc-style=alpine] body .physical-extra summary { cursor:pointer; font-size:14px; font-weight:600; padding:10px 0; }
 html:root[data-mwc-style=alpine] body .physical-extra dl { margin:8px 0; }
 html:root[data-mwc-style=alpine] body .physical-extra dl>div { padding:8px 0; }
 html:root[data-mwc-style=alpine] body .physical-extra dt { font-size:12px; color:var(--al-muted); margin-bottom:5px; }
 html:root[data-mwc-style=alpine] body .physical-extra dd { margin:0; font-size:14px; line-height:1.5; white-space:pre-wrap; }
 html:root[data-mwc-style=alpine] body .physical-extra ul { margin:0; padding-left:20px; }
 html:root[data-mwc-style=alpine] body .physical-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:20px; }
 html:root[data-mwc-style=alpine] body .physical-summary span, html:root[data-mwc-style=alpine] body .physical-value>span { display:block; font-size:12px; color:var(--al-muted); margin-bottom:5px; }
 html:root[data-mwc-style=alpine] body .physical-summary strong { font-size:15px; line-height:1.4; }
 html:root[data-mwc-style=alpine] body .physical-tabs { display:flex; gap:4px; padding:4px; border-radius:12px; background:var(--al-bg); margin-bottom:16px; }
 html:root[data-mwc-style=alpine] body .physical-tabs button { flex:1; min-width:0; min-height:44px; padding:9px 6px; border:0; border-radius:9px; background:transparent; color:var(--al-muted); font:600 13px var(--al-font); cursor:pointer; }
 html:root[data-mwc-style=alpine] body .physical-tabs button[aria-selected=true] { background:var(--al-blue); color:white!important; }
 html:root[data-mwc-style=alpine] body .physical-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
 html:root[data-mwc-style=alpine] body .physical-grid .field { min-width:0; margin:0; }
 html:root[data-mwc-style=alpine] body .physical-wide { grid-column:1/-1; }
 html:root[data-mwc-style=alpine] body .physical-hint { color:var(--al-muted); font-size:13px; line-height:1.5; margin:0 0 16px; }
 html:root[data-mwc-style=alpine] body .physical-value { font-size:14px; white-space:pre-wrap; line-height:1.5; }
 html:root[data-mwc-style=alpine] body .product-physical :is(input,textarea) { box-sizing:border-box; width:100%; min-width:0; border:1px solid var(--al-line); border-radius:8px; padding:11px; background:var(--al-card); color:var(--al-ink); font:14px var(--al-font); }
 html:root[data-mwc-style=alpine] body .product-physical textarea { resize:vertical; min-height:88px; line-height:1.5; }
 html:root[data-mwc-style=alpine] body .product-physical [hidden] { display:none!important; }
 html:root[data-mwc-style=alpine] body .physical-catalogue { margin-top:14px; cursor:default; }
 html:root[data-mwc-style=alpine] body .physical-catalogue>summary { cursor:pointer; padding:10px 0; color:var(--al-link); font-size:13px; font-weight:600; }
 @media(max-width:600px) {
  html:root[data-mwc-style=alpine] body .product-physical { padding:15px; }
  html:root[data-mwc-style=alpine] body .physical-summary { grid-template-columns:1fr; gap:12px; }
  html:root[data-mwc-style=alpine] body .physical-summary>div { display:flex; justify-content:space-between; gap:16px; }
  html:root[data-mwc-style=alpine] body .physical-summary strong { text-align:right; }
 }
}

/* Shared client document wording, 15 October 2026. */
@media screen {
 html:root[data-mwc-style=alpine] body.client-disclaimer-page .bp-main { max-width:1000px; }
 html:root[data-mwc-style=alpine] body.client-disclaimer-page fieldset { border:0; padding:0; margin:0; min-width:0; }
 html:root[data-mwc-style=alpine] body.client-disclaimer-page #cd-fields>label { display:block; border-top:1px solid var(--al-line); padding:20px 0; font-weight:600; }
 html:root[data-mwc-style=alpine] body.client-disclaimer-page textarea { width:100%; box-sizing:border-box; margin-top:10px; padding:12px; border:1px solid var(--al-line); border-radius:8px; background:var(--al-card); color:var(--al-ink); font:15px/1.6 var(--al-font); resize:vertical; }
 html:root[data-mwc-style=alpine] body.client-disclaimer-page .cd-preview { border-top:1px solid var(--al-line); padding-top:20px; }
 html:root[data-mwc-style=alpine] body.client-disclaimer-page #cd-preview { background:white; padding:20px; margin-top:14px; }
 html:root[data-mwc-style=alpine] body.client-disclaimer-page #cd-error { color:var(--al-danger,#a33); }
 html:root[data-mwc-style=alpine] body .bp-disclaimer-settings { border-top:1px solid var(--al-line); padding-top:20px; margin-top:24px; }
 html:root[data-mwc-style=alpine] body .bp-disclaimer-settings .bp-actions { justify-content:space-between; }
 html:root[data-mwc-style=alpine] body .bp-disclaimer-settings h2 { font-size:18px; margin:0; }
 html:root[data-mwc-style=alpine] body .bp-disclaimer-settings .mwc-client-disclaimer { color:var(--al-ink)!important; }
 html:root[data-mwc-style=alpine] body.client-disclaimer-page .bp-top { position:sticky; top:0; z-index:5; flex-wrap:wrap; }
}
@media screen {
 html:root[data-mwc-style=alpine] body .material-board { margin:24px 0 12px; padding:20px 0 0; border-top:1px solid var(--al-line,#d5dce2); }
 html:root[data-mwc-style=alpine] body .material-board h2 { font-size:20px; margin:0 0 16px; }
 html:root[data-mwc-style=alpine] body .material-board-caption { max-width:720px; font-size:13px; line-height:1.5; }
 html:root[data-mwc-style=alpine] body .material-board-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:24px; }
 html:root[data-mwc-style=alpine] body .material-board-actions button { display:inline-flex; align-items:center; gap:8px; min-height:44px; }
 html:root[data-mwc-style=alpine] body .material-board-actions svg { width:18px; height:18px; flex:none; }
}
.bp-document .material-board { break-inside:avoid; margin:24px 0; }
.bp-document .material-board h2 { font-size:20px; }
.bp-document .material-board-caption { font-size:12px; line-height:1.5; }
@media print { .material-board-actions { display:none; } .material-board { break-inside:avoid; } .material-board img { max-height:210mm; } }

/* Ordering: the quantity is the Edit button for an item already on the list
   (quantity, supplier, category), 15 October 2026. Same cell as the approved
   clean-column row, with a blue Edit label under the number and a soft blue
   hover so it reads as tappable; on a phone the number keeps its column. */
@media screen {
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-edit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;min-height:44px;padding:4px 2px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:center;cursor:pointer}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-edit:hover{background:var(--al-info-bg);border-color:var(--al-line)}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-edit:focus-visible{outline:3px solid var(--al-focus,#89A8C2);outline-offset:1px}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-edit .ord-item-qty-num{line-height:1.2!important}
 /* The older graphite rule forced a dark grey number, unreadable in the dark appearance. */
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-qty-num{color:var(--al-ink)!important}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-edit .ord-item-qty-label{display:block;margin:0;color:var(--al-link);font:600 11px/1.2 var(--al-font)}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-edited{color:var(--al-info-ink)!important;background:var(--al-info-bg)!important;border-color:transparent!important;font:600 10px var(--al-font);letter-spacing:.04em}
 html:root[data-mwc-style=alpine] body #ord-edit-overlay .ord-edit-name{font:650 15px/1.4 var(--al-font);color:var(--al-ink)}
 html:root[data-mwc-style=alpine] body #ord-edit-overlay .ord-add-hint{margin-top:10px}
 html:root[data-mwc-style=alpine] body #ord-edit-overlay .ord-edit-remove{display:block;margin-top:14px;min-height:44px;padding:0 2px;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--al-danger-ink)!important;font:600 14px var(--al-font)!important;text-align:left;cursor:pointer}
 html:root[data-mwc-style=alpine] body #ord-edit-overlay .ord-edit-remove:hover{text-decoration:underline}
}
@media screen and (max-width:800px){
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-edit{flex-direction:column;gap:1px;padding:2px 0}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item-edit::before{content:none}
 html:root[data-mwc-style=alpine] body #pane-ordering .ord-item{grid-template-columns:22px 44px minmax(0,1fr)}
}

/* Product manuals and documents, approved 19 October 2026. */
@media screen {
 html:root[data-mwc-style=alpine] body .product-documents { grid-column:1/-1; padding:20px; margin:12px 0 0; min-width:0; border:1px solid var(--al-line); border-radius:18px; background:var(--al-card); color:var(--al-ink); font:14px/1.5 var(--al-font); }
 html:root[data-mwc-style=alpine] body .product-documents [hidden] { display:none!important; }
 html:root[data-mwc-style=alpine] body .pd-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
 html:root[data-mwc-style=alpine] body .pd-heading :is(h3,h4) { margin:0; font-size:17px; }
 html:root[data-mwc-style=alpine] body .pd-heading p { margin:5px 0 0; color:var(--al-muted); font-size:13px; }
 html:root[data-mwc-style=alpine] body .pd-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
 html:root[data-mwc-style=alpine] body .pd-button { min-height:44px; padding:9px 13px; border:1px solid var(--al-line); border-radius:10px; background:var(--al-card); color:var(--al-ink); font:500 13px/1.4 var(--al-font); cursor:pointer; }
 html:root[data-mwc-style=alpine] body .pd-button.pd-primary { background:var(--al-blue); color:#fff; border-color:var(--al-blue); }
 html:root[data-mwc-style=alpine] body .pd-button:disabled { opacity:.6; cursor:wait; }
 html:root[data-mwc-style=alpine] body .pd-file { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 0; border-bottom:1px solid var(--al-line); }
 html:root[data-mwc-style=alpine] body .pd-file-info { min-width:0; overflow-wrap:anywhere; }
 html:root[data-mwc-style=alpine] body .pd-file-info strong { display:block; font-weight:600; }
 html:root[data-mwc-style=alpine] body :is(.pd-file-info span,.pd-hint,.pd-empty,.pd-status) { color:var(--al-muted); font-size:13px; }
 html:root[data-mwc-style=alpine] body .pd-status { margin:10px 0 0; overflow-wrap:anywhere; }
 html:root[data-mwc-style=alpine] body .pd-status:empty { display:none; }
 html:root[data-mwc-style=alpine] body .pd-upload { background:var(--al-bg); padding:16px; margin-top:16px; border-radius:12px; }
 html:root[data-mwc-style=alpine] body .pd-fields { display:grid; grid-template-columns:minmax(140px,1fr) minmax(0,1.6fr); gap:14px; }
 html:root[data-mwc-style=alpine] body .pd-fields label { display:flex; flex-direction:column; gap:6px; min-width:0; font-size:13px; font-weight:500; }
 html:root[data-mwc-style=alpine] body .pd-fields :is(input,select) { box-sizing:border-box; width:100%; min-width:0; min-height:44px; border:1px solid var(--al-line); border-radius:8px; padding:9px; background:var(--al-card); color:var(--al-ink); font:14px var(--al-font); }
 html:root[data-mwc-style=alpine] body .pd-pending { overflow-wrap:anywhere; }
 html:root[data-mwc-style=alpine] body :is(.pd-error,.pd-remove) { color:#ac3434; }
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body :is(.pd-error,.pd-remove) { color:#ffa8a8; }
 @media(max-width:600px) {
  html:root[data-mwc-style=alpine] body .product-documents { padding:15px; }
  html:root[data-mwc-style=alpine] body :is(.pd-heading,.pd-file) { align-items:flex-start; flex-direction:column; gap:12px; }
  html:root[data-mwc-style=alpine] body .pd-fields { grid-template-columns:1fr; }
  html:root[data-mwc-style=alpine] body .pd-fields :is(input,select) { font-size:16px; }
 }
}

/* Workshop document actions retain the existing four-section workspace. */
@media screen {
 html:root[data-mwc-style=alpine] body.workshop-documents :is(.wd-tools,.wd-dialog header,.wd-dialog footer,.wd-pdf-dialog header,.wd-files li) { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-tools { padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:14px; }
 html:root[data-mwc-style=alpine] body.workshop-documents :is(.wd-tools small,.wd-files small) { display:block;color:var(--muted);margin-top:4px; }
 html:root[data-mwc-style=alpine] body.workshop-documents [data-wd] { display:inline-flex;align-items:center;gap:8px;min-height:44px;white-space:normal; }
 html:root[data-mwc-style=alpine] body.workshop-documents :is([data-wd] svg,.wd-pdf-dialog button svg) { width:18px;height:18px;flex:none; }
 html:root[data-mwc-style=alpine] body.workshop-documents button:disabled { opacity:.5;cursor:not-allowed; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-steps { display:flex;flex-wrap:wrap;gap:12px 32px;padding:12px 0 12px 24px;border-bottom:1px solid var(--line); }
 html:root[data-mwc-style=alpine] body.workshop-documents :is(.wd-workflow,.wd-preview-content) { padding:16px 0; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-preview-content :is(td,p,li) { overflow-wrap:anywhere; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-preview-content table { table-layout:fixed;width:100%; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-preview-content :is(td,th) { min-width:0; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-overview th:first-child { width:58%; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-overview th:nth-child(2) { width:14%; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-overview th:nth-child(3) { width:28%; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-overview .wd-details th:first-child { width:22%; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-overview .wd-details th:nth-child(2) { width:25%; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-overview .wd-details th:nth-child(3) { width:53%; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-preview-content svg { max-width:100%;height:auto; }
 html:root[data-mwc-style=alpine] body.workshop-documents :is(.wd-dialog,.wd-pdf-dialog) { width:min(900px,94vw);max-height:90vh;max-height:90dvh;overflow:auto;box-sizing:border-box; }
 html:root[data-mwc-style=alpine] body.workshop-documents :is(.wd-dialog h2,.wd-pdf-dialog h2) { font-size:20px;margin:0;overflow-wrap:anywhere; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-dialog label { display:block;margin:14px 0;font-size:14px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-dialog :is(input,textarea) { display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:5px;padding:10px;font:inherit; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-dialog footer { justify-content:flex-end;margin-top:18px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-files { list-style:none;padding:0; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-files li { padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-files li>div { flex:1;min-width:150px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wd-pdf-dialog iframe { display:block;width:100%;height:65vh;height:65dvh;margin-top:12px;border:1px solid var(--line);background:white; }
 @media(max-width:600px) {
  html:root[data-mwc-style=alpine] body.workshop-documents :is(.wd-dialog,.wd-pdf-dialog) { padding:16px; }
  html:root[data-mwc-style=alpine] body.workshop-documents .wd-dialog :is(input,textarea) { font-size:16px; }
  html:root[data-mwc-style=alpine] body.workshop-documents .wd-steps { display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;font-size:13px; }
 }
}
/* Accepted builds retain earlier records beside the current workshop workspace. */
@media screen {
 html:root[data-mwc-style=alpine] body .build-workshop-link { display:inline-flex;align-items:center;box-sizing:border-box;min-height:48px;padding:8px 12px;border:1px solid #89AAC5;border-radius:8px;background:#375875;color:#fff;font:600 14px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-decoration:none;white-space:normal; }
 html:root[data-mwc-style=alpine] body .build-workshop-link:focus-visible { outline:3px solid #89AAC5;outline-offset:2px; }
 html:root[data-mwc-style=alpine] body .previous-records-note { padding:12px 0;border-bottom:1px solid var(--line,#E6E6EB);font-size:14px;line-height:1.5; }
}
/* Workshop supplier workspace, shared by Purchasing and Order Tracking. */
@media screen {
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-ordering { --supplier-band:#e4ebef;--supplier-quiet:#edf2f5;--supplier-ink:#375875; }
 html:root[data-mwc-style=alpine][data-alpine-theme=dark] body.workshop-documents .supplier-ordering { --supplier-band:#303e48;--supplier-quiet:#29353e;--supplier-ink:#bad0e1; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-workspace { display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;margin-top:16px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-main { min-width:0; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-sidebar { border-right:1px solid var(--al-line);padding-right:12px;max-height:640px;overflow-y:auto;align-self:start; }
 html:root[data-mwc-style=alpine] body.workshop-documents :is(.supplier-sidebar,.supplier-caption) h3 { font-size:15px;margin:0 0 10px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-sidebar button { display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;margin-bottom:4px;background:transparent;border-color:transparent;min-height:44px;font-size:13px;overflow-wrap:anywhere; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-statuses { display:flex;flex-wrap:wrap;gap:6px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-statuses button { background:var(--supplier-quiet);color:var(--supplier-ink);border-color:var(--al-strong);min-height:44px;font-size:13px; }
 html:root[data-mwc-style=alpine] body.workshop-documents :is(.supplier-sidebar,.supplier-statuses) button[aria-pressed=true] { background:#526b7d;color:white;border-color:#526b7d; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-statuses strong { margin-left:6px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-filters { display:flex;gap:12px;margin:14px 0; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-filters label { flex:1;min-width:0; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-filters label span { display:block;font-size:12px;margin-bottom:5px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-filters :is(input,select) { width:100%;min-width:0;min-height:44px;font:inherit;padding:8px 10px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-filters .mobile-supplier { display:none; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-caption { display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:var(--al-muted);font-size:13px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-table { width:100%;min-width:800px;border-collapse:collapse;font-size:13px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-table :is(th,td) { padding:8px;vertical-align:top;border-bottom:1px solid var(--al-line); }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-table thead th { font-size:12px;background:var(--supplier-quiet);white-space:nowrap; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-table .supplier-group th { background:var(--supplier-band);text-align:left; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-table .supplier-group :is(label,div) { display:flex;align-items:center;gap:12px;min-height:28px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-table .supplier-group span { color:var(--al-muted);font-weight:400; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-table input[type=checkbox] { width:18px;height:18px;accent-color:#526b7d; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-table:not(.tracking-table) :is(th:first-child,td.select-order) { width:44px;min-width:44px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-table:not(.tracking-table) th[colspan] { width:auto; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-product { min-width:220px;max-width:340px;overflow-wrap:anywhere; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-product>strong { display:block;font-size:14px; }
 html:root[data-mwc-style=alpine] body.workshop-documents :is(.supplier-product small,.supplier-product-link,.supplier-order-reference small) { display:block;font-size:12px;margin-top:4px;color:var(--al-muted); }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-product details { font-size:12px;margin-top:5px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-number { text-align:center;min-width:62px;font-variant-numeric:tabular-nums; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-stock { min-width:120px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-stock details { margin-top:3px;font-size:12px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-stock summary { cursor:pointer;min-height:28px;align-content:center;color:var(--al-muted); }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-table :is(button,.stock-workflow) { font-size:12px;line-height:18px;min-height:32px;padding:5px 8px;margin-top:0;border-radius:4px;box-sizing:border-box; }
 html:root[data-mwc-style=alpine] body.workshop-documents .stock-workflow { display:inline-flex;align-items:center;justify-content:center;min-width:100px;font-weight:600;text-decoration:none;border:1px solid;white-space:normal; }
 html:root[data-mwc-style=alpine] body.workshop-documents .stock-workflow.is-check { background:#E5E6EC;border-color:#a5a7b2;color:#30313b; }
 html:root[data-mwc-style=alpine] body.workshop-documents .stock-workflow.is-reserve { background:#EFD39D;border-color:#ad8b4b;color:#4d391a; }
 html:root[data-mwc-style=alpine] body.workshop-documents .stock-workflow.is-order { background:#375875;border-color:#375875;color:white; }
 html:root[data-mwc-style=alpine] body.workshop-documents .stock-workflow.is-queued { background:var(--supplier-band);border-color:#89AAC5;color:var(--supplier-ink); }
 html:root[data-mwc-style=alpine] body.workshop-documents .stock-workflow.is-ordered { background:#89AAC5;border-color:#557c9d;color:#182f43; }
 html:root[data-mwc-style=alpine] body.workshop-documents .stock-workflow.is-reserved { background:#e4eee5;border-color:#73917a;color:#294c32; }
 html:root[data-mwc-style=alpine] body.workshop-documents .stock-workflow:is(.is-delivered,.is-used) { background:#A8CBA8;border-color:#527552;color:#213e21; }
 html:root[data-mwc-style=alpine] body.workshop-documents .stock-workflow:focus-visible { outline:2px solid var(--al-focus);outline-offset:3px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-shortfall { text-align:center;background:var(--supplier-quiet);color:var(--supplier-ink);font-weight:700;min-width:70px;font-variant-numeric:tabular-nums; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-next { min-width:116px;max-width:170px;overflow-wrap:anywhere; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-order-reference { min-width:145px;max-width:220px;overflow-wrap:anywhere; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-delivery-date { min-width:110px;font-size:12px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-selection { display:flex;gap:10px;align-items:center;padding:10px 0;background:var(--al-card);border-top:1px solid var(--al-line); }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-selection>div { margin-right:auto;min-width:0; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-selection small { display:block;color:var(--al-muted);overflow-wrap:anywhere; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-tools { margin-top:12px;font-size:13px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-tools summary { min-height:44px;align-content:center;cursor:pointer;color:var(--al-link); }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-record-dialog { width:min(1000px,94vw);max-height:90vh;max-height:90dvh;overflow:auto;box-sizing:border-box; }
 html:root[data-mwc-style=alpine] body.workshop-documents .supplier-record-dialog>header { display:flex;justify-content:space-between;align-items:center;gap:12px; }
 @media(max-width:1100px) {
  html:root[data-mwc-style=alpine] body.workshop-documents .supplier-workspace { grid-template-columns:minmax(0,1fr); }
  html:root[data-mwc-style=alpine] body.workshop-documents .supplier-sidebar { display:none; }
  html:root[data-mwc-style=alpine] body.workshop-documents .supplier-filters .mobile-supplier { display:block; }
 }
 @media(max-width:600px) {
  html:root[data-mwc-style=alpine] body.workshop-documents .supplier-filters { flex-direction:column; }
  html:root[data-mwc-style=alpine] body.workshop-documents .supplier-selection { flex-wrap:wrap; }
  html:root[data-mwc-style=alpine] body.workshop-documents .supplier-selection>div { flex-basis:100%; }
  html:root[data-mwc-style=alpine] body.workshop-documents .supplier-selection button { flex:1; }
  html:root[data-mwc-style=alpine] body.workshop-documents .supplier-statuses button { flex:1 0 30%;padding:8px 5px; }
 }
 @media(pointer:coarse) {
  html:root[data-mwc-style=alpine] body.workshop-documents .supplier-table :is(button,.stock-workflow,summary) { min-height:44px; }
  html:root[data-mwc-style=alpine] body.workshop-documents .supplier-table .select-order { min-width:44px;height:44px; }
 }
}
/* Workshop-only drawing presentation keeps client documents unchanged. */
@media screen {
html:root[data-mwc-style=alpine] body.workshop-documents .wi-modes {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
html:root[data-mwc-style=alpine] body.workshop-documents .wi-toolbar[hidden] {display:none;}
html:root[data-mwc-style=alpine] body.workshop-documents .wi-modes [aria-pressed=true] {background:#375875;color:#fff;}
html:root[data-mwc-style=alpine] body.workshop-documents .electrical-row {border-bottom:1px solid var(--al-line);padding:12px 0;}
html:root[data-mwc-style=alpine] body.workshop-documents .electrical-row summary {display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(160px,1fr) minmax(160px,1fr);gap:16px;cursor:pointer;}
html:root[data-mwc-style=alpine] body.workshop-documents .electrical-row summary small,html:root[data-mwc-style=alpine] body.workshop-documents .electrical-row summary b {display:block;}
html:root[data-mwc-style=alpine] body.workshop-documents .electrical-row summary small {color:var(--al-muted);font-weight:400;}
html:root[data-mwc-style=alpine] body.workshop-documents .electrical-review table {width:100%;border-collapse:collapse;}
html:root[data-mwc-style=alpine] body.workshop-documents .electrical-review :is(th,td) {text-align:left;padding:9px;border-bottom:1px solid var(--al-line);overflow-wrap:anywhere;}
html:root[data-mwc-style=alpine] body.workshop-documents .electrical-review th {background:var(--al-bg);}
html:root[data-mwc-style=alpine] body.workshop-documents .electrical-references {display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;}
}
@media screen and (max-width:700px){
html:root[data-mwc-style=alpine] body.workshop-documents .electrical-row summary {grid-template-columns:1fr 1fr;}
html:root[data-mwc-style=alpine] body.workshop-documents .electrical-row summary>strong {grid-column:1/-1;}
}
@media screen {
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly {
  --paper:#fff;--ink:#263b45;--quiet:#667780;--line:#dce3e6;
  --wash:#f4f6f7;--brand:#365875;--wood:#f7f7f4;--water:#e2eff0;
  --sleep:#f4f6f7;--seat:#d9ded4;--plan:#fff;
  font-family:Arial,sans-serif;
  print-color-adjust:exact;-webkit-print-color-adjust:exact;
}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .vehicle {border-color:#365875;background:#fff;box-shadow:none;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .floor {background:#fff;background-image:none;border-color:#a8b6bf;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .piece,
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .surface {border-radius:0;box-shadow:none;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .surface,
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .surface:hover {background:#f7f7f4;border-color:#365875;color:#263b45;}
/* Furniture footprints must not inherit the mobile page-section padding. */
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .surface {padding:0!important;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .piece:is([data-type=seat],[data-type=travel]) .surface {background:#d9ded4;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .piece[data-type=assembly]:has(.component[data-type=seat]) .surface {background:#d9ded4;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .piece[data-type=fridge] .surface {background:#e5e9ec;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .piece[data-type=shower] .surface {background:#e2eff0;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .piece:is([data-type=toilet],[data-type=basin]) .surface {background:#fff;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .piece[data-type=table] .surface {background:#e5d3b4;border-radius:2px;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .piece[data-type=bed] .surface {background:#f4f6f7;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .piece[data-type=overhead] .surface {background:#f4f2eb;border-style:dashed;opacity:1;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .piece[data-type=mirror] .surface {background:#f7f7f4;border-style:dashed;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .piece.raised .surface {background:transparent;border:1px dashed #365875;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .piece.raised .visual {opacity:.12;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .woodgrain {background:none;border-radius:0;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .backrest {background:#e6e4dd;border-radius:1px;border-width:1px;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly :is(.fridge-door,.cabinet-face,.drawers b,.shower-pan) {border-radius:0;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .hob b {background:#fff;border-width:1px;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .component {border-color:#a8b6bf;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .studio-symbol {stroke-width:1;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .cab-art {fill:#f4f6f7;stroke:#667780;stroke-width:1;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly :is(.seat-back,.seat-headrest) {fill:#e6e4dd;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .studio-window.added {background:#365875;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .studio-window.door {background:#a8b6bf;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly :is(.side-label,.front-label,.rear-label) {color:#263b45;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .workshop-plan-product {position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:#365875;stroke-width:1.15;stroke-linejoin:round;stroke-linecap:round;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .workshop-plan-product :is(path,rect,circle) {vector-effect:non-scaling-stroke;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .workshop-plan-product .detail {stroke:#84949b;stroke-width:.7;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .piece[data-type=assembly]:has([data-plan-source=S2]) .surface {background:#d9ded4;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .piece:is([data-type=toilet],[data-type=basin],[data-type=fridge],[data-type=table]):has(.workshop-plan-product) .surface {background:transparent;border:0;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .vehicle:has(.workshop-cab) {border:1.5px solid #365875;border-radius:32px 32px 7px 7px;padding-top:224px;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .vehicle:has(.workshop-cab)::before {content:"";position:absolute;inset:6px;border:1px solid #a8b6bf;border-radius:inherit;pointer-events:none;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .workshop-cab {top:18px;height:190px;bottom:auto;border:0;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .workshop-cab-art {display:block;width:100%;height:100%;fill:none;stroke:#365875;stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .workshop-cab-art :is(path,rect,circle) {vector-effect:non-scaling-stroke;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .workshop-cab-art .detail {stroke:#84949b;stroke-width:.65;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly.has-plan-dimensions {overflow-x:auto;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly.has-plan-dimensions > [data-view] {min-width:820px;padding:76px 118px 120px 0;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .workshop-plan-dimensions {position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:#657987;stroke-width:.8;font-family:Arial,sans-serif;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .workshop-plan-dimensions .witness {stroke:#b4bfc6;stroke-width:.5;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .workshop-plan-dimensions text {fill:#263b45;font-size:14px;stroke:white;stroke-width:3;paint-order:stroke;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .workshop-plan-dimensions .unit-label {font-size:12px;fill:#667780;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly [data-view=sideways] .vehicle:has(.workshop-cab) {padding:24px 32px 24px 20%;border-radius:42px 8px 8px 42px;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly [data-view=sideways] .workshop-cab {left:16px;top:24px;bottom:24px;width:calc(20% - 26px);height:auto;aspect-ratio:auto;border:0;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly.has-plan-dimensions [data-view=sideways] .workshop-cab {width:calc(20% - 56px);}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly .vehicle:has(.workshop-cab) .rear-seam {border-width:1.5px;border-color:#365875;}
html:root[data-mwc-style=alpine] body.workshop-documents #app .drawings .meeting-plan-readonly [data-view=sideways] .vehicle:has(.workshop-cab) .rear-seam::after {content:"";position:absolute;top:50%;right:-4px;width:7px;border-top:1px solid #365875;}
 html:root[data-mwc-style=alpine] body.workshop-documents .wi-toolbar { display:flex;flex-wrap:wrap;gap:12px;align-items:end; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wi-toolbar label { display:grid;gap:6px;flex:1 1 220px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wi-toolbar input { min-width:0;width:100%; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wi-product { border-bottom:1px solid var(--al-line);padding:12px 0; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wi-product summary { cursor:pointer;min-height:44px; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wi-product small { display:block;color:var(--al-muted); }
 html:root[data-mwc-style=alpine] body.workshop-documents .wi-product p { white-space:pre-line;overflow-wrap:anywhere; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wi-manuals { list-style:none;padding:0; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wi-manuals li { display:flex;gap:16px;justify-content:space-between;align-items:center;padding:8px 0;overflow-wrap:anywhere; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wi-manuals button { flex-shrink:0; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wi-requirements dl>div { display:flex;gap:16px;border-bottom:1px solid var(--al-line);padding:6px 0; }
 html:root[data-mwc-style=alpine] body.workshop-documents .wi-requirements dd { margin-left:auto; }
 html:root[data-mwc-style=alpine] body.workshop-documents .drawing-set-tools { padding:16px 0;border-bottom:1px solid var(--al-line); }
 html:root[data-mwc-style=alpine] body.workshop-documents .drawing-set-row { display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--al-line); }
 html:root[data-mwc-style=alpine] body.workshop-documents .drawing-set-row p { flex-basis:100%;margin:0;white-space:pre-wrap;overflow-wrap:anywhere; }
 html:root[data-mwc-style=alpine] body.workshop-documents .drawing-set-current { color:var(--al-text);font-weight:700; }
 html:root[data-mwc-style=alpine] body.workshop-documents .drawing-set-dialog { width:min(600px,94vw);max-height:90vh;max-height:90dvh;overflow:auto; }
 html:root[data-mwc-style=alpine] body.workshop-documents .drawing-set-dialog textarea { width:100%;box-sizing:border-box;margin:10px 0;font:inherit; }
 html:root[data-mwc-style=alpine] body.workshop-documents .workshop-sheet { padding:16px 0; }
 html:root[data-mwc-style=alpine] body.workshop-documents .workshop-sheet svg.cabinetry-front-elevation { display:block;width:100%;background:white; }
}

/* Staff ordering needs a direct Home target even without browser navigation. */
@media screen {
 /* Override the shared compact header-back minimum for these touch targets. */
 html:root[data-mwc-style=alpine] body a.header-back.staff-home{display:inline-flex;align-items:center;min-height:44px!important;white-space:nowrap}
 html:root[data-mwc-style=alpine] body #who-gate .staff-home{margin-top:16px}
}

/* Stock request duplicate check, approved 4 November 2026. */
@media screen{
html:root[data-mwc-style=alpine] body .request-check{margin:auto;width:min(560px,calc(100% - 24px));max-height:90vh;max-height:90dvh;padding:22px;border:1px solid var(--al-line);border-radius:18px;background:var(--al-card);color:var(--al-ink);font:15px/1.5 var(--al-font)}
html:root[data-mwc-style=alpine] body .request-check::backdrop{background:rgba(0,0,0,.35)}
html:root[data-mwc-style=alpine] body .request-check header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
html:root[data-mwc-style=alpine] body .request-check h2{font:600 21px/1.3 var(--al-font);margin:8px 0 0}
html:root[data-mwc-style=alpine] body .request-check h3{font:600 17px/1.4 var(--al-font);margin:0 0 5px}
html:root[data-mwc-style=alpine] body .request-check p{margin:0 0 12px}
html:root[data-mwc-style=alpine] body .request-check button{min-height:44px;padding:10px 13px;border:1px solid var(--al-line);border-radius:10px;background:var(--al-card);color:var(--al-ink);font:500 14px/1.3 var(--al-font)}
html:root[data-mwc-style=alpine] body .request-check header button{width:44px;flex:none;font-size:23px}
html:root[data-mwc-style=alpine] body .request-check .request-check-primary{background:var(--al-blue);color:#fff;border-color:var(--al-blue);flex:1}
html:root[data-mwc-style=alpine] body .request-check button:disabled{opacity:.45}
html:root[data-mwc-style=alpine] body .request-check-tag{display:inline-block;background:#efd39d;color:#3c321e;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600}
html:root[data-mwc-style=alpine] body .request-check-tag.is-ordered{background:#89aac5;color:#1d303f}
html:root[data-mwc-style=alpine] body .request-check-existing{border-block:1px solid var(--al-line);margin:16px 0}
html:root[data-mwc-style=alpine] body .request-check-existing>div{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--al-line)}
html:root[data-mwc-style=alpine] body .request-check-existing>div:last-child{border:0}
html:root[data-mwc-style=alpine] body .request-check-existing span{text-align:right}
html:root[data-mwc-style=alpine] body .request-check-existing small{grid-column:1/-1;color:var(--al-muted);font-size:13px}
html:root[data-mwc-style=alpine] body .request-check-extra{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center;margin-top:14px}
html:root[data-mwc-style=alpine] body .request-check input,html:root[data-mwc-style=alpine] body .request-check select{width:100%;max-width:100%;min-width:0;min-height:44px;padding:10px;font:inherit;border:1px solid var(--al-line);border-radius:10px}
html:root[data-mwc-style=alpine] body .request-check input{font-size:18px;text-align:center}
html:root[data-mwc-style=alpine] body .request-check-total{display:flex;justify-content:space-between;gap:12px;margin-top:14px;background:var(--al-bg);border-radius:10px;padding:12px;font-weight:600;font-variant-numeric:tabular-nums}
html:root[data-mwc-style=alpine] body .request-check-total output{white-space:nowrap}
html:root[data-mwc-style=alpine] body .request-check-error:empty{display:none}
html:root[data-mwc-style=alpine] body .request-check footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
html:root[data-mwc-style=alpine] body .request-check-detail{margin:16px 0;padding-top:14px;border-top:1px solid var(--al-line);overflow-wrap:anywhere}
html:root[data-mwc-style=alpine] body .request-check-error{color:var(--al-danger-ink);min-height:1em}
html:root[data-mwc-style=alpine] body .request-check-changed{background:var(--al-bg);padding:12px;border-radius:10px}
@media(max-width:430px){html:root[data-mwc-style=alpine] body .request-check{padding:16px}html:root[data-mwc-style=alpine] body .request-check footer .request-check-primary{flex-basis:100%;order:3}html:root[data-mwc-style=alpine] body .request-check footer button{flex:1}html:root[data-mwc-style=alpine] body .request-check-extra{grid-template-columns:1fr 96px}}
}

@media screen {
  html:root[data-mwc-style=alpine] body.workshop-documents .scope-note { white-space: pre-line; }
}