/* Unchanged first stylesheet extracted from frozen T22-20261027-03 main source. */ #cabinet-whole{--cw-bg:light-dark(#f3f4ee,#19211c);--cw-paper:light-dark(#fffefa,#242e28);--cw-nav:light-dark(#e9ece3,#202a23);--cw-ink:light-dark(#293e33,#e5ece6);--cw-muted:light-dark(#657369,#afbeb2);--cw-line:light-dark(#dce2d6,#3d4c40);--cw-brand:light-dark(#285e4c,#a0cfb0);--cw-on:light-dark(#fffefa,#1c3627);--cw-tint:light-dark(#e5eee3,#334a39);--cw-warn:light-dark(#8f612e,#e6c393);--cw-warnbg:light-dark(#f6eddc,#463b29);--cw-danger:light-dark(#a0473f,#ebb5aa);--cw-pad:24px;--cw-cell:14px;--cw-radius:10px;background:var(--cw-bg);color:var(--cw-ink);font:14px/1.55 'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;text-align:left;border:1px solid var(--cw-line);border-radius:14px;overflow:clip;isolation:isolate} #cabinet-whole *{box-sizing:border-box}#cabinet-whole [hidden]{display:none!important}#cabinet-whole button,#cabinet-whole input,#cabinet-whole select,#cabinet-whole textarea{font:inherit;color:inherit}#cabinet-whole button{cursor:inherit}#cabinet-whole button:disabled{opacity:.45;cursor:not-allowed}#cabinet-whole h1,#cabinet-whole h2,#cabinet-whole h3,#cabinet-whole p{margin:0}#cabinet-whole h1{font-size:23px;line-height:1.4;font-weight:600;letter-spacing:-.4px}#cabinet-whole h2{font-size:16px;font-weight:600}#cabinet-whole h3{font-size:14px;font-weight:600}#cabinet-whole svg{width:17px;height:17px;flex-shrink:0}#cabinet-whole .cw-demo{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:9px 18px;font-size:12px;color:var(--cw-muted);background:var(--cw-paper);border-bottom:1px solid var(--cw-line)}#cabinet-whole .cw-shell{display:grid;grid-template-columns:154px minmax(0,1fr);min-height:720px}#cabinet-whole .cw-side{padding:25px 12px;background:var(--cw-nav);border-right:1px solid var(--cw-line);display:flex;flex-direction:column;gap:28px}#cabinet-whole .cw-logo{display:flex;align-items:center;gap:9px;padding:0 7px;font-size:18px;font-weight:600;letter-spacing:1px}#cabinet-whole .cw-mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px;transform:rotate(-4deg)}#cabinet-whole .cw-mark i{display:block;height:12px;border-radius:2px;background:var(--cw-brand)}#cabinet-whole .cw-mark i:nth-child(2){opacity:.45}#cabinet-whole .cw-mark i:nth-child(3){opacity:.7}#cabinet-whole .cw-brand-sub{font-size:11px;letter-spacing:2px;margin:8px 7px;color:var(--cw-muted)}#cabinet-whole .cw-nav{display:grid;gap:7px}#cabinet-whole .cw-nav button{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:13px;color:var(--cw-muted)}#cabinet-whole .cw-nav button[aria-current=page]{background:var(--cw-brand);color:var(--cw-on)}#cabinet-whole .cw-sidefoot{margin-top:auto;padding:18px 7px 0;border-top:1px solid var(--cw-line);color:var(--cw-muted);font-size:12px}#cabinet-whole .cw-main{min-width:0}#cabinet-whole .cw-top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:14px var(--cw-pad);background:var(--cw-paper);border-bottom:1px solid var(--cw-line);font-size:12px;color:var(--cw-muted)}#cabinet-whole .cw-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--cw-tint);color:var(--cw-brand);border-radius:50%;margin-right:7px}#cabinet-whole .cw-person{white-space:nowrap}#cabinet-whole .cw-subnav{display:flex;gap:23px;flex-wrap:wrap;padding:0 var(--cw-pad);background:var(--cw-paper);border-bottom:1px solid var(--cw-line)}#cabinet-whole .cw-subnav button,#cabinet-whole .cw-tabs button{position:relative;min-height:44px;padding:11px 0;background:transparent;border:0;color:var(--cw-muted);font-size:13px}#cabinet-whole .cw-subnav button[aria-pressed=true],#cabinet-whole .cw-tabs button[aria-pressed=true]{color:var(--cw-brand);font-weight:600}#cabinet-whole .cw-subnav button[aria-pressed=true]:after,#cabinet-whole .cw-tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--cw-brand)}#cabinet-whole .cw-body{padding:var(--cw-pad);min-width:0}#cabinet-whole .cw-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}#cabinet-whole .cw-kicker{font-size:11px;letter-spacing:2px;color:var(--cw-muted);margin-bottom:5px}#cabinet-whole .cw-subtitle{font-size:12px;color:var(--cw-muted);margin-top:6px}#cabinet-whole .cw-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#cabinet-whole .cw-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 13px;font-size:13px;font-weight:500;border:1px solid var(--cw-line);border-radius:7px;background:var(--cw-paper);white-space:nowrap}#cabinet-whole .cw-btn:hover{background:var(--cw-tint)}#cabinet-whole .cw-btn.cw-primary{background:var(--cw-brand);border-color:var(--cw-brand);color:var(--cw-on)}#cabinet-whole .cw-link{border:0;background:transparent;padding:3px 0;color:var(--cw-brand);text-align:left;font-size:13px;font-weight:600}#cabinet-whole .cw-link:hover{text-decoration:underline}#cabinet-whole .cw-small{font-size:12px;color:var(--cw-muted)}#cabinet-whole .cw-note{padding:11px 14px;border-radius:7px;background:var(--cw-tint);color:var(--cw-brand);font-size:12px;margin-bottom:16px}#cabinet-whole .cw-note.cw-warning{background:var(--cw-warnbg);color:var(--cw-warn)}#cabinet-whole .cw-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;background:var(--cw-tint);color:var(--cw-brand);font-size:12px;border-radius:5px;white-space:nowrap}#cabinet-whole .cw-badge.cw-warning{background:var(--cw-warnbg);color:var(--cw-warn)}#cabinet-whole .cw-badge.cw-muted{background:var(--cw-bg);color:var(--cw-muted)}#cabinet-whole .cw-panel{background:var(--cw-paper);border:1px solid var(--cw-line);border-radius:var(--cw-radius);min-width:0;margin-bottom:18px;overflow:clip}#cabinet-whole .cw-panelhead{padding:17px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--cw-line)}#cabinet-whole .cw-pad{padding:18px}#cabinet-whole .cw-table-wrap{overflow-x:auto;max-width:100%}#cabinet-whole .cw-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}#cabinet-whole .cw-table th{font-weight:500;font-size:12px;color:var(--cw-muted);background:var(--cw-bg);padding:11px var(--cw-cell);white-space:nowrap}#cabinet-whole .cw-table td{padding:var(--cw-cell);border-top:1px solid var(--cw-line);vertical-align:middle}#cabinet-whole .cw-table .cw-numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}#cabinet-whole .cw-table td .cw-small{display:block;margin-top:3px}#cabinet-whole .cw-table .cw-btn{min-height:32px;font-size:12px;padding:5px 9px}#cabinet-whole .cw-input{width:100%;min-width:0;min-height:39px;border:1px solid var(--cw-line);border-radius:7px;background:var(--cw-paper);padding:8px 10px}#cabinet-whole textarea.cw-input{min-height:83px;resize:vertical}#cabinet-whole .cw-table .cw-input{min-width:70px;font-size:13px;padding:7px;min-height:35px}#cabinet-whole .cw-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}#cabinet-whole .cw-formgrid.cw-three{grid-template-columns:repeat(3,minmax(0,1fr))}#cabinet-whole .cw-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px}#cabinet-whole .cw-field>span:first-child{font-weight:500}#cabinet-whole .cw-span{grid-column:1/-1}#cabinet-whole .cw-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 18px;border-top:1px solid var(--cw-line)}#cabinet-whole .cw-tabs{display:flex;flex-wrap:wrap;gap:22px;border-bottom:1px solid var(--cw-line);margin-bottom:18px}#cabinet-whole .cw-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}#cabinet-whole .cw-metric{padding:17px 18px;background:var(--cw-paper);border:1px solid var(--cw-line);border-radius:var(--cw-radius)}#cabinet-whole .cw-value{font-size:23px;font-weight:600;font-variant-numeric:tabular-nums;margin:5px 0;color:var(--cw-ink)}#cabinet-whole .cw-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px}#cabinet-whole .cw-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-top:1px solid var(--cw-line)}#cabinet-whole .cw-row:first-child{border-top:0}#cabinet-whole .cw-task{display:flex;gap:12px;align-items:flex-start;min-width:0}#cabinet-whole .cw-taskmark{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--cw-tint);border-radius:7px;color:var(--cw-brand);flex-shrink:0}#cabinet-whole .cw-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:14px 18px;border-bottom:1px solid var(--cw-line)}#cabinet-whole .cw-filters .cw-input{width:auto;max-width:100%}#cabinet-whole .cw-filters input{flex:1;min-width:150px}#cabinet-whole .cw-meta{display:flex;flex-wrap:wrap;gap:16px 28px;padding:17px 18px;border-bottom:1px solid var(--cw-line)}#cabinet-whole .cw-meta strong{display:block;font-size:13px;font-weight:500;margin-top:4px}#cabinet-whole .cw-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#cabinet-whole .cw-node{border:1px solid var(--cw-line);border-radius:9px;background:var(--cw-paper);padding:15px;min-width:0}#cabinet-whole .cw-node-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}#cabinet-whole .cw-node-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px}#cabinet-whole .cw-node.cw-current{border-color:var(--cw-brand)}#cabinet-whole .cw-orderpick{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}#cabinet-whole .cw-orderpick button[aria-pressed=true]{background:var(--cw-brand);color:var(--cw-on);border-color:var(--cw-brand)}#cabinet-whole .cw-check{display:flex;align-items:center;gap:9px;font-size:13px;min-height:37px}#cabinet-whole input[type=checkbox]{accent-color:var(--cw-brand);width:16px;height:16px}#cabinet-whole details{border-top:1px solid var(--cw-line);padding:14px 18px}#cabinet-whole summary{font-size:13px;color:var(--cw-brand);font-weight:500}#cabinet-whole details[open] summary{margin-bottom:15px}#cabinet-whole .cw-money{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--cw-brand)}#cabinet-whole .cw-total{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px;background:var(--cw-tint)}#cabinet-whole .cw-empty{padding:34px 18px;text-align:center;color:var(--cw-muted)}#cabinet-whole .cw-settings{display:grid;grid-template-columns:145px minmax(0,1fr);gap:18px}#cabinet-whole .cw-settingsnav{display:flex;flex-direction:column;gap:5px}#cabinet-whole .cw-settingsnav button{border:0;border-radius:7px;background:transparent;padding:10px 12px;text-align:left;color:var(--cw-muted);font-size:13px}#cabinet-whole .cw-settingsnav button[aria-pressed=true]{background:var(--cw-tint);color:var(--cw-brand);font-weight:600}#cabinet-whole .cw-swatches{display:flex;gap:8px;align-items:center}#cabinet-whole .cw-swatch{width:29px;height:29px;border:1px solid var(--cw-line);border-radius:6px;background:var(--cw-nav)}#cabinet-whole .cw-swatch.cw-wood{background:repeating-linear-gradient(94deg,light-dark(#b79b72,#78654b) 0 2px,light-dark(#c9b087,#8e7b5d) 3px 8px)}#cabinet-whole .cw-print{max-width:780px;margin:auto;background:var(--cw-paper);border:1px solid var(--cw-line);padding:26px;border-radius:8px}#cabinet-whole .cw-print h2{font-size:22px;margin-bottom:8px}#cabinet-whole .cw-error{color:var(--cw-danger);font-size:12px}#cabinet-whole #cw-message{padding:12px 18px;background:var(--cw-tint);color:var(--cw-brand);border-bottom:1px solid var(--cw-line);font-size:13px}#cabinet-whole .cw-mobile-nav{display:none} @media(max-width:780px){#cabinet-whole{--cw-pad:18px}#cabinet-whole .cw-shell{grid-template-columns:1fr;min-height:0}#cabinet-whole .cw-side{display:none}#cabinet-whole .cw-mobile-nav{display:flex;gap:7px;align-items:center}#cabinet-whole .cw-mobile-nav select{max-width:140px;font-size:13px}#cabinet-whole .cw-grid{grid-template-columns:1fr}#cabinet-whole .cw-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}#cabinet-whole .cw-subnav{gap:18px}#cabinet-whole .cw-settings{grid-template-columns:1fr}#cabinet-whole .cw-settingsnav{flex-direction:row;flex-wrap:wrap}} @media(max-width:480px){#cabinet-whole{--cw-pad:14px;--cw-cell:11px;font-size:14px}#cabinet-whole h1{font-size:21px}#cabinet-whole .cw-demo{font-size:11px;padding:8px 12px}#cabinet-whole .cw-head{flex-direction:column;gap:12px}#cabinet-whole .cw-input{font-size:16px;min-height:44px}#cabinet-whole .cw-btn,#cabinet-whole .cw-link{min-height:44px}#cabinet-whole .cw-table .cw-btn{min-height:40px}#cabinet-whole .cw-formgrid,#cabinet-whole .cw-formgrid.cw-three{grid-template-columns:1fr}#cabinet-whole .cw-metrics{grid-template-columns:1fr;gap:8px}#cabinet-whole .cw-metric{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px}#cabinet-whole .cw-value{font-size:21px;margin:0}#cabinet-whole .cw-metric>.cw-small:last-child{display:none}#cabinet-whole .cw-nodes{grid-template-columns:1fr}#cabinet-whole .cw-person{display:none}#cabinet-whole .cw-panelhead,#cabinet-whole .cw-row,#cabinet-whole .cw-footer{padding:14px;flex-wrap:wrap}#cabinet-whole .cw-pad{padding:14px}#cabinet-whole .cw-row>.cw-btn{margin-left:auto}#cabinet-whole .cw-print{padding:15px}#cabinet-whole .cw-meta{padding:14px}#cabinet-whole .cw-subnav{gap:16px}#cabinet-whole .cw-table{min-width:580px}#cabinet-whole .cw-table.cw-simple{min-width:450px}#cabinet-whole .cw-table-wrap{overscroll-behavior-x:contain}#cabinet-whole .cw-orderpick .cw-btn{white-space:normal;text-align:left}} #cabinet-whole .cw-mobile-nav{white-space:nowrap;flex-shrink:0}#cabinet-whole [data-row-total],#cabinet-whole [data-addon-total]{white-space:nowrap;font-variant-numeric:tabular-nums} /* Shared navigation and typography: applies to every module. */ #cabinet-whole{--cw-text:16px;--cw-label:14px;--cw-control:15px;font-size:var(--cw-text)} #cabinet-whole .cw-shell{display:block;min-height:720px} #cabinet-whole{--cw-header-bg:light-dark(#214d3d,#142f23);--cw-header-text:light-dark(#edf4ee,#e5f0e8);--cw-header-hover:light-dark(#34604e,#28513b);--cw-header-selected:light-dark(#f7f5e9,#dcebdd);--cw-header-selected-text:light-dark(#214d3d,#193e2a);--cw-subnav-bg:light-dark(#e2e9dd,#2a3b2e);--cw-subnav-line:light-dark(#b5c5af,#52684e)} #cabinet-whole .cw-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;padding:18px var(--cw-pad);background:var(--cw-header-bg);color:var(--cw-header-text)} #cabinet-whole .cw-header .cw-mark i{background:var(--cw-header-text)} #cabinet-whole .cw-header .cw-logo{font-size:21px;white-space:nowrap;padding:0} #cabinet-whole .cw-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px} #cabinet-whole .cw-nav button{justify-content:center;gap:7px;padding:10px 7px;font-size:var(--cw-control);white-space:nowrap;min-height:46px;color:var(--cw-header-text);font-weight:500} #cabinet-whole .cw-nav button:hover{background:var(--cw-header-hover)} #cabinet-whole .cw-nav button[aria-current=page]{background:var(--cw-header-selected);color:var(--cw-header-selected-text)} #cabinet-whole .cw-subnav{gap:8px;padding:10px var(--cw-pad);background:var(--cw-subnav-bg);border-bottom:2px solid var(--cw-subnav-line)} #cabinet-whole .cw-subnav button{padding:10px 18px;min-height:44px;border-radius:7px;color:var(--cw-ink);font-weight:500} #cabinet-whole .cw-subnav button:hover{background:var(--cw-paper)} #cabinet-whole .cw-subnav button[aria-pressed=true]{background:var(--cw-brand);color:var(--cw-on);font-weight:600} #cabinet-whole .cw-subnav button[aria-pressed=true]:after{display:none} #cabinet-whole .cw-top{min-height:48px;padding:10px var(--cw-pad);font-size:var(--cw-label);background:var(--cw-bg);border-bottom:0} #cabinet-whole .cw-top .cw-mobile-nav{display:none} #cabinet-whole h1{font-size:27px}#cabinet-whole h2{font-size:18px}#cabinet-whole h3{font-size:16px} #cabinet-whole .cw-subnav button,#cabinet-whole .cw-tabs button,#cabinet-whole .cw-btn,#cabinet-whole .cw-link,#cabinet-whole .cw-table,#cabinet-whole .cw-settingsnav button,#cabinet-whole .cw-check,#cabinet-whole summary{font-size:var(--cw-control)} #cabinet-whole .cw-small,#cabinet-whole .cw-note,#cabinet-whole .cw-subtitle,#cabinet-whole .cw-badge,#cabinet-whole .cw-field,#cabinet-whole .cw-table th,#cabinet-whole .cw-meta strong,#cabinet-whole .cw-error,#cabinet-whole #cw-message{font-size:var(--cw-label)} #cabinet-whole .cw-input{font-size:var(--cw-text);min-height:43px}#cabinet-whole .cw-table .cw-input{font-size:var(--cw-control);min-height:40px}#cabinet-whole .cw-table .cw-btn{font-size:var(--cw-label);min-height:38px} #cabinet-whole .cw-btn{min-height:43px}#cabinet-whole .cw-value{font-size:26px}#cabinet-whole .cw-money{font-size:29px}#cabinet-whole .cw-kicker{font-size:12px} @media(max-width:900px){#cabinet-whole .cw-header{grid-template-columns:1fr;gap:14px}#cabinet-whole .cw-header .cw-logo{font-size:20px}#cabinet-whole .cw-nav button{padding:9px 5px}} @media(max-width:600px){#cabinet-whole .cw-nav{grid-template-columns:repeat(3,minmax(0,1fr))}#cabinet-whole .cw-nav button{font-size:14px;min-height:44px}#cabinet-whole .cw-header{padding:15px var(--cw-pad)}#cabinet-whole .cw-top{overflow-wrap:anywhere}#cabinet-whole h1{font-size:24px}#cabinet-whole .cw-table{min-width:620px}#cabinet-whole .cw-table .cw-input{font-size:16px}#cabinet-whole .cw-shell{min-height:0}} /* Grouped order workflow, shared by all custom orders. */ #cabinet-whole .cw-flow{container-type:inline-size} #cabinet-whole .cw-flowhead{background:var(--cw-header-bg);color:var(--cw-header-text);padding:14px 18px;font-size:14px} #cabinet-whole .cw-flowgroup{padding:20px 18px;border-bottom:1px solid var(--cw-line)} #cabinet-whole .cw-flowgroup:last-child{border-bottom:0} #cabinet-whole .cw-flowtitle{display:flex;align-items:center;gap:10px;margin-bottom:14px} #cabinet-whole .cw-flowlist{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px;list-style:none;margin:0;padding:0} #cabinet-whole .cw-flowitem{position:relative;min-width:0} #cabinet-whole .cw-flowitem:not(:last-child):after{content:'→';position:absolute;right:-22px;top:54px;color:var(--cw-muted);font-size:21px} #cabinet-whole .cw-flowcard{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;min-height:145px;padding:13px 11px;text-align:left;border:1px solid var(--cw-line);border-radius:7px;background:var(--cw-paper);color:var(--cw-ink)} #cabinet-whole .cw-flowcard .cw-small{font-size:14px;overflow-wrap:anywhere} #cabinet-whole .cw-flowcard strong{font-size:16px} #cabinet-whole{--cw-progress-bg:light-dark(#e8f1fc,#21364e);--cw-progress-ink:light-dark(#205da1,#a9d0ff);--cw-done-bg:light-dark(#e8f3e9,#243c2c);--cw-done-ink:light-dark(#28653b,#a8d9b5);--cw-idle-bg:light-dark(#f0f2f3,#2c3235);--cw-idle-ink:light-dark(#59636d,#c0c8cf);--cw-skip-bg:light-dark(#efebf6,#363040);--cw-skip-ink:light-dark(#6a537e,#d3bde9);--cw-urgent-bg:light-dark(#b93232,#f2a19c);--cw-urgent-ink:light-dark(#ffffff,#411513)} #cabinet-whole .cw-flowcard{--cw-state-bg:var(--cw-idle-bg);--cw-state-ink:var(--cw-idle-ink);background:var(--cw-state-bg);border-color:var(--cw-state-ink)} #cabinet-whole .cw-flowcard.cw-done{--cw-state-bg:var(--cw-done-bg);--cw-state-ink:var(--cw-done-ink)} #cabinet-whole .cw-flowcard.cw-active{--cw-state-bg:var(--cw-progress-bg);--cw-state-ink:var(--cw-progress-ink)} #cabinet-whole .cw-flowcard.cw-waiting{--cw-state-bg:var(--cw-warnbg);--cw-state-ink:var(--cw-warn)} #cabinet-whole .cw-flowcard.cw-skipped{--cw-state-bg:var(--cw-skip-bg);--cw-state-ink:var(--cw-skip-ink);border-style:dashed} #cabinet-whole .cw-flowcard .cw-badge{background:var(--cw-state-ink);color:var(--cw-state-bg)} #cabinet-whole .cw-statusline{display:flex;gap:6px;align-items:center;flex-wrap:wrap} #cabinet-whole .cw-urgent-tag,#cabinet-whole .cw-flowcard .cw-urgent-tag{background:var(--cw-urgent-bg);color:var(--cw-urgent-ink);font-weight:600} #cabinet-whole .cw-flowcard.cw-urgent{border:2px solid var(--cw-urgent-bg);padding:12px 10px} #cabinet-whole .cw-flowcard:hover{box-shadow:0 0 0 1px var(--cw-state-ink)} #cabinet-whole .cw-flowlegend{display:flex;flex-wrap:wrap;gap:10px 18px;padding:12px 18px;border-bottom:1px solid var(--cw-line);font-size:14px} #cabinet-whole .cw-flowlegend span{display:inline-flex;align-items:center;gap:6px} #cabinet-whole .cw-flowlegend i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--cw-legend-color)} #cabinet-whole .cw-assign{margin-top:5px;min-height:32px;font-size:14px} #cabinet-whole .cw-assignment{margin:18px} @container(max-width:950px){#cabinet-whole .cw-flowlist{grid-template-columns:repeat(3,minmax(0,1fr))}#cabinet-whole .cw-flowitem:nth-child(3n):after{display:none}} @container(max-width:480px){#cabinet-whole .cw-flowlist{grid-template-columns:1fr;gap:28px}#cabinet-whole .cw-flowitem:not(:last-child):after{display:block;content:'↓';top:auto;bottom:-27px;right:50%}#cabinet-whole .cw-flowcard{min-height:130px}} #cabinet-whole .cw-dialog{width:min(760px,calc(100% - 28px));max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid var(--cw-line);border-radius:var(--cw-radius);background:var(--cw-paper);color:var(--cw-ink);overflow:auto} #cabinet-whole .cw-dialog::backdrop{background:light-dark(#14231db3,#050b08cc)} #cabinet-whole .cw-dialoghead{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;border-bottom:1px solid var(--cw-line)} #cabinet-whole .cw-dialog .cw-panel{border:0;margin:0;border-radius:0} #cabinet-whole .cw-dialog .cw-panelhead{display:none} #cabinet-whole .cw-dialog .cw-footer{position:sticky;bottom:0;background:var(--cw-paper)} #cabinet-whole .cw-quickbar{padding:18px;background:var(--cw-tint);border:1px solid var(--cw-subnav-line);border-radius:var(--cw-radius);margin-bottom:20px} #cabinet-whole .cw-quickgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:12px} #cabinet-whole .cw-quickgrid .cw-btn{min-height:64px;white-space:normal;font-size:16px;gap:10px} #cabinet-whole .cw-dialog .cw-quickbody{padding:18px} @media(max-width:800px){#cabinet-whole .cw-quickgrid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:480px){#cabinet-whole .cw-quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Approved A direction: shared business shell and content-sized forms. */ #cabinet-whole{--cw-bg:light-dark(#eef1f5,#171e28);--cw-paper:light-dark(#ffffff,#202a36);--cw-nav:light-dark(#f4f6f9,#283341);--cw-ink:light-dark(#202d40,#e3eaf3);--cw-muted:light-dark(#58687b,#b0becd);--cw-line:light-dark(#d4dce5,#445365);--cw-brand:light-dark(#245da1,#9ec8ff);--cw-on:light-dark(#ffffff,#163758);--cw-tint:light-dark(#eaf1fa,#283c55);--cw-header-bg:light-dark(#172d49,#102039);--cw-header-text:light-dark(#edf3fa,#edf3fa);--cw-header-hover:light-dark(#294461,#294461);--cw-header-selected:light-dark(#355678,#355678);--cw-header-selected-text:light-dark(#ffffff,#ffffff);--cw-subnav-bg:var(--cw-paper);--cw-subnav-line:var(--cw-line);--cw-pad:18px;--cw-text:16px;--cw-label:14px;--cw-control:15px;border-radius:5px;line-height:1.5} #cabinet-whole .cw-demo{padding:5px 18px} #cabinet-whole .cw-header{padding:0 18px;gap:24px;min-height:60px} #cabinet-whole .cw-header .cw-logo{font-size:20px} #cabinet-whole .cw-nav{gap:3px;align-self:stretch} #cabinet-whole .cw-nav button{position:relative;border-radius:0;padding:14px 8px;min-height:60px} #cabinet-whole .cw-nav button[aria-current=page]:after{content:'';position:absolute;bottom:0;left:14px;right:14px;height:3px;background:currentColor} #cabinet-whole .cw-subnav{padding:7px 18px;border-bottom-width:1px} #cabinet-whole .cw-subnav button{min-height:34px;padding:6px 12px;border-radius:4px} #cabinet-whole .cw-top{padding:6px 18px;min-height:36px} #cabinet-whole .cw-body{padding-top:8px} #cabinet-whole .cw-kicker{display:none} #cabinet-whole h1{font-size:24px}#cabinet-whole h2{font-size:17px}#cabinet-whole h3{font-size:16px} #cabinet-whole .cw-head{margin-bottom:14px;align-items:center} #cabinet-whole .cw-panel{margin-bottom:14px} #cabinet-whole .cw-panelhead{background:var(--cw-nav);padding:10px 14px} #cabinet-whole .cw-pad,#cabinet-whole .cw-meta{padding:14px} #cabinet-whole .cw-btn{min-height:36px;padding:6px 12px;border-radius:4px} #cabinet-whole .cw-input{min-height:36px;padding:6px 9px;border-radius:4px} #cabinet-whole .cw-table .cw-input{min-height:32px;padding:4px 7px} #cabinet-whole .cw-table .cw-btn{min-height:32px;padding:4px 9px} #cabinet-whole .cw-table th{padding:8px var(--cw-cell);background:var(--cw-nav)} #cabinet-whole .cw-table tbody tr:hover{background:var(--cw-nav)} #cabinet-whole .cw-footer{padding:10px 14px;gap:10px} #cabinet-whole .cw-row{padding:11px 14px} #cabinet-whole .cw-filters{padding:10px 14px} #cabinet-whole .cw-filters input{flex:0 1 270px} #cabinet-whole .cw-formgrid,#cabinet-whole .cw-formgrid.cw-three{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 16px} #cabinet-whole .cw-field{width:200px;max-width:100%;gap:5px;flex:0 1 auto} #cabinet-whole .cw-field:has(input[type=number]){width:128px} #cabinet-whole .cw-field:has(input[type=date]),#cabinet-whole .cw-field:has(input[type=month]){width:170px} #cabinet-whole .cw-field:has(input[type=tel]){width:180px} #cabinet-whole .cw-field.cw-field-short{width:116px} #cabinet-whole .cw-field.cw-field-long{width:360px} #cabinet-whole .cw-field:has(textarea),#cabinet-whole .cw-field:has(input[type=file]){width:100%} #cabinet-whole .cw-formgrid>.cw-span{flex-basis:100%;width:100%} #cabinet-whole .cw-metrics{gap:0;margin-bottom:14px;border:1px solid var(--cw-line);border-radius:5px;background:var(--cw-paper);overflow:hidden} #cabinet-whole .cw-metric{border:0;border-right:1px solid var(--cw-line);border-radius:0;padding:12px 16px} #cabinet-whole .cw-metric:last-child{border-right:0} #cabinet-whole .cw-value{font-size:25px;margin:3px 0} #cabinet-whole .cw-grid{gap:14px} #cabinet-whole .cw-quickbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--cw-paper);border-color:var(--cw-line);padding:12px 14px;margin-bottom:14px;border-radius:5px} #cabinet-whole .cw-quickgrid{display:flex;flex-wrap:wrap;gap:8px;margin:0} #cabinet-whole .cw-quickgrid .cw-btn{min-height:38px;font-size:15px;gap:6px} #cabinet-whole .cw-flowhead{padding:10px 14px} #cabinet-whole .cw-flowgroup{padding:14px} #cabinet-whole .cw-flowtitle{margin-bottom:10px} #cabinet-whole .cw-flowcard{min-height:136px;border-radius:4px} #cabinet-whole .cw-quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;align-items:start} #cabinet-whole .cw-quote-main{min-width:0} #cabinet-whole .cw-quote-summary{border-top:3px solid var(--cw-brand)} #cabinet-whole .cw-quote-summary .cw-total{flex-direction:column;align-items:flex-start;background:var(--cw-paper);padding:14px;border-top:1px solid var(--cw-line)} #cabinet-whole .cw-quote-summary .cw-footer{align-items:flex-start;flex-direction:column} #cabinet-whole .cw-quote-summary .cw-field{width:100%} #cabinet-whole .cw-quote-summary .cw-field:has(input[type=number]){width:128px} #cabinet-whole .cw-quote-main .cw-field:has(input[type=number]){width:128px} #cabinet-whole .cw-quote-main table input[type=number]{width:96px;min-width:80px} #cabinet-whole .cw-quote-main .cw-field:has(select){width:100%;max-width:430px} #cabinet-whole .cw-quote-main .cw-field:has(input[name=area]),#cabinet-whole .cw-quote-main .cw-field:has(input[name=name]){width:150px} #cabinet-whole .cw-dialoghead{padding:12px 16px} @media(max-width:900px){#cabinet-whole .cw-header{grid-template-columns:1fr;gap:6px;padding-top:12px}#cabinet-whole .cw-nav button{min-height:44px;padding:10px 6px}#cabinet-whole .cw-quote-layout{grid-template-columns:1fr}#cabinet-whole .cw-quote-summary .cw-field{width:260px}} @media(max-width:600px){#cabinet-whole{--cw-pad:12px}#cabinet-whole .cw-header{padding:12px 12px 0}#cabinet-whole .cw-subnav,#cabinet-whole .cw-top{padding-left:12px;padding-right:12px}#cabinet-whole .cw-btn{min-height:42px}#cabinet-whole .cw-input{min-height:42px;font-size:16px}#cabinet-whole .cw-formgrid{gap:12px}#cabinet-whole .cw-field{width:100%}#cabinet-whole .cw-field:has(input[type=number]){width:120px}#cabinet-whole .cw-field.cw-field-short{width:120px}#cabinet-whole .cw-quickgrid .cw-btn{min-height:42px}#cabinet-whole .cw-metric{border-right:0;border-bottom:1px solid var(--cw-line)}#cabinet-whole .cw-metric:last-child{border-bottom:0}} #cabinet-whole .cw-person label{display:flex;align-items:center;gap:8px;min-width:0} #cabinet-whole #cw-preview-actor{width:128px;min-width:0;flex:0 1 128px} #cabinet-whole .cw-info-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:12px 16px;background:var(--cw-bg);border-bottom:1px solid var(--cw-line);font-size:14px;color:var(--cw-muted)} #cabinet-whole .cw-info-meta strong{color:var(--cw-ink);font-weight:500;margin-left:8px} #cabinet-whole .cw-info-fields{display:grid;gap:12px;padding:18px 16px} #cabinet-whole .cw-info-field{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:start;font-size:14px} #cabinet-whole .cw-info-field>span,#cabinet-whole .cw-info-field>label{padding-top:8px;text-align:right;color:var(--cw-muted)} #cabinet-whole .cw-info-field select{width:240px;max-width:100%} #cabinet-whole .cw-info-field input{max-width:650px} #cabinet-whole .cw-info-field textarea{min-height:90px;width:100%} #cabinet-whole .cw-info-attachments{padding:4px 16px 18px} #cabinet-whole .cw-info-files{display:grid;gap:10px;margin:12px 0 12px 136px} #cabinet-whole .cw-info-file{min-width:0;border:1px solid var(--cw-line);border-radius:4px;padding:8px} #cabinet-whole .cw-info-fileline{display:grid;gap:6px;margin-top:6px} #cabinet-whole .cw-info-fileline>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #cabinet-whole .cw-info-fileline>.cw-actions{justify-content:flex-end} #cabinet-whole .cw-info-file [data-action=info-delete]{color:var(--cw-danger)} #cabinet-whole .cw-info-gallery{grid-template-columns:repeat(auto-fill,min(220px,100%));align-items:start} #cabinet-whole .cw-info-thumb{display:block;width:100%;padding:0;border:1px solid var(--cw-line);border-radius:4px;background:var(--cw-bg)} #cabinet-whole .cw-info-thumb img{display:block;width:100%;height:120px;object-fit:contain} #cabinet-whole .cw-info-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 10px 136px;font-size:14px} #cabinet-whole .cw-info-upload>.cw-btn{height:38px;min-height:38px} #cabinet-whole .cw-info-filepicker{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%} #cabinet-whole .cw-info-upload input{min-width:0;max-width:100%;height:38px} #cabinet-whole .cw-info-upload input::file-selector-button{height:38px;padding:0 12px;font:inherit;color:inherit;border:1px solid var(--cw-line);border-radius:4px;background:var(--cw-paper);margin-right:8px} #cabinet-whole #cw-info-image{background:var(--cw-paper);color:var(--cw-ink);border:1px solid var(--cw-line);border-radius:5px;width:min(1100px,94vw);max-width:94vw;padding:16px} #cabinet-whole #cw-info-image::backdrop{background:light-dark(rgba(10,20,35,.65),rgba(0,0,0,.8))} #cabinet-whole .cw-info-imagehead{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px} #cabinet-whole .cw-info-imagehead h2{overflow-wrap:anywhere;min-width:0} #cabinet-whole #cw-info-image-content{display:block;width:100%;max-height:75vh;object-fit:contain} #cabinet-whole .cw-info .cw-footer{background:var(--cw-bg)} @media(max-width:680px){#cabinet-whole .cw-info-field{grid-template-columns:1fr;gap:5px}#cabinet-whole .cw-info-field>span,#cabinet-whole .cw-info-field>label{text-align:left;padding-top:0}#cabinet-whole .cw-info-files,#cabinet-whole .cw-info-upload{margin-left:0}} #cabinet-whole .cw-fin-sheet{background:var(--cw-paper);border:1px solid var(--cw-line);border-radius:3px;overflow:hidden;margin-bottom:16px} #cabinet-whole .cw-fin-strip{padding:12px 16px;background:var(--cw-bg)} #cabinet-whole .cw-fin-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:18px 0;border-bottom:1px solid var(--cw-line)} #cabinet-whole .cw-fin-numbers>div{padding:0 18px;border-right:1px solid var(--cw-line)} #cabinet-whole .cw-fin-numbers>div:last-child{border:0} #cabinet-whole .cw-fin-numbers strong{display:block;font-size:21px;margin-top:8px;font-variant-numeric:tabular-nums} #cabinet-whole .cw-fin-sheet .cw-panel{margin:0;border:0;border-radius:0;border-bottom:1px solid var(--cw-line);box-shadow:none} #cabinet-whole .cw-fin-entry{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:14px 16px} #cabinet-whole .cw-fin-entry label{width:150px;flex:none} #cabinet-whole .cw-fin-entry label:has([name=note]){width:220px} #cabinet-whole .cw-fin-entry~p{padding:0 16px 12px;margin:0} #cabinet-whole [data-finance-hint]{min-height:40px} #cabinet-whole .cw-fin-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:16px} #cabinet-whole .cw-cash-quote{color:light-dark(#235895,#91bff3)} #cabinet-whole .cw-cash-paid{color:light-dark(#08725a,#78d6b4)} #cabinet-whole .cw-cash-pending{color:light-dark(#a45a05,#f5be71)} #cabinet-whole .cw-cash-discount{color:light-dark(#784aa5,#c9a1f1)} #cabinet-whole .cw-cash-due{color:light-dark(#b13b32,#ffaaa1)} #cabinet-whole .cw-cash-returned{color:var(--cw-muted)} #cabinet-whole .cw-fin-error{padding:12px 20px} @media(max-width:800px){#cabinet-whole .cw-fin-checks{grid-template-columns:1fr}#cabinet-whole .cw-fin-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#cabinet-whole .cw-fin-entry label,#cabinet-whole .cw-fin-entry label:has([name=note]){width:min(100%,220px)}} #document-preview{--d-bg:light-dark(#edf1f5,#19232e);--d-paper:light-dark(#fff,#222e3b);--d-ink:light-dark(#21394f,#e5edf5);--d-muted:light-dark(#627487,#adbccc);--d-line:light-dark(#d8e0e8,#415164);--d-soft:light-dark(#f5f7fa,#2b3949);--d-blue:light-dark(#285f9c,#88b8ec);--d-green:light-dark(#23705e,#8cceba);--d-orange:light-dark(#946115,#edc07b);--d-red:light-dark(#a33939,#f5abab);font:14px/1.55 'Microsoft YaHei',sans-serif;color:var(--d-ink);background:var(--d-bg);border:1px solid var(--d-line);border-radius:4px;overflow:hidden} #document-preview *{box-sizing:border-box}#document-preview button,#document-preview input,#document-preview select,#document-preview textarea{font:inherit;color:inherit;border:1px solid var(--d-line);border-radius:3px;background:var(--d-paper);min-height:34px;padding:6px 10px;max-width:100%}#document-preview button{white-space:normal}#document-preview button:disabled{opacity:.55}#document-preview button.primary,#document-preview button[aria-pressed=true]{background:var(--d-blue);border-color:var(--d-blue);color:light-dark(#fff,#162332)}#document-preview input[type=number]{font-variant-numeric:tabular-nums}#document-preview input:focus,#document-preview select:focus,#document-preview textarea:focus{outline:2px solid var(--d-blue);outline-offset:1px} #document-preview .preview-nav{padding:12px 16px;background:var(--d-paper);display:flex;gap:8px;align-items:center;flex-wrap:wrap}#document-preview .preview-nav small{margin-left:auto;color:var(--d-muted)}#document-preview .top{background:light-dark(#172f4a,#101d2c);color:#edf4fb;display:flex;gap:24px;align-items:center;padding:0 20px;flex-wrap:wrap}#document-preview .top strong{font-size:18px;padding:16px 0}#document-preview .top nav{display:flex;gap:0;flex-wrap:wrap}#document-preview .top nav span{padding:18px 20px}#document-preview .top .active{background:#335373}#document-preview .sub{background:var(--d-paper);padding:10px 20px;border-bottom:1px solid var(--d-line);display:flex;gap:24px}#document-preview .sub strong{color:var(--d-blue)}#document-preview main{padding:20px}#document-preview h1{font-size:22px;margin:8px 0 16px;font-weight:600}#document-preview h2{font-size:15px;margin:0;font-weight:600;border-left:3px solid var(--d-blue);padding-left:8px}#document-preview h3{font-size:15px;margin:0 0 12px}#document-preview .muted,#document-preview small{color:var(--d-muted)}#document-preview small{display:block;font-size:12px}#document-preview .bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px}#document-preview .sheet{background:var(--d-paper);border:1px solid var(--d-line);margin-bottom:16px}#document-preview .meta{background:var(--d-soft);padding:10px 16px;display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--d-line)}#document-preview .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}#document-preview .fields{display:flex;flex-wrap:wrap;gap:12px 16px;padding:16px}#document-preview label{display:flex;flex-direction:column;gap:5px;min-width:0}#document-preview label>span{font-size:12px;color:var(--d-muted)}#document-preview .short{width:130px}#document-preview .medium{width:210px}#document-preview .wide{flex:1;min-width:230px}#document-preview .pad{padding:16px}#document-preview .section{border-top:1px solid var(--d-line)}#document-preview .scroll{overflow-x:auto}#document-preview table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}#document-preview th{font-weight:500;color:var(--d-muted);background:var(--d-soft);font-size:12px;white-space:nowrap}#document-preview th,#document-preview td{padding:10px 14px;border-bottom:1px solid var(--d-line);vertical-align:top}#document-preview .num{white-space:nowrap;font-variant-numeric:tabular-nums}#document-preview .materials{min-width:270px}#document-preview .materials small{margin:2px 0}#document-preview .empty{text-align:center;padding:24px;color:var(--d-muted)}#document-preview .totals{display:flex;gap:30px;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:16px;background:var(--d-soft)}#document-preview .totals strong{font-size:20px;color:var(--d-blue);font-weight:600}#document-preview .discount{color:var(--d-orange)}#document-preview .good{color:var(--d-green)}#document-preview .warn{color:var(--d-orange)}#document-preview .error{color:var(--d-red)}#document-preview .badge{padding:3px 7px;background:var(--d-soft);border:1px solid var(--d-line);font-size:12px}#document-preview .foot{border-top:1px solid var(--d-line);padding:12px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}#document-preview .version{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#document-preview .note{padding:10px 16px;color:var(--d-muted);font-size:12px}#document-preview #doc-message{margin-bottom:12px;padding:10px 14px;background:var(--d-paper);border-left:3px solid var(--d-blue)}#document-preview dialog{background:var(--d-paper);color:var(--d-ink);border:1px solid var(--d-line);border-radius:4px;padding:0;width:min(920px,94vw);max-height:88vh;overflow:auto}#document-preview dialog::backdrop{background:#13233280}#document-preview dialog header{padding:12px 16px;background:var(--d-soft);border-bottom:1px solid var(--d-line);display:flex;justify-content:space-between;align-items:center}#document-preview dialog .grid{padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#document-preview dialog .full{grid-column:1/-1}#document-preview dialog textarea{width:100%;min-height:70px}#document-preview .document-title{text-align:center;font-size:22px;margin:12px}#document-preview .signature{display:flex;justify-content:space-between;padding:24px 0;gap:12px;flex-wrap:wrap} @media(max-width:680px){#document-preview main{padding:12px}#document-preview .top{gap:8px;padding:0 12px}#document-preview .top nav span{padding:12px 8px}#document-preview dialog .grid{grid-template-columns:1fr}#document-preview .wide{min-width:100%}#document-preview .totals{justify-content:flex-start;gap:16px}#document-preview td,#document-preview th{padding:9px}#document-preview .preview-nav small{margin-left:0}} #document-preview td input,#document-preview td select{width:100%} #document-preview .region{min-width:110px;width:130px}#document-preview .region input{margin-bottom:6px} #document-preview .materials{min-width:270px;width:310px}#document-preview .material-row{display:flex;flex-direction:row;align-items:center;gap:6px;margin:4px 0}#document-preview .material-row span{flex:none}#document-preview .material-row select{min-width:0} #document-preview .dimensions{min-width:94px;width:105px}#document-preview .dimensions input+input{margin-top:6px}#document-preview .quantity{min-width:78px;width:90px}#document-preview .quantity input{min-width:65px} #document-preview .notes{min-width:155px;width:185px}#document-preview .row-actions{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}#document-preview .row-actions button{padding:4px 6px;font-size:12px;min-height:28px} #document-preview .board-product{min-width:225px}#document-preview .label-cell{min-width:168px}#document-preview .edge-product{min-width:205px} #document-preview .fields label{width:170px}#document-preview .fields label:has([data-head=notes]),#document-preview .fields label:has([data-head=followup]){flex:1;min-width:230px} #document-preview .scroll th{background:light-dark(#4f687d,#344b60);color:light-dark(#fff,#edf4fc)} #document-preview .output-paper{padding:18px;background:var(--d-paper)}#document-preview .output-paper .document-title{text-align:center;font-size:23px;margin:10px 0 18px}#document-preview .output-paper th{background:var(--d-soft);color:var(--d-ink)}#document-preview .output-paper table{min-width:650px} #document-preview dialog{width:min(1160px,96vw)}#document-preview .empty{padding:20px} @media(max-width:680px){#document-preview .fields label{width:calc(50% - 10px)}#document-preview .output-paper{padding:10px}} #document-preview .budget-input table{table-layout:fixed;min-width:1430px;width:100%} #document-preview .budget-input th,#document-preview .budget-input td{white-space:nowrap;padding:10px 7px;vertical-align:middle} #document-preview .budget-input tbody td{vertical-align:middle} #document-preview .budget-input th:nth-child(1){width:95px} #document-preview .budget-input th:nth-child(2){width:125px} #document-preview .budget-input th:nth-child(3){width:calc(60% - 555.6px)} #document-preview .budget-input th:nth-child(4),#document-preview .budget-input th:nth-child(5){width:82px} #document-preview .budget-input th:nth-child(6){width:72px} #document-preview .budget-input th:nth-child(7){width:46px} #document-preview .budget-input th:nth-child(8){width:140px} #document-preview .budget-input th:nth-child(9){width:110px} #document-preview .budget-input th:nth-child(10){width:auto} #document-preview .budget-input th:nth-child(11){width:214px} #document-preview .budget-input input,#document-preview .budget-input select{min-width:0;margin:0;height:36px} #document-preview .budget-input .row-actions{flex-wrap:nowrap;margin:0;gap:5px} #document-preview .budget-input .row-actions button{padding:5px 8px;height:36px;min-height:36px;font-size:14px;white-space:nowrap;flex:none} #document-preview .budget-input [data-action=remove]{color:var(--d-red,#b42318)} #document-preview .budget-input thead th{text-align:center;vertical-align:middle} #document-preview .budget-input tbody td:nth-child(4),#document-preview .budget-input tbody td:nth-child(5),#document-preview .budget-input tbody td:nth-child(6),#document-preview .budget-input tbody td:nth-child(7),#document-preview .budget-input tbody td:nth-child(8),#document-preview .budget-input tbody td:nth-child(9){text-align:center} #document-preview .budget-input input,#document-preview .budget-input select{text-align:left} #document-preview .budget-input .budget-price-control{display:flex;align-items:center;gap:4px;height:36px} #document-preview .budget-input .budget-price-control input{flex:1;width:0;min-width:0} #document-preview .budget-input .budget-price-control button{flex:none;width:36px;height:36px;min-height:36px;padding:0;font-size:14px} #document-preview .quote-input table{table-layout:fixed;width:100%;min-width:2140px} #document-preview .quote-input th,#document-preview .quote-input td{padding:10px 7px;white-space:nowrap;vertical-align:middle} #document-preview .quote-input th:nth-child(1){width:90px} #document-preview .quote-input th:nth-child(2){width:120px} #document-preview .quote-input th:nth-child(3){width:144px} #document-preview .quote-input th:nth-child(4){width:auto} #document-preview .quote-input th:nth-child(5),#document-preview .quote-input th:nth-child(6),#document-preview .quote-input th:nth-child(7),#document-preview .quote-input th:nth-child(8){width:76px} #document-preview .quote-input th:nth-child(9){width:46px} #document-preview .quote-input th:nth-child(10){width:96px} #document-preview .quote-input th:nth-child(11){width:110px} #document-preview .quote-input th:nth-child(12){width:180px} #document-preview .quote-input th:nth-child(13){width:214px} #document-preview .quote-input input,#document-preview .quote-input select{height:36px;min-width:0;margin:0} #document-preview .quote-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #document-preview .quote-material{display:flex;align-items:center;gap:5px;min-width:0} #document-preview .quote-material>span{flex:none;font-size:12px;color:var(--d-muted)} #document-preview .quote-material select{flex:1;width:0} #document-preview .quote-input .row-actions{margin:0;flex-wrap:nowrap;gap:5px} #document-preview .quote-input .row-actions button{height:36px;min-height:36px;flex:none;padding:5px 8px;font-size:14px;white-space:nowrap} #document-preview .quote-input [data-action=remove]{color:var(--d-red)} #document-preview .quote-item-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px} #document-preview .quote-item-spec{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;min-width:0} #document-preview .quote-item-spec>span{flex:none} #document-preview .quote-item-spec>input{flex:1;width:0;min-width:0} #document-preview{position:relative} #document-preview .quote-material input{flex:1;width:0} #document-preview .quote-search-panel{position:absolute;z-index:100;background:var(--d-paper);color:var(--d-ink);border:1px solid var(--d-line);border-radius:4px;box-shadow:0 6px 18px #0002;max-height:260px;overflow-y:auto;padding:4px} #document-preview .quote-search-panel[hidden]{display:none} #document-preview .quote-search-panel button{display:block;text-align:left;width:100%;border:0;white-space:normal;padding:9px 10px} #document-preview .quote-search-panel button:hover,#document-preview .quote-search-panel button:focus{background:var(--d-soft)} #document-preview .quantity-input table{width:100%;min-width:1280px;table-layout:fixed} #document-preview .quantity-input th,#document-preview .quantity-input td{padding:10px 7px;white-space:nowrap;vertical-align:middle} #document-preview .quantity-input tbody td{vertical-align:top} #document-preview .quantity-input input,#document-preview .quantity-input select{height:36px;min-width:0;width:100%;margin:0} #document-preview .quantity-input .row-actions{margin:0;flex-wrap:nowrap;gap:5px} #document-preview .quantity-input .row-actions button{height:36px;min-height:36px;flex:none;padding:5px 8px;font-size:14px;white-space:nowrap} #document-preview .quantity-input [data-action=remove]{color:var(--d-red)} #document-preview .handoff-input table{width:100%;min-width:1770px;table-layout:fixed} #document-preview .handoff-input th,#document-preview .handoff-input td{padding:10px 7px;white-space:nowrap;vertical-align:middle} #document-preview .handoff-input th:nth-child(1){width:230px} #document-preview .handoff-input th:nth-child(2){width:auto} #document-preview .handoff-input th:nth-child(3){width:180px} #document-preview .handoff-input th:nth-child(4){width:120px} #document-preview .handoff-input th:nth-child(5),#document-preview .handoff-input th:nth-child(6),#document-preview .handoff-input th:nth-child(7){width:90px} #document-preview .handoff-input th:nth-child(8){width:340px} #document-preview .handoff-input th:nth-child(9){width:110px} #document-preview .handoff-input th:nth-child(10){width:170px} #document-preview .handoff-input input,#document-preview .handoff-input select{height:36px;min-width:0;width:100%;margin:0} #document-preview .board-source{display:flex;align-items:center;gap:6px} #document-preview .board-source>select:first-child{width:78px;flex:none} #document-preview .board-source>select:nth-child(2){width:142px;flex:none} #document-preview .board-source>input{width:80px;flex:none} #document-preview .handoff-input .row-actions{margin:0;flex-wrap:nowrap;gap:5px} #document-preview .handoff-input .row-actions button{height:36px;padding:5px 8px;white-space:nowrap} #document-preview .edge-assignments table{min-width:700px;table-layout:fixed} #document-preview .edge-assignments th:first-child{width:40%} #document-preview .handoff-input th:nth-child(10){width:220px} #document-preview .edge-input table{width:100%;min-width:1320px;table-layout:fixed} #document-preview .edge-input th,#document-preview .edge-input td{padding:10px 7px;white-space:nowrap;vertical-align:middle} #document-preview .edge-input th:nth-child(1){width:auto} #document-preview .edge-input th:nth-child(2){width:140px} #document-preview .edge-input th:nth-child(3){width:140px} #document-preview .edge-input th:nth-child(4){width:310px} #document-preview .edge-input th:nth-child(5){width:100px} #document-preview .edge-input th:nth-child(6){width:140px} #document-preview .edge-input th:nth-child(7){width:220px} #document-preview .edge-input input,#document-preview .edge-input select{height:36px;min-width:0;width:100%;margin:0} #document-preview .edge-formula{display:flex;gap:6px;align-items:center} #document-preview .edge-formula input{width:70px;flex:none} #document-preview .edge-input .row-actions{margin:0;flex-wrap:nowrap;gap:5px} #document-preview .edge-input .row-actions button{height:36px;padding:5px 8px;white-space:nowrap} #document-preview .production-paper{max-width:1200px;margin:16px auto;padding:24px 28px;border:1px solid var(--d-line)} #document-preview .print-heading{text-align:center;border-bottom:2px solid var(--d-ink);padding-bottom:16px;margin-bottom:16px} #document-preview .production-paper .document-title{margin:0 0 6px;font-size:24px;letter-spacing:3px;font-weight:600} #document-preview .print-subtitle{color:var(--d-muted);font-size:12px} #document-preview .print-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px;font-size:13px} #document-preview .print-section{margin:0 0 24px} #document-preview .print-section h3{font-size:14px;margin:0 0 10px;padding-left:9px;border-left:3px solid var(--d-ink)} #document-preview .production-paper table{table-layout:fixed;min-width:850px} #document-preview .production-paper th,#document-preview .production-paper td{padding:12px 9px;vertical-align:middle;border:1px solid var(--d-line);overflow-wrap:anywhere} #document-preview .production-paper th{background:var(--d-soft);color:var(--d-ink);font-weight:600} #document-preview .handoff-paper th:nth-child(1){width:18%} #document-preview .handoff-paper th:nth-child(2){width:24%} #document-preview .handoff-paper th:nth-child(3){width:18%} #document-preview .handoff-paper th:nth-child(4){width:10%} #document-preview .handoff-paper th:nth-child(n+5){width:10%;text-align:right} #document-preview .production-paper td.num{text-align:right} #document-preview .production-tag,#document-preview .print-emphasis{font-weight:600} #document-preview .shipment-paper th:nth-child(1){width:6%} #document-preview .shipment-paper th:nth-child(2){width:30%} #document-preview .shipment-paper th:nth-child(3){width:27%} #document-preview .shipment-paper th:nth-child(4){width:15%} #document-preview .shipment-paper th:nth-child(5){width:14%;text-align:right} #document-preview .shipment-paper th:nth-child(6){width:8%} #document-preview .print-summary{display:flex;justify-content:flex-end;gap:24px;flex-wrap:wrap;padding:10px 0;font-size:13px} #document-preview .print-notes{display:flex;align-items:flex-start;gap:20px;padding-top:16px;border-top:1px solid var(--d-line);white-space:pre-wrap} #document-preview .print-notes strong{flex:none} #document-preview .output-blocked{padding:18px;margin:16px;border:1px solid var(--d-orange);background:var(--d-soft);color:var(--d-orange)} #document-preview .output-blocked p{margin:6px 0 0} @media(max-width:680px){#document-preview .production-paper{padding:14px 10px}} #document-preview .review-input table{width:100%;min-width:1080px;table-layout:fixed} #document-preview .review-input th,#document-preview .review-input td{padding:10px 7px;white-space:nowrap;vertical-align:middle} #document-preview .review-input input,#document-preview .review-input select{height:36px;min-width:0;width:100%;margin:0} #document-preview .review-input input[readonly]{background:var(--d-soft)} #document-preview .handoff-review th:nth-child(1){width:220px} #document-preview .handoff-review th:nth-child(2){width:auto} #document-preview .handoff-review th:nth-child(3){width:180px} #document-preview .handoff-review th:nth-child(4){width:120px} #document-preview .handoff-review th:nth-child(n+5){width:100px} #document-preview .shipment-review th:nth-child(1){width:auto} #document-preview .shipment-review th:nth-child(2){width:230px} #document-preview .shipment-review th:nth-child(3){width:160px} #document-preview .shipment-review th:nth-child(4){width:120px} #document-preview .shipment-review th:nth-child(5){width:70px} #document-preview .edge-review th:nth-child(1){width:auto} #document-preview .edge-review th:nth-child(2){width:240px} #document-preview .edge-review th:nth-child(3){width:160px} #document-preview .edge-review th:nth-child(4){width:160px} #document-preview .edge-review th:nth-child(5){width:190px} #document-preview .handoff-review table{min-width:1400px} #document-preview .handoff-review th:nth-child(8){width:310px} #document-preview .shipment-review table{min-width:1280px} #document-preview .shipment-review th:nth-child(6){width:310px} #document-preview .handoff-paper th:nth-child(1){width:16%} #document-preview .handoff-paper th:nth-child(2){width:18%} #document-preview .handoff-paper th:nth-child(3){width:15%} #document-preview .handoff-paper th:nth-child(4){width:9%} #document-preview .handoff-paper th:nth-child(n+5){width:9%} #document-preview .handoff-paper th:nth-child(8){width:15%;text-align:left} #document-preview .shipment-paper .print-section:first-child th:nth-child(1){width:5%} #document-preview .shipment-paper .print-section:first-child th:nth-child(2){width:23%} #document-preview .shipment-paper .print-section:first-child th:nth-child(3){width:22%} #document-preview .shipment-paper .print-section:first-child th:nth-child(4){width:12%} #document-preview .shipment-paper .print-section:first-child th:nth-child(5){width:11%} #document-preview .shipment-paper .print-section:first-child th:nth-child(6){width:7%} #document-preview .shipment-paper .print-section:first-child th:nth-child(7){width:20%} #document-preview .production-paper .print-row-note{white-space:pre-wrap;overflow-wrap:anywhere} #document-preview .shipment-review table{min-width:1510px} #document-preview .shipment-review th:nth-child(7){width:230px} #document-preview .edge-review th:nth-child(5){width:240px} #document-preview .hardware-input table{min-width:1080px;table-layout:fixed} #document-preview .hardware-input input,#document-preview .hardware-input select{width:100%;min-width:0} #document-preview .hardware-divider td{background:#f3f6f9;color:#284b69;font-weight:600;padding:9px 12px;border-bottom:1px solid #d6e0e9} /* Actual board usage and mixed back-panel quantities share the document table grid. */ #document-preview .handoff-input td,#document-preview .handoff-review td{vertical-align:top} #document-preview .board-usage{margin-top:6px} #document-preview .board-back-qty{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin-top:8px;width:100%;min-width:0;font-size:12px;white-space:normal} #document-preview .board-back-qty>span{white-space:normal;overflow-wrap:anywhere} /* Keep the chosen board's parameters visible; search text is separate from its display label. */ #document-preview .quote-selection{flex:1;min-width:0;width:100%} #document-preview .quote-selection-control{display:flex;align-items:center;gap:5px;min-width:0} #document-preview .quote-selection-control input{flex:1;min-width:0;width:0} #document-preview .quote-selection-control button{flex:none;height:36px;min-height:36px;margin:0} #document-preview .quote-board-details{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.5;margin-top:5px;font-size:12px} #document-preview .quote-material:has(.quote-selection){align-items:flex-start} #document-preview .quote-search-panel [role=option]>strong,#document-preview .quote-search-panel [role=option]>small{display:block;white-space:normal;text-align:left;line-height:1.5} #document-preview .quote-search-panel [role=option]>small{margin-top:3px} #document-preview .quote-input td{vertical-align:top} #document-preview .quote-input:has(td:nth-child(2) .quote-selection) th:nth-child(2){width:450px} #document-preview .quote-item-spec{grid-column:2} /* Inline board identity needs room for parameters at the normal form font size. */ #document-preview .quote-input:has(.quote-selection) table{min-width:2700px} /* Common hardware rows use one continuous grid, consistent with the node forms. */ #document-preview .hardware-template-input table{min-width:1215px;table-layout:fixed} #document-preview .hardware-template-input th,#document-preview .hardware-template-input td{vertical-align:middle;padding:10px;font-size:14px;text-align:left} #document-preview .hardware-template-input input,#document-preview .hardware-template-input select,#document-preview .hardware-template-input button{height:36px;min-height:36px;font-size:14px;margin:0} #document-preview .hardware-product-control{display:flex;gap:6px;align-items:center} #document-preview .hardware-product-control input{flex:1;width:0;min-width:0} #document-preview .hardware-product-control button{flex:none} #document-preview .hardware-template-input .row-actions{display:flex;flex-wrap:nowrap;gap:6px;margin:0} #document-preview .hardware-template-input .row-actions button{padding:4px 9px} #document-preview .hardware-template-input .hardware-divider td{padding:8px 10px;background:var(--d-soft);color:var(--d-ink);border-color:var(--d-line)} #document-preview .hardware-template-input .hardware-divider .bar{margin:0;padding:0;min-height:36px} #document-preview .hardware-template-input .hardware-divider strong{font-size:16px} #document-preview .hardware-template-note{padding:12px 16px;background:var(--d-soft);color:var(--d-ink);font-size:14px;line-height:1.6;border-bottom:1px solid var(--d-line)} #document-preview .hardware-add-category{display:flex;align-items:flex-end;gap:10px;padding:14px} #document-preview .hardware-add-category label{width:200px} #document-preview .hardware-picker{padding:16px} #document-preview #hardware-search{width:100%;height:36px;font-size:14px} #document-preview #hardware-picker-results{display:grid;gap:8px;margin-top:14px;max-height:420px;overflow:auto} #document-preview #hardware-picker-results button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;white-space:normal;font-size:14px;padding:12px} #document-preview #hardware-picker-results button span{font-size:13px;color:var(--d-muted)} #document-preview .hardware-output-table,#doc-content .hardware-output-table,.output-paper .hardware-output-table{table-layout:fixed;width:100%} #cabinet-whole .ac-cards,#cabinet-whole .ac-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}#cabinet-whole .ac-card{border:1px solid var(--cw-line);padding:16px;background:var(--cw-panel);border-left:3px solid #356b98}#cabinet-whole .ac-checks .ac-card{display:flex;align-items:center;justify-content:space-between;gap:16px}#cabinet-whole .ac-checks select{max-width:180px}#cabinet-whole .ac-processing{grid-column:1/-1}#cabinet-whole .ac-processing summary{padding:12px;cursor:pointer}#cabinet-whole .ac-B{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}#cabinet-whole .ac-B .ac-cards{grid-template-columns:1fr}@media(max-width:950px){#cabinet-whole .ac-B,#cabinet-whole .ac-checks{grid-template-columns:1fr}} #cabinet-whole .ac-steps{display:flex;gap:18px;list-style:none;margin:0;padding:18px;flex-wrap:wrap}#cabinet-whole .ac-steps li{display:flex;align-items:center;gap:8px;color:var(--cw-muted)}#cabinet-whole .ac-steps li span{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--cw-line);border-radius:50%}#cabinet-whole .ac-steps [aria-current="step"]{color:var(--cw-text);font-weight:600}#cabinet-whole .ac-steps [aria-current="step"] span{background:#356b98;color:#fff;border-color:#356b98} #cabinet-whole .ac-checklist-add{display:grid;grid-template-columns:minmax(0,200px) max-content;align-items:end;gap:8px}#cabinet-whole .ac-checklist-add .cw-field{width:100%}#cabinet-whole .ac-checklist-add .cw-input,#cabinet-whole .ac-checklist-add .cw-btn{height:42px;min-height:42px} #cabinet-whole #installation-edit .cw-formgrid,#cabinet-whole #installation-reference .cw-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px} #cabinet-whole #installation-edit input,#cabinet-whole #installation-edit select,#cabinet-whole #installation-edit textarea,#cabinet-whole #installation-reference input,#cabinet-whole #installation-reference select{width:100%;max-width:none;box-sizing:border-box;min-height:38px} #cabinet-whole #installation-edit input,#cabinet-whole #installation-edit select,#cabinet-whole #installation-reference input,#cabinet-whole #installation-reference select{height:38px} #cabinet-whole #installation-edit .cw-field,#cabinet-whole #installation-reference .cw-field{grid-column:auto;max-width:none;width:auto} #cabinet-whole #installation-edit .cw-span,#cabinet-whole #installation-reference .cw-span,#cabinet-whole #installation-edit .cw-note{grid-column:1/-1} #cabinet-whole #installation-edit .cw-field,#cabinet-whole #installation-reference .cw-field{display:flex;flex-direction:column;gap:7px;min-width:0} #cabinet-whole #installation-edit .cw-field>span,#cabinet-whole #installation-reference .cw-field>span{min-height:20px} #cabinet-whole #installation-edit .cw-small,#cabinet-whole #installation-reference .cw-small{line-height:1.6} #cabinet-whole [data-ins-order]{min-height:36px;max-width:420px} @media(max-width:620px){#cabinet-whole #installation-edit .cw-formgrid,#cabinet-whole #installation-reference .cw-formgrid{grid-template-columns:1fr}} #document-preview{margin:0}#document-preview .sheet{border:1px solid #dce4ec} #cabinet-whole.cw-has-node-actions #cw-content{padding-bottom:100px} #cabinet-whole .cw-node-actionbar{position:fixed;bottom:0;left:16px;right:16px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:light-dark(#fff,#222e3b);border-top:1px solid light-dark(#d8e0e8,#415164);box-shadow:0 -3px 12px #0001} #cabinet-whole .cw-node-actionbar .cw-actions{margin:0;justify-content:flex-end;flex-wrap:wrap} @media(max-width:650px){#cabinet-whole .cw-node-actionbar{left:0;right:0;flex-wrap:wrap}#cabinet-whole .cw-node-actionbar .cw-actions{width:100%}#cabinet-whole.cw-has-node-actions #cw-content{padding-bottom:160px}} @media print{#cabinet-whole .cw-node-actionbar{display:none}} #cabinet-whole .production-material-grid .cw-table{border-collapse:collapse;width:100%;border:1px solid var(--cw-line)} #cabinet-whole .production-material-grid .cw-table th,#cabinet-whole .production-material-grid .cw-table td{border:1px solid var(--cw-line);vertical-align:middle;padding:10px 12px} #cabinet-whole .production-material-grid .cw-table th{font-weight:600;white-space:nowrap} #cabinet-whole .production-material-grid .cw-table td{line-height:1.5} #cabinet-whole .production-source-tags{display:flex;flex-wrap:wrap;gap:6px} #cabinet-whole .production-source-badge{display:inline-block;padding:4px 9px;border-radius:4px;font-weight:600;white-space:nowrap} #cabinet-whole .production-source-badge.pending{background:light-dark(#fff0d6,#503717);color:light-dark(#945000,#ffd08a)} #cabinet-whole .production-source-badge.shipped{background:light-dark(#dff3e7,#193e30);color:light-dark(#17633b,#9ce2bc)} #cabinet-whole .production-source-badge.stock{background:light-dark(#e9edf2,#34404d);color:light-dark(#4c5a6a,#dae2eb)} /* Layout variants only. Typography, colors, panels and controls inherit the main prototype. */ #cabinet-whole[data-installation-layout]{border-left:0;border-right:0;border-radius:0} #cabinet-whole[data-installation-layout] #cw-content:has(.ins-layout){padding-left:0;padding-right:0} #cabinet-whole[data-installation-layout] .cw-node-actionbar{left:0;right:0} #cabinet-whole[data-installation-layout] .ins-layout{width:100%;min-width:0} #cabinet-whole[data-installation-layout] .ins-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} #cabinet-whole[data-installation-layout] .ins-board>.cw-panel,#cabinet-whole[data-installation-layout] .ins-aftercare{grid-column:1/-1;min-width:0;margin:0} #cabinet-whole[data-installation-layout] .ins-aftercare>.cw-panel:last-child{margin-bottom:0} #cabinet-whole[data-installation-layout] .ins-layout>.cw-panel:last-child{margin-top:14px} #cabinet-whole[data-installation-layout] .ins-layout-nav{margin:0;border-width:0 0 1px;border-radius:0;gap:8px} #cabinet-whole[data-installation-layout] .ins-layout-nav a{text-decoration:none} #cabinet-whole[data-installation-layout] .ins-layout-nav .cw-small{margin-left:auto} /* A: full-width groups with daytime / overtime side by side. */ #cabinet-whole[data-installation-layout=a] .ins-board>.ins-labor,#cabinet-whole[data-installation-layout=a] .ins-board>.ins-overtime{grid-column:auto} /* B: crews and outsourcing on the left, employee labor on the right. */ #cabinet-whole[data-installation-layout=b] .ins-board{grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr)} #cabinet-whole[data-installation-layout=b] .ins-board>.ins-source{grid-area:1/1/2/3} #cabinet-whole[data-installation-layout=b] .ins-board>.ins-assignments{grid-area:2/1/3/2} #cabinet-whole[data-installation-layout=b] .ins-board>.ins-labor{grid-area:2/2/3/3} #cabinet-whole[data-installation-layout=b] .ins-board>.ins-extras{grid-area:3/1/4/2} #cabinet-whole[data-installation-layout=b] .ins-board>.ins-overtime{grid-area:3/2/4/3} #cabinet-whole[data-installation-layout=b] .ins-board>.ins-summary{grid-area:4/1/5/3} /* C: the same panels with section headings on the left and records on the right. */ #cabinet-whole[data-installation-layout=c] .ins-board{grid-template-columns:minmax(0,1fr)} #cabinet-whole[data-installation-layout=c] .ins-board>.cw-panel{display:grid;grid-template-columns:190px minmax(0,1fr)} #cabinet-whole[data-installation-layout=c] .ins-board>.cw-panel>.cw-panelhead{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;border-bottom:0;border-right:1px solid var(--cw-line)} #cabinet-whole[data-installation-layout=c] .ins-board>.cw-panel>.cw-table-wrap{align-self:start} @media(max-width:1050px){ #cabinet-whole[data-installation-layout=b] .ins-board{grid-template-columns:minmax(0,1fr)} #cabinet-whole[data-installation-layout=b] .ins-board>.cw-panel,#cabinet-whole[data-installation-layout=b] .ins-aftercare{grid-area:auto} } @media(max-width:760px){ #cabinet-whole[data-installation-layout] .ins-board{grid-template-columns:minmax(0,1fr)} #cabinet-whole[data-installation-layout=c] .ins-board>.cw-panel{display:block} #cabinet-whole[data-installation-layout=c] .ins-board>.cw-panel>.cw-panelhead{flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--cw-line)} } /* Shared node-detail gutters; scoped by the render path, never applied to other pages. */ #cabinet-whole[data-node-spacing]{--page-gutter:192px} #cabinet-whole[data-node-spacing] #cw-content, #cabinet-whole[data-node-spacing][data-installation-layout] #cw-content:has(.ins-layout){padding-left:var(--page-gutter);padding-right:var(--page-gutter)} #cabinet-whole[data-node-spacing] .cw-top, #cabinet-whole[data-node-spacing] .cw-subnav{padding-left:var(--page-gutter);padding-right:var(--page-gutter)} #cabinet-whole[data-node-spacing] .cw-node-actionbar{left:var(--page-gutter);right:var(--page-gutter)} @media(max-width:760px){ #cabinet-whole[data-node-spacing]{--page-gutter:16px} } #cabinet-whole .cw-time-strip{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 16px;margin-bottom:16px;border:1px solid var(--cw-line);border-left:4px solid var(--cw-primary,#285a9b);background:var(--cw-paper)} #cabinet-whole .cw-time-strip .cw-field{width:190px;flex:none;margin:0} #cabinet-whole .cw-time-strip .cw-actions{margin:0;align-items:center} #cabinet-whole .cw-time-strip .cw-small{margin-top:6px} #cabinet-whole .cw-time-form input[type=number]{width:140px;max-width:100%} #cabinet-whole #time-deadline .cw-field,#cabinet-whole #time-claim .cw-field{max-width:360px} #cabinet-whole #time-deadline .cw-span{max-width:none} #cabinet-whole #time-clock{justify-content:flex-start} #cabinet-whole #time-clock>button{height:40px;margin:0} #cabinet-whole #time-clock>.cw-small{flex-basis:100%;margin:0} @media(max-width:760px){#cabinet-whole .cw-time-strip .cw-field{width:100%}#cabinet-whole .cw-time-form input[type=number]{width:100px}} #cabinet-whole .cw-requirements{margin:0 0 18px;padding:12px 14px;border:1px solid light-dark(#d8c999,#716343);border-left:4px solid light-dark(#bb9450,#c7a259);border-radius:var(--cw-radius,2px);background:light-dark(#fffbee,#302c23);color:var(--cw-text);min-width:0} #cabinet-whole .cw-requirements>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;margin-bottom:9px} #cabinet-whole .cw-requirements h2{font-size:17px;margin:0;line-height:1.4} #cabinet-whole .cw-requirements textarea{display:block;box-sizing:border-box;width:100%;min-height:54px;height:54px;resize:vertical;margin:0;font:inherit;line-height:1.5} #cabinet-whole .cw-requirement-list{display:flex;flex-wrap:wrap;align-items:stretch;align-content:flex-start;gap:8px;max-height:220px;overflow:auto;margin-top:8px;overscroll-behavior:contain} #cabinet-whole .cw-requirement-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:space-between;align-items:center;gap:7px 10px;flex:0 1 auto;box-sizing:border-box;width:max-content;max-width:min(100%,360px);min-width:0;padding:10px 12px;border:1px solid light-dark(#e0d1a5,#716343);border-radius:var(--cw-radius,2px);background:light-dark(#fffef8,#393326)} #cabinet-whole .cw-requirement-copy{display:contents} #cabinet-whole .cw-requirement-copy p{grid-column:1/-1;align-self:start;margin:0;font-size:14px;font-weight:500;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere} #cabinet-whole .cw-requirement-copy>.cw-small{grid-column:1;min-width:0;font-size:11px;overflow-wrap:anywhere} #cabinet-whole .cw-requirement-delete{grid-column:2;margin:0;padding:3px 7px;min-height:26px;font-size:12px} #cabinet-whole .cw-requirement-feedback:empty,#cabinet-whole .cw-requirement-undos:empty{display:none} #cabinet-whole .cw-requirement-feedback{font-size:12px;margin-top:6px} #cabinet-whole .cw-requirement-undos{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:12px} #cabinet-whole .cw-requirement-undos>span{display:flex;align-items:center;gap:6px} #cabinet-whole .cw-requirement-empty{margin:6px 0 0} @media print{#cabinet-whole .cw-requirements{display:none}} #cabinet-whole .cw-archive-filters{display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(150px,1fr));gap:16px;padding:18px;align-items:end} #cabinet-whole .cw-archive-filters .cw-field{width:auto;max-width:none;margin:0} #cabinet-whole .cw-archive-filters .cw-input{width:100%;box-sizing:border-box;height:38px} #cabinet-whole .cw-archive-table th,#cabinet-whole .cw-archive-table td{padding:13px 12px;vertical-align:top} #cabinet-whole .cw-archive-table td:first-child{width:27%;min-width:210px} #cabinet-whole .cw-archive-table td:nth-child(n+3){min-width:105px} #cabinet-whole .cw-archive-table .cw-link{font-size:15px;font-weight:600;text-align:left;white-space:normal;padding:0;line-height:1.5} #cabinet-whole .cw-archive-table tbody tr:has([data-archive-open]){cursor:pointer} #cabinet-whole .cw-archive-table tbody tr:has([data-archive-open]):hover{background:light-dark(#eef4fc,#293849)} #cabinet-whole .cw-archive-table .cw-small{margin:3px 0;font-size:12px} #cabinet-whole .cw-archive-tags{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0 0} #cabinet-whole #cw-archive-detail{position:fixed;inset:0 0 0 auto;margin:0;width:min(1040px,calc(100vw - 36px));max-width:none;height:100%;max-height:100%;padding:0;border:0;border-left:1px solid var(--cw-border,#d6dee8);border-radius:0;background:var(--cw-bg,#eef2f7);box-sizing:border-box} #cabinet-whole #cw-archive-detail::backdrop{background:#12223970} #cabinet-whole .cw-archive-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:var(--cw-paper,#fff);border-bottom:1px solid var(--cw-border,#d6dee8)} #cabinet-whole .cw-archive-head h2{font-size:22px;margin:0 0 5px} #cabinet-whole .cw-archive-head button{flex:none} #cabinet-whole .cw-archive-body{padding:16px 22px 24px} #cabinet-whole #cw-archive-detail .cw-panel{border:1px solid var(--cw-line);border-radius:var(--cw-radius,2px);margin:0 0 16px} #cabinet-whole #cw-archive-detail .cw-panelhead{display:flex} #cabinet-whole .cw-archive-timeline summary{padding:12px 18px;font-size:14px;color:var(--cw-brand);cursor:pointer} #cabinet-whole .cw-archive-progress>span{display:flex;gap:8px;align-items:center;flex-wrap:wrap} #cabinet-whole .cw-archive-body>.cw-archive-tags{margin:0 0 16px} #cabinet-whole .cw-archive-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:18px} #cabinet-whole .cw-archive-facts span,#cabinet-whole .cw-archive-money span{display:block;font-size:13px;color:var(--cw-muted,#617087);margin-bottom:7px} #cabinet-whole .cw-archive-facts strong{display:block;font-size:15px;overflow-wrap:anywhere} #cabinet-whole .cw-archive-progress{display:flex;gap:12px 24px;flex-wrap:wrap;padding:16px 18px;background:light-dark(#f2f6fc,#293849);font-size:14px} #cabinet-whole .cw-archive-money{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:18px 0} #cabinet-whole .cw-archive-money>div{padding:0 16px;border-right:1px solid var(--cw-border,#d6dee8)} #cabinet-whole .cw-archive-money>div:last-child{border:0} #cabinet-whole .cw-archive-money strong{font-size:21px;white-space:nowrap;display:block;color:var(--cw-text,#172e48)} #cabinet-whole .cw-archive-money .cw-small{font-size:12px;line-height:1.5;margin-top:7px} #cabinet-whole .cw-archive-pending{padding:10px 18px;border-top:1px solid var(--cw-border,#d6dee8);font-size:13px;color:light-dark(#88531e,#edc894)} #cabinet-whole .cw-archive-amendment{font-size:12px;margin-top:7px;padding:7px;background:light-dark(#fff7e8,#493c25)} #cabinet-whole .cw-archive-nodes td,#cabinet-whole .cw-archive-payments td{vertical-align:top} #cabinet-whole .cw-archive-nodes .cw-small,#cabinet-whole .cw-archive-payments .cw-small{font-size:12px;margin-top:4px} @media(max-width:850px){#cabinet-whole .cw-archive-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#cabinet-whole .cw-archive-money{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 0}#cabinet-whole .cw-archive-facts{grid-template-columns:repeat(2,minmax(0,1fr))}#cabinet-whole #cw-archive-detail{width:100vw}#cabinet-whole .cw-archive-body{padding:12px}#cabinet-whole .cw-archive-head{padding:16px}#cabinet-whole .cw-archive-head h2{font-size:18px}} @media(max-width:560px){#cabinet-whole .cw-archive-filters{gap:12px;padding:12px}#cabinet-whole .cw-archive-filters .cw-field:first-child{grid-column:1/-1}#cabinet-whole .cw-archive-money{grid-template-columns:repeat(2,minmax(0,1fr))}#cabinet-whole .cw-archive-money strong{font-size:18px}} /* Uses the prototype's shared navy palette, fonts and components. Scope excludes unrelated pages. */ #cabinet-whole .pm-page{font-size:var(--cw-text)} #cabinet-whole .pm-page .cw-head{margin-bottom:16px} #cabinet-whole .pm-page .cw-tabs{gap:8px;margin-bottom:12px} #cabinet-whole .pm-page .cw-tabs .cw-btn{padding:8px 20px} #cabinet-whole .pm-segment,#cabinet-whole .pm-dialog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px} #cabinet-whole .pm-segment [aria-pressed=true],#cabinet-whole .pm-dialog-tabs [aria-pressed=true],#cabinet-whole .pm-page .cw-tabs [aria-pressed=true]{background:var(--cw-brand);color:var(--cw-on);border-color:var(--cw-brand)} #cabinet-whole .pm-filters{display:flex;align-items:flex-end;gap:16px;padding:16px 18px;border-bottom:1px solid var(--cw-line);flex-wrap:wrap} #cabinet-whole .pm-filters .cw-input{height:38px;min-height:38px;box-sizing:border-box} #cabinet-whole .pm-filters .cw-field{width:180px;flex:none} #cabinet-whole .pm-filters .cw-field:first-child{width:320px;max-width:100%} #cabinet-whole .pm-count{padding-bottom:10px;margin-left:auto} #cabinet-whole .pm-preview-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--cw-tint);padding:10px 16px;margin-bottom:16px;border:1px solid var(--cw-line);border-radius:var(--cw-radius);font-size:var(--cw-label)} #cabinet-whole .pm-page .cw-table th,#cabinet-whole .pm-page .cw-table td{padding:12px 14px} #cabinet-whole .pm-page .cw-table td{line-height:1.5} #cabinet-whole .pm-page .cw-table th:last-child{min-width:200px} #cabinet-whole .pm-page .cw-table td:first-child{min-width:160px} #cabinet-whole .pm-page .cw-table td:nth-child(2){max-width:380px} #cabinet-whole .pm-page .cw-table td .cw-actions{flex-wrap:nowrap} #cabinet-whole .pm-missing{color:var(--cw-warn);font-size:var(--cw-label)} #cabinet-whole .pm-modal{width:min(1160px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:90vh;padding:0} #cabinet-whole .pm-modal .cw-quickbody{padding:0} #cabinet-whole .pm-dialog{padding:20px 24px;background:var(--cw-paper)} #cabinet-whole .pm-modal .cw-dialoghead{padding:16px 24px;border-bottom:1px solid var(--cw-line)} #cabinet-whole .pm-dialog-tabs{padding-bottom:14px;border-bottom:1px solid var(--cw-line)} #cabinet-whole .pm-section{margin-bottom:20px} #cabinet-whole .pm-section-title{border-left:3px solid var(--cw-brand);padding-left:10px;margin:0 0 14px} #cabinet-whole .pm-section-title h3{font-size:18px;line-height:1.4} #cabinet-whole .pm-section-title p{margin-top:5px} #cabinet-whole .pm-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #cabinet-whole .pm-dialog .pm-form-grid .cw-field{grid-column:auto;width:auto;max-width:none} #cabinet-whole .pm-form-grid .cw-input{width:100%;max-width:none;min-width:0} #cabinet-whole .pm-dialog input:not([type=checkbox]),#cabinet-whole .pm-dialog select,#cabinet-whole .pm-dialog .cw-btn{height:40px;min-height:40px;border-radius:var(--cw-radius);font-size:var(--cw-control)} #cabinet-whole .pm-dialog .cw-field>span{min-height:22px;font-size:var(--cw-label)} #cabinet-whole .pm-dialog .cw-table{font-size:var(--cw-control);table-layout:auto} #cabinet-whole .pm-dialog .cw-table th,#cabinet-whole .pm-dialog .cw-table td{padding:8px;vertical-align:middle} #cabinet-whole .pm-dialog .cw-table input{min-width:110px;width:100%} #cabinet-whole .pm-dialog .cw-table select{min-width:150px;width:100%} #cabinet-whole .pm-dialog .cw-table td:last-child{white-space:nowrap} #cabinet-whole .pm-dialog .cw-table input[type=number]{text-align:right;font-variant-numeric:tabular-nums} #cabinet-whole .pm-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} #cabinet-whole .pm-option-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px} #cabinet-whole .pm-option-groups .pm-section{min-width:0} #cabinet-whole .pm-option-groups .cw-table{min-width:0} #cabinet-whole .pm-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #cabinet-whole .pm-material-grid>div{border:1px solid var(--cw-line);border-radius:var(--cw-radius);padding:16px;display:flex;flex-direction:column;gap:12px} #cabinet-whole .pm-material-grid .cw-btn{margin-top:auto} #cabinet-whole .pm-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--cw-line);margin-top:20px;padding-top:16px} #cabinet-whole .pm-picker-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px} #cabinet-whole .pm-picker-list{border-right:1px solid var(--cw-line);padding-right:20px} #cabinet-whole .pm-picker-list [role=listbox]{display:grid;gap:6px;max-height:420px;overflow:auto;margin-top:12px} #cabinet-whole .pm-picker-list [role=option]{height:auto;white-space:normal;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;padding:10px 12px} #cabinet-whole .pm-picker-list [aria-selected=true]{background:var(--cw-tint);border-color:var(--cw-brand)} #cabinet-whole .pm-price-result{display:flex;align-items:center;justify-content:space-between;background:var(--cw-tint);padding:14px;margin-bottom:10px} #cabinet-whole .pm-price-result strong{font-size:22px;font-variant-numeric:tabular-nums} #cabinet-whole .pm-price-result small{font-size:14px;font-weight:400} #cabinet-whole .pm-quote-ref{font-size:13px;display:block;margin-top:4px;color:var(--cw-brand)} @media(max-width:760px){#cabinet-whole .pm-modal{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:95vh}#cabinet-whole .pm-dialog{padding:16px}#cabinet-whole .pm-form-grid,#cabinet-whole .pm-material-grid,#cabinet-whole .pm-option-groups,#cabinet-whole .pm-picker-grid{grid-template-columns:1fr}#cabinet-whole .pm-picker-list{border-right:0;padding-right:0}#cabinet-whole .pm-picker-list [role=listbox]{max-height:180px}#cabinet-whole .pm-filters .cw-field{flex:1 1 150px;width:auto}#cabinet-whole .pm-preview-strip,#cabinet-whole .pm-dialog-footer{flex-wrap:wrap}#cabinet-whole .pm-dialog input:not([type=checkbox]),#cabinet-whole .pm-dialog select,#cabinet-whole .pm-dialog .cw-btn{height:44px;min-height:44px}} #cabinet-whole .pm-preset-grid{margin-top:16px;grid-template-columns:repeat(2,minmax(0,1fr))} #cabinet-whole .pm-preset-grid textarea{min-height:220px;font-size:var(--cw-control);line-height:1.6} @media(max-width:760px){#cabinet-whole .pm-preset-grid{grid-template-columns:1fr}} #cabinet-whole .pm-spec-input{display:flex;gap:8px} #cabinet-whole .pm-spec-input input{flex:1;min-width:0} #cabinet-whole .pm-spec-input select{flex:0 0 112px;width:112px} #cabinet-whole .pm-batch-input{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px} #cabinet-whole .pm-batch-input textarea{width:100%;min-height:230px;font-size:var(--cw-control);line-height:1.6} #cabinet-whole .pm-batch-matrix{max-height:290px;overflow:auto;border:1px solid var(--cw-line);border-radius:var(--cw-radius)} #cabinet-whole .pm-batch-matrix .cw-table{min-width:100%} #cabinet-whole .pm-batch-matrix th{position:sticky;top:0;background:var(--cw-paper);z-index:1} #cabinet-whole .pm-batch-cell{display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:36px} #cabinet-whole .pm-dialog .pm-batch-cell input[type=checkbox],#cabinet-whole .pm-board-prices input[type=checkbox]{width:18px;min-width:18px;height:18px;min-height:18px;flex:none;accent-color:var(--cw-brand)} #cabinet-whole .pm-batch-count{font-weight:600;color:var(--cw-brand)} #cabinet-whole .pm-board-prices .cw-table td{vertical-align:top} #cabinet-whole .pm-board-prices .cw-table td:nth-last-child(3),#cabinet-whole .pm-board-prices .cw-table td:nth-last-child(2){width:170px} #cabinet-whole .pm-board-prices .cw-table td:last-child{width:240px;white-space:normal} #cabinet-whole .pm-cost-entry{display:grid;gap:4px;margin-bottom:8px} #cabinet-whole .pm-cost-entry>span{min-height:22px} #cabinet-whole .pm-board-prices input[readonly]{background:var(--cw-tint)} #cabinet-whole .pm-bulk-fill{display:flex;align-items:flex-end;gap:12px;margin:16px 0;flex-wrap:wrap} #cabinet-whole .pm-bulk-fill .cw-field{width:170px;margin:0} #cabinet-whole .pm-edge-draft{border:1px solid var(--cw-line);border-radius:var(--cw-radius);padding:16px;margin-bottom:12px} #cabinet-whole .pm-batch-matrix .cw-table select{width:210px;min-width:180px;max-width:260px;font-weight:400} #cabinet-whole .pm-batch-matrix th>span{display:block;margin-bottom:8px} @media(max-width:760px){#cabinet-whole .pm-batch-input{grid-template-columns:1fr}#cabinet-whole .pm-board-prices{overflow:auto}} #cabinet-whole .pm-edge-enable{padding:12px 0 20px;flex-wrap:wrap} #cabinet-whole .pm-edge-prices{overflow:auto;margin-bottom:16px} #cabinet-whole .pm-edge-prices .cw-table{min-width:850px} #cabinet-whole .pm-edge-prices .cw-table input{min-width:90px} #cabinet-whole .pm-dialog .pm-edge-enable input[type=checkbox]{width:18px;min-width:18px;height:18px;min-height:18px;accent-color:var(--cw-brand)} /* Board and edge-band navigation uses the same type scale and controls as the product pages. */ #cabinet-whole .pm-catalog-browser{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;padding:18px} #cabinet-whole .pm-brand-nav{display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--cw-line);padding-right:18px} #cabinet-whole .pm-brand-nav h3,#cabinet-whole .pm-brand-heading h3{font-size:18px;line-height:1.4;margin:0} #cabinet-whole .pm-brand-nav h3{margin-bottom:6px} #cabinet-whole .pm-brand-nav .cw-btn{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:40px;text-align:left;font-size:var(--cw-control);white-space:normal} #cabinet-whole .pm-brand-nav [aria-pressed=true]{background:var(--cw-brand);border-color:var(--cw-brand);color:var(--cw-on)} #cabinet-whole .pm-group-count{font-size:var(--cw-label);font-weight:400;white-space:nowrap} #cabinet-whole .pm-brand-content{min-width:0} #cabinet-whole .pm-brand-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:40px;margin-bottom:12px;font-size:var(--cw-label)} #cabinet-whole .pm-color-group{border:1px solid var(--cw-line);border-radius:var(--cw-radius);margin-bottom:12px;overflow:hidden} #cabinet-whole .pm-color-group>button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;border:0;border-radius:0;background:var(--cw-tint);text-align:left;padding:10px 14px;font-size:var(--cw-control)} #cabinet-whole .pm-color-group>button>strong{font-size:16px} #cabinet-whole .pm-color-group>button>span:last-child{margin-left:auto;font-size:var(--cw-label)} #cabinet-whole .pm-disclosure{width:14px;flex:none} #cabinet-whole .pm-catalog-variants{overflow:auto} #cabinet-whole .pm-catalog-variants .cw-table{table-layout:fixed;min-width:1270px;width:100%;font-size:var(--cw-control)} #cabinet-whole .pm-catalog-variants .cw-table th,#cabinet-whole .pm-catalog-variants .cw-table td{padding:12px 10px;min-width:0;max-width:none;vertical-align:middle;text-align:left;white-space:normal;overflow-wrap:anywhere} #cabinet-whole .pm-catalog-variants:not(.pm-edge-variants):not(.pm-hardware-variants):not(.pm-craft-variants) .cw-table th:nth-child(7),#cabinet-whole .pm-catalog-variants:not(.pm-edge-variants):not(.pm-hardware-variants):not(.pm-craft-variants) .cw-table td:nth-child(7){text-align:right;font-variant-numeric:tabular-nums} #cabinet-whole .pm-catalog-variants .cw-actions{margin:0;gap:8px} #cabinet-whole .pm-catalog-variants .cw-btn{height:36px;min-height:36px;font-size:var(--cw-control);padding:5px 10px} #cabinet-whole .pm-brand-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start} #cabinet-whole .pm-brand-settings .cw-field{width:auto;max-width:none;margin:0} #cabinet-whole .pm-brand-settings textarea{width:100%;min-height:108px;font-size:var(--cw-control);line-height:1.6} #cabinet-whole .pm-brand-tags{display:flex;align-content:flex-start;flex-wrap:wrap;gap:8px;min-height:108px;border:1px solid var(--cw-line);border-radius:var(--cw-radius);padding:10px} #cabinet-whole .pm-brand-tags>span{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;background:var(--cw-tint);border:1px solid var(--cw-line);border-radius:var(--cw-radius);font-size:var(--cw-control)} @media(max-width:760px){#cabinet-whole .pm-catalog-browser{grid-template-columns:1fr;padding:12px;gap:12px}#cabinet-whole .pm-brand-nav{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--cw-line);padding:0 0 12px}#cabinet-whole .pm-brand-nav h3{width:100%}#cabinet-whole .pm-brand-nav .cw-btn{width:auto}#cabinet-whole .pm-brand-settings{grid-template-columns:1fr}} #cabinet-whole .pm-edge-variants .cw-table{min-width:1110px} #cabinet-whole .pm-edge-variants .cw-table th:nth-child(5),#cabinet-whole .pm-edge-variants .cw-table td:nth-child(5){text-align:right;font-variant-numeric:tabular-nums} #cabinet-whole .pm-edge-variants .cw-table td:first-child .cw-small{display:block;margin-top:4px} #cabinet-whole .pm-hardware-variants .cw-table{min-width:1290px} #cabinet-whole .pm-hardware-variants .cw-table th:nth-child(6),#cabinet-whole .pm-hardware-variants .cw-table td:nth-child(6){text-align:right;font-variant-numeric:tabular-nums} #cabinet-whole .pm-hardware-variants .cw-small,#cabinet-whole .pm-craft-variants .cw-small,#cabinet-whole .pm-outsource-variants .cw-small{display:block;margin-top:4px} #cabinet-whole .pm-template-table{overflow:auto} #cabinet-whole .pm-template-table table{table-layout:fixed;min-width:1030px} #cabinet-whole .pm-template-table th:nth-child(1){width:180px} #cabinet-whole .pm-template-table th:nth-child(2){width:180px} #cabinet-whole .pm-template-table th:nth-child(3){width:430px} #cabinet-whole .pm-template-table th:nth-child(4){width:230px} #cabinet-whole .pm-dialog .pm-template-table input,#cabinet-whole .pm-dialog .pm-template-table select{width:100%;min-width:0;height:36px;min-height:36px;font-size:var(--cw-control)} #cabinet-whole .pm-template-table .cw-actions{flex-wrap:nowrap;margin:0} #cabinet-whole .pm-template-table .cw-btn{height:36px;min-height:36px;padding:5px 10px;font-size:var(--cw-control)} /* Additional hardware dimensions keep controls on one baseline. */ #cabinet-whole .hw-ac-notes{display:flex;align-items:center;gap:6px;min-width:260px} #cabinet-whole .hw-ac-notes input{flex:1;width:0;min-width:0;height:36px;box-sizing:border-box} #document-preview .hardware-template-input td:first-child small{display:block;font-size:12px;color:var(--d-muted)} #cabinet-whole .ac-event-editor .cw-table input,#cabinet-whole .ac-event-editor .cw-table select,#cabinet-whole .ac-event-editor .cw-table button{height:36px;min-height:36px;box-sizing:border-box;font-size:14px;margin:0} #cabinet-whole .hw-ac-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap} /* Category settings reuse the product dialog's typography and control dimensions. */ #cabinet-whole .pm-category-settings{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:start} #cabinet-whole .pm-category-settings .pm-section{min-width:0} #cabinet-whole .pm-category-settings table{table-layout:fixed;width:100%} #cabinet-whole .pm-category-settings th:first-child{width:40%} #cabinet-whole .pm-category-settings th:last-child{width:170px} #cabinet-whole .pm-category-settings .pm-section:last-child th:last-child{width:80px} #cabinet-whole .pm-category-settings tbody tr{height:68px} #cabinet-whole .pm-category-settings td{vertical-align:middle} #cabinet-whole .pm-category-usage{font-size:14px;line-height:20px} #cabinet-whole .pm-category-settings .cw-actions{flex-wrap:nowrap;margin:0} #cabinet-whole .pm-dialog .pm-category-settings input,#cabinet-whole .pm-dialog .pm-category-settings button{height:40px;min-height:40px;box-sizing:border-box;font-size:var(--cw-control)} #cabinet-whole .pm-category-settings input{width:100%;min-width:0} @media(max-width:1050px){#cabinet-whole .pm-category-settings{grid-template-columns:1fr}} /* Craft catalog shares the hardware shell, table and form typography; only column geometry differs. */ #cabinet-whole .pm-craft-variants .cw-table{min-width:1170px} #cabinet-whole .pm-outsource-variants .cw-table{min-width:1230px} #cabinet-whole .pm-craft-variants .cw-table th:nth-child(4),#cabinet-whole .pm-craft-variants .cw-table td:nth-child(4){text-align:right;font-variant-numeric:tabular-nums} #cabinet-whole .pm-form-four{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px} #cabinet-whole .pm-craft-table{overflow:auto} #cabinet-whole .pm-craft-table table{table-layout:fixed;width:100%;min-width:560px} #cabinet-whole .pm-craft-table th:last-child{width:84px} #cabinet-whole .pm-dialog .pm-craft-table input,#cabinet-whole .pm-dialog .pm-craft-table select{width:100%;min-width:0} @media(max-width:760px){#cabinet-whole .pm-form-four{grid-template-columns:1fr}} /* Combination maintenance uses common table/form typography with aligned slot columns. */ #cabinet-whole .pm-combination-list{overflow:auto} #cabinet-whole .pm-combination-list table{table-layout:fixed;min-width:1170px;width:100%} #cabinet-whole .pm-combination-list .cw-table th:last-child{min-width:0} #cabinet-whole .pm-combination-list td{overflow-wrap:anywhere;vertical-align:top} #cabinet-whole .pm-combination-list td:last-child .cw-actions{flex-direction:column;align-items:flex-start} #cabinet-whole .pm-combo-basics{grid-template-columns:2fr 1fr 1fr 1fr} #cabinet-whole .pm-combo-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #cabinet-whole .pm-combo-slot{display:flex;flex-direction:column;gap:12px;border:1px solid var(--cw-line);border-radius:var(--cw-radius);padding:16px;min-width:0} #cabinet-whole .pm-combo-slot h3{font-size:18px;margin:0} #cabinet-whole .pm-combo-slot .cw-field{margin:0;min-width:0;width:100%;flex:none} #cabinet-whole .pm-combo-slot select{width:100%;min-width:0} #cabinet-whole .pm-combo-parameters{margin:0;display:grid;gap:8px;font-size:var(--cw-text)} #cabinet-whole .pm-combo-parameters div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px} #cabinet-whole .pm-combo-parameters dt{color:var(--cw-muted)} #cabinet-whole .pm-combo-parameters dd{margin:0;overflow-wrap:anywhere} #cabinet-whole .pm-combo-slot>.cw-btn{margin-top:auto;align-self:flex-start} #cabinet-whole .pm-combo-summary{line-height:1.7;overflow-wrap:anywhere} @media(max-width:900px){#cabinet-whole .pm-combo-basics{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){#cabinet-whole .pm-combo-slots,#cabinet-whole .pm-combo-basics{grid-template-columns:1fr}} /* Price categories reuse the catalog tabs, filters and table controls. */ #cabinet-whole .pm-price-intro{margin:0;line-height:1.7} #cabinet-whole .pm-price-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px 16px} #cabinet-whole .pm-reference-list{overflow:auto} #cabinet-whole .pm-reference-list table{table-layout:fixed;min-width:970px;width:100%} #cabinet-whole .pm-reference-list td{vertical-align:middle;overflow-wrap:anywhere} #cabinet-whole .pm-reference-list .cw-actions{flex-wrap:nowrap;margin:0} #cabinet-whole .pm-reference-list td strong,#cabinet-whole .pm-reference-list td>.cw-small{display:block} #cabinet-whole .pm-reference-summary{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--cw-line)} #cabinet-whole .pm-reference-summary strong{font-size:var(--cw-text)} #cabinet-whole .pm-price-page .pm-filters input,#cabinet-whole .pm-price-page .pm-filters select{height:40px;min-height:40px;box-sizing:border-box} /* External request: one full-width product choice, shared controls stay aligned. */ #cabinet-whole #xc-request .pm-form-grid .xc-product-choice{grid-column:1/-1} #cabinet-whole #xc-request .xc-product-choice .cw-actions{flex-wrap:nowrap;align-items:center} #cabinet-whole #xc-request .xc-product-choice .cw-input{flex:1;min-width:0;width:0} /* Product details fit their container; retain fields, font sizes and action controls. */ #cabinet-whole .pm-catalog-variants .cw-table{min-width:0;width:100%} #cabinet-whole .pm-dialog .cw-table[data-pm-fit]{table-layout:fixed;min-width:0;width:100%} #cabinet-whole .pm-dialog .cw-table[data-pm-fit] th,#cabinet-whole .pm-dialog .cw-table[data-pm-fit] td{min-width:0;white-space:normal;overflow-wrap:anywhere} #cabinet-whole .pm-dialog .cw-table[data-pm-fit] input,#cabinet-whole .pm-dialog .cw-table[data-pm-fit] select{width:100%;min-width:0;box-sizing:border-box} @media(max-width:1540px){ #cabinet-whole .pm-catalog-browser{grid-template-columns:minmax(0,1fr)} #cabinet-whole .pm-brand-nav{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--cw-line);padding:0 0 12px} #cabinet-whole .pm-brand-nav h3{width:100%} #cabinet-whole .pm-brand-nav .cw-btn{width:auto} } #cabinet-whole .pm-catalog-variants .cw-table[data-pm-fit],#cabinet-whole .pm-dialog .cw-table[data-pm-fit]{width:calc(100% - 2px)} #cabinet-whole .pm-catalog-variants>.cw-table-wrap:has(>table[data-pm-fit]),#cabinet-whole .pm-dialog .cw-table-wrap:has(>table[data-pm-fit]){container-type:inline-size} /* shared-source:finance-preview.css sha256:e61c7acba85155768a7aa473bb659d0925de1c042e9e1b182f40db42372b6db6 */ /* Same application palette, type family and controls; finance spacing is scoped to this preview. */ #cabinet-whole .fp-page{max-width:1440px;margin:0 auto;font-size:14px;line-height:1.6} #cabinet-whole .fp-page .cw-head{margin-bottom:20px;align-items:flex-start} #cabinet-whole .fp-page h1{font-size:25px;line-height:1.4;margin:0 0 6px;font-weight:650} #cabinet-whole .fp-page h2{font-size:16px;font-weight:650} #cabinet-whole .fp-page .cw-small,#cabinet-whole .fp-page .cw-note{font-size:13px;line-height:1.6} #cabinet-whole .fp-page .cw-table{font-size:14px;min-width:600px;table-layout:auto} #cabinet-whole .fp-page .cw-table th{font-size:13px;font-weight:600;white-space:nowrap;background:var(--cw-nav)} #cabinet-whole .fp-page .cw-table th,#cabinet-whole .fp-page .cw-table td{padding:12px 14px;vertical-align:middle} #cabinet-whole .fp-page .cw-table td{font-variant-numeric:tabular-nums;line-height:1.55} #cabinet-whole .fp-page .cw-panel{margin-bottom:18px;border-radius:7px;overflow:hidden} #cabinet-whole .fp-page .cw-panelhead{min-height:54px;padding:12px 16px;align-items:center} #cabinet-whole .fp-page .cw-btn,#cabinet-whole .fp-dialog .cw-btn{min-height:40px;height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:14px;line-height:1.2;border-radius:5px} #cabinet-whole .fp-page .cw-table .cw-btn{height:34px;min-height:34px;padding:0 10px;font-size:13px} #cabinet-whole .fp-page .cw-input,#cabinet-whole .fp-dialog .cw-input{height:40px;min-height:40px;padding:8px 11px;border-radius:5px;font:inherit;font-size:14px;line-height:22px;width:100%;box-sizing:border-box} #cabinet-whole .fp-dialog textarea.cw-input{height:80px;min-height:80px;resize:vertical} #cabinet-whole .fp-page label,#cabinet-whole .fp-dialog label{font-size:13px;line-height:1.5} #cabinet-whole .fp-filters{display:grid;grid-template-columns:minmax(230px,2fr) minmax(145px,1fr) auto;gap:14px;align-items:end;padding:16px;background:var(--cw-paper);border:1px solid var(--cw-line);border-radius:7px;margin-bottom:18px} #cabinet-whole .fp-filters>div,#cabinet-whole .fp-filters>label{min-width:0;margin:0} #cabinet-whole .fp-filters .cw-field{margin:0} #cabinet-whole .fp-filters.two{grid-template-columns:minmax(230px,1fr) auto} #cabinet-whole .fp-filters.month{grid-template-columns:190px minmax(190px,1fr) auto} #cabinet-whole .fp-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px} #cabinet-whole .fp-stat{padding:16px 18px;background:var(--cw-paper);border:1px solid var(--cw-line);border-radius:7px;min-width:0} #cabinet-whole .fp-stat>span{display:block;color:var(--cw-muted);font-size:13px} #cabinet-whole .fp-stat strong .fp-money{font:inherit;color:inherit} #cabinet-whole .fp-stat strong{display:block;color:var(--cw-ink);font-size:25px;font-weight:650;line-height:1.4;margin:8px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} #cabinet-whole .fp-stat.focus{background:var(--cw-tint);border-color:var(--cw-brand)} #cabinet-whole .fp-stat.focus strong{color:var(--cw-brand)} #cabinet-whole .fp-stat small{display:block;color:var(--cw-muted);font-size:12px} #cabinet-whole .fp-alert{padding:12px 16px;background:light-dark(#fff8e9,#40341f);border:1px solid light-dark(#ead2a3,#766035);border-radius:6px;margin-bottom:18px;color:light-dark(#755320,#edc67e);font-size:13px} #cabinet-whole .fp-context{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:-4px 0 18px;padding:0 2px;color:var(--cw-muted);font-size:13px} #cabinet-whole .fp-context>span{min-width:0;overflow-wrap:anywhere} #cabinet-whole .fp-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center} #cabinet-whole .fp-money{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600} #cabinet-whole .fp-meta{display:block;color:var(--cw-muted);font-size:12px;margin-top:4px;overflow-wrap:anywhere} #cabinet-whole .fp-empty{padding:36px 20px;text-align:center;color:var(--cw-muted)} #cabinet-whole .fp-empty strong{display:block;color:var(--cw-ink);font-size:17px;margin-bottom:7px} #cabinet-whole .fp-preview-note{font-size:12px;color:var(--cw-muted);padding:12px 0 4px;text-align:right} #cabinet-whole .fp-nav-group{display:flex;align-items:center;gap:4px;padding-right:14px;margin-right:10px;border-right:1px solid var(--cw-line)} #cabinet-whole .fp-nav-group:last-child{border-right:0;margin-right:0;padding-right:0} #cabinet-whole .fp-nav-group>span{font-size:12px;color:var(--cw-muted);margin-right:3px;white-space:nowrap} #cabinet-whole #cw-subnav.fp-navigation{display:flex;flex-wrap:wrap;row-gap:10px;overflow:visible;padding-top:10px;padding-bottom:10px} #cabinet-whole .fp-navigation button{font-size:14px;min-height:40px;padding:7px 11px} #cabinet-whole .fp-dialog{font-size:14px;max-width:760px} #cabinet-whole .fp-dialog .cw-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start} #cabinet-whole .fp-dialog .cw-formgrid>label{min-width:0;width:100%} #cabinet-whole .fp-dialog .fp-wide{grid-column:1/-1} #cabinet-whole .fp-dialog .fp-alert{grid-column:1/-1;margin:0} #cabinet-whole .fp-dialog label:not(.fp-confirm),#cabinet-whole .fp-filters label{display:flex;flex-direction:column;gap:6px} #cabinet-whole .fp-dialog .cw-actions{justify-content:flex-end;gap:10px;padding-top:12px} #cabinet-whole .fp-form-error{padding:10px 14px;margin:10px 0;background:light-dark(#fff0ee,#4b2525);border:1px solid light-dark(#efc2bc,#805050);color:var(--cw-danger);border-radius:5px;font-size:13px} #cabinet-whole .fp-dialog .fp-confirm{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--cw-line);border-radius:5px;background:var(--cw-nav);margin:12px 0;font-size:13px} #cabinet-whole .fp-dialog .fp-confirm input{width:16px;height:16px;flex-shrink:0;margin-top:3px} #cabinet-whole .fp-page details.fp-details{border:1px solid var(--cw-line);border-radius:7px;margin-bottom:18px;background:var(--cw-paper)} @media(max-width:980px){#cabinet-whole .fp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#cabinet-whole .fp-nav-group{margin:0;padding-right:8px}#cabinet-whole .fp-nav-group>span{display:none}} @media(max-width:650px){#cabinet-whole .fp-filters,#cabinet-whole .fp-filters.two,#cabinet-whole .fp-filters.month{grid-template-columns:1fr}#cabinet-whole .fp-filters .cw-btn{width:100%}#cabinet-whole .fp-summary{gap:10px}#cabinet-whole .fp-stat{padding:12px}#cabinet-whole .fp-stat strong{font-size:21px}#cabinet-whole .fp-dialog .cw-formgrid{grid-template-columns:1fr}#cabinet-whole .fp-context{align-items:flex-start;flex-direction:column}#cabinet-whole .fp-dialog .cw-input,#cabinet-whole .fp-page .cw-input{font-size:16px}#cabinet-whole .fp-dialog .cw-btn{height:44px}} /* shared-source:finance-v2.css sha256:8e509717e92c6784056699105b5ca3814275e251bfb999362d78abc4ad21371b */ .fv-filters{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.fv-section-actions{margin:16px 0}.fv-zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.fv-zones button{background:var(--cw-paper,#fff);border:1px solid #d2dce5;border-radius:8px;padding:18px;text-align:left;color:inherit;min-height:94px;font-family:inherit;cursor:pointer}.fv-zones button.active{background:#edf4fb;border:2px solid #376994;padding:17px}.fv-zones strong{display:flex;justify-content:space-between;gap:10px;font-size:16px}.fv-zones span{display:block;font-size:12px;color:#64788b;margin-top:8px}.fp-page .cw-table td .fp-toolbar{gap:6px;flex-wrap:wrap}.fp-page .fp-money{font-variant-numeric:tabular-nums;white-space:nowrap}.fp-page .cw-table{width:100%}.fp-page{min-width:0}.fp-page p{overflow-wrap:anywhere}.fp-navigation .fp-nav-group{display:contents}.fp-navigation .fp-nav-group>span{display:none}.fv-back{margin-bottom:16px}@media(max-width:760px){.fv-filters{grid-template-columns:1fr}.fv-zones{grid-template-columns:1fr}.fv-zones button{min-height:76px}} /* shared-source:salary-preview.css sha256:6b88b493c93f44917325fed8d4267ef950e69659f0554a38411df65e6e17726b */ /* Scoped salary layout; palette, typography and controls come from shared finance/main styles. */ #cabinet-whole .sp-page .sp-toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:16px 0} #cabinet-whole .sp-page .sp-field{display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:180px} #cabinet-whole .sp-page .sp-field input,#cabinet-whole .sp-page .sp-field select{height:40px;width:100%;font-size:14px;box-sizing:border-box} #cabinet-whole .sp-page .sp-search{flex:1;max-width:360px} #cabinet-whole .sp-page .sp-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:18px} #cabinet-whole .sp-page .sp-detail-grid .cw-table{min-width:0} #cabinet-whole .sp-page .sp-detail-grid .cw-panel{margin:0 0 18px} #cabinet-whole .sp-page .sp-status{padding:22px} #cabinet-whole .sp-page .sp-status>strong{display:block;font-size:28px;line-height:1.5;margin-bottom:12px} #cabinet-whole .sp-page .sp-empty{padding:30px 20px;text-align:center;color:var(--cw-muted)} #cabinet-whole .sp-page .cw-small{display:block;margin-top:3px} #cabinet-whole .sp-page .sp-demo{font-size:11px;background:#eaf1f8;color:#477192;padding:2px 5px;border-radius:3px;margin-left:8px;white-space:nowrap} #cabinet-whole .sp-page .sp-tabs{display:flex;gap:10px;margin:16px 0} #cabinet-whole .sp-dialog .cw-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start} #cabinet-whole .sp-dialog .cw-field{min-width:0;display:flex;flex-direction:column;gap:6px} #cabinet-whole .sp-dialog .cw-field label{line-height:20px;margin:0} #cabinet-whole .sp-dialog input:not([type=checkbox]),#cabinet-whole .sp-dialog select{height:40px;min-height:40px;width:100%;font-size:14px;box-sizing:border-box} #cabinet-whole .sp-dialog .cw-btn{min-height:40px;font-size:14px} #cabinet-whole .sp-dialog .sp-check{display:flex;align-items:center;gap:9px;margin:18px 0;padding:14px;background:#f0f5fa;font-size:14px} #cabinet-whole .sp-dialog .sp-check input{width:18px;height:18px;flex:none} #cabinet-whole .sp-dialog .cw-footer{margin-top:14px} #cabinet-whole .sp-page td:nth-child(n+2){font-variant-numeric:tabular-nums} #cabinet-whole .sp-page>.cw-metrics{grid-template-columns:repeat(4,minmax(0,1fr))} #cabinet-whole .sp-page .sp-leave-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0} #cabinet-whole .sp-page .sp-leave-summary strong{display:block;font-size:21px;line-height:1.6} #cabinet-whole .sp-page .sp-leave-summary span{font-size:13px;color:var(--cw-muted)} #cabinet-whole .sp-dialog .sp-leave-estimate,#cabinet-whole .sp-dialog .sp-check{grid-column:1/-1} @media(max-width:1000px){#cabinet-whole .sp-page>.cw-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:850px){#cabinet-whole .sp-page .sp-detail-grid{grid-template-columns:1fr}#cabinet-whole .sp-page .sp-search{max-width:none}#cabinet-whole .sp-dialog .cw-formgrid{grid-template-columns:1fr}} #cabinet-whole .sp-dialog .sp-hr-scope{grid-column:1/-1;border:1px solid #dce4ed;border-radius:6px;padding:14px;min-width:0} #cabinet-whole .sp-dialog .sp-hr-scope>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:280px;overflow:auto} #cabinet-whole .sp-dialog .sp-hr-scope .sp-hr-person{display:flex;flex-direction:row;gap:10px;align-items:center;text-align:left;margin:0;padding:10px;border:1px solid #e4eaf0;border-radius:4px;font-size:14px} #cabinet-whole .sp-dialog .sp-hr-person input{width:18px;height:18px;flex:none} #cabinet-whole .sp-dialog .sp-hr-person small{display:block;font-size:12px;color:var(--cw-muted);overflow-wrap:anywhere} @media(max-width:850px){#cabinet-whole .sp-dialog .sp-hr-scope>div{grid-template-columns:1fr}} /* Monthly reports reuse the main table/control typography and colors. */ #cabinet-whole .cw-material-monthbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:10px} #cabinet-whole .cw-material-monthbar>.cw-field{width:180px;margin:0;flex:none} #cabinet-whole .cw-material-monthbar>.cw-small{align-self:center;margin-left:auto} #cabinet-whole .cw-material-monthbar .cw-input,#cabinet-whole .cw-material-monthbar .cw-btn,#cabinet-whole .cw-material-filters .cw-input,#cabinet-whole .cw-material-filters .cw-btn{height:40px;min-height:40px} #cabinet-whole .cw-material-basis{margin-bottom:18px;font-size:12px;color:var(--cw-muted)} #cabinet-whole .cw-material-basis summary,#cabinet-whole .cw-material-filter-panel summary{cursor:pointer;padding:10px 0} #cabinet-whole .cw-material-basis p{padding:3px 0;line-height:1.6} #cabinet-whole .cw-material-filter-panel{margin:0 0 14px;border-bottom:1px solid var(--cw-line);font-size:13px} #cabinet-whole .cw-material-filters{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr)) auto;gap:12px;align-items:end;padding:4px 0 14px} #cabinet-whole .cw-material-filters .cw-field{min-width:0;margin:0;width:auto} #cabinet-whole .cw-material-report{table-layout:fixed;min-width:1000px} #cabinet-whole .cw-material-report th,#cabinet-whole .cw-material-report td{border:1px solid var(--cw-line);padding:10px 12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} #cabinet-whole .cw-material-report .cw-material-total th,#cabinet-whole .cw-material-report .cw-material-total td{font-weight:600;background:var(--cw-bg);border-top:2px solid var(--cw-line)} #cabinet-whole .cw-material-report .cw-link{white-space:normal;font-size:inherit} #cabinet-whole .cw-material-source-table td{vertical-align:top;min-width:85px} #cabinet-whole .cw-material-source-table td:first-child{min-width:200px} @media(max-width:700px){#cabinet-whole .cw-material-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#cabinet-whole .cw-material-monthbar>.cw-small{width:100%;margin-left:0}} #cabinet-whole .cw-material-number-label{display:block;text-align:right} #cabinet-whole .cw-material-report th[rowspan],#cabinet-whole .cw-material-report td[rowspan]{vertical-align:middle;background:var(--cw-paper)} #cabinet-whole .cw-material-report th[rowspan]{text-align:left;font-weight:500;font-size:inherit;color:var(--cw-ink)} #cabinet-whole .cw-material-analysis{padding:16px 20px;font-size:14px;line-height:1.85} #cabinet-whole .cw-material-analysis p{margin:0 0 10px} #cabinet-whole .cw-material-analysis p:last-child{margin-bottom:0} #cabinet-whole .cw-material-analysis ul{margin:4px 0 10px;padding-left:20px} #cabinet-whole .cw-material-analysis li{margin-bottom:4px} /* Same shell, typography, controls and tables as the current main. */ #cabinet-whole .ss-settings{display:grid;grid-template-columns:178px minmax(0,1fr);gap:18px;align-items:start} #cabinet-whole .ss-nav{display:flex;flex-direction:column;gap:5px;position:sticky;top:16px} #cabinet-whole .ss-nav button{text-align:left;width:100%;min-height:40px} #cabinet-whole .ss-body{min-width:0} #cabinet-whole .ss-body .cw-panel{margin-bottom:16px} #cabinet-whole .ss-intro{margin:0 0 14px;color:var(--cw-muted,#65748a)} #cabinet-whole .ss-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #cabinet-whole .ss-grid .cw-panel{margin:0} #cabinet-whole .ss-item{padding:16px;display:flex;flex-direction:column;gap:12px} #cabinet-whole .ss-item p{margin:0;line-height:1.65} #cabinet-whole .ss-item .cw-actions{margin-top:auto} #cabinet-whole .ss-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;align-items:center} #cabinet-whole .ss-form{display:grid;grid-template-columns:repeat(2,minmax(200px,360px));gap:16px;align-items:end} #cabinet-whole .ss-form label{margin:0} #cabinet-whole .ss-wide{grid-column:1/-1} #cabinet-whole .ss-body input:not([type=hidden]),#cabinet-whole .ss-body select{height:40px;box-sizing:border-box;width:100%;font:inherit} #cabinet-whole .ss-body table{table-layout:fixed;width:100%} #cabinet-whole .ss-body th,#cabinet-whole .ss-body td{vertical-align:middle;overflow-wrap:anywhere} #cabinet-whole .ss-body textarea{box-sizing:border-box;width:100%;font:inherit;min-height:80px} #cabinet-whole .ss-body .cw-time-form td input{max-width:180px} #cabinet-whole .ss-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px} #cabinet-whole .ss-summary span{padding:8px 12px;background:var(--cw-paper);border:1px solid var(--cw-line);border-radius:3px} #cabinet-whole .ss-history-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65} .document-company{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #d3dce8} .document-company-footer{padding:14px 0;border-top:1px solid #d3dce8;white-space:pre-wrap} @media(max-width:900px){#cabinet-whole .ss-grid{grid-template-columns:1fr}#cabinet-whole .ss-settings{grid-template-columns:150px minmax(0,1fr)}#cabinet-whole .ss-form{grid-template-columns:minmax(0,1fr)}} @media(max-width:620px){#cabinet-whole .ss-settings{grid-template-columns:1fr}#cabinet-whole .ss-nav{position:static;display:grid;grid-template-columns:1fr 1fr}} #cabinet-whole .ss-form .cw-field,#cabinet-whole .ss-form .cw-input{width:100%;max-width:none} #cabinet-whole .ss-grid{margin-bottom:16px} /* Shared screen gutters for all application modules; print sheets and dialogs keep their own sizes. */ @media screen{html{scrollbar-gutter:stable}} #cabinet-whole, #cabinet-whole[data-node-spacing]{--page-gutter:clamp(24px,calc(50vw - 600px),192px)} #cabinet-whole .cw-demo, #cabinet-whole .cw-header, #cabinet-whole .cw-top, #cabinet-whole .cw-subnav, #cabinet-whole #cw-message, #cabinet-whole #cw-content, #cabinet-whole[data-node-spacing] .cw-top, #cabinet-whole[data-node-spacing] .cw-subnav, #cabinet-whole[data-node-spacing] #cw-content, #cabinet-whole[data-installation-layout] #cw-content:has(.ins-layout), #cabinet-whole[data-node-spacing][data-installation-layout] #cw-content:has(.ins-layout){padding-left:var(--page-gutter);padding-right:var(--page-gutter)} #cabinet-whole[data-installation-layout]{border-left:1px solid var(--cw-line);border-right:1px solid var(--cw-line)} #cabinet-whole .fp-page{width:100%;max-width:none;margin-left:0;margin-right:0} #cabinet-whole .cw-node-actionbar, #cabinet-whole[data-node-spacing] .cw-node-actionbar{left:calc(var(--page-gutter) + 1px);right:calc(var(--page-gutter) + 1px)} @media(max-width:760px){ #cabinet-whole, #cabinet-whole[data-node-spacing]{--page-gutter:16px} } @media(max-width:480px){#cabinet-whole .cw-head{align-items:stretch}} /* Only the confirmation dialog; base fonts, buttons and surfaces stay shared. */ #document-preview .cc-detail-table{table-layout:fixed;min-width:690px} #document-preview .cc-detail-table th:nth-child(1){width:15%}#document-preview .cc-detail-table th:nth-child(2){width:44%}#document-preview .cc-detail-table th:nth-child(3){width:19%} #document-preview .cc-material{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;margin-bottom:6px} #document-preview .cc-material strong{font-weight:500}#document-preview .cc-multiline{white-space:pre-wrap;overflow-wrap:anywhere} #document-preview .cc-sign-grid{display:grid;grid-template-columns:180px minmax(240px,1fr);gap:16px;padding:16px;align-items:end} #document-preview .cc-sign-grid input{height:40px;width:100%}#document-preview .cc-check{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0 16px 16px}#document-preview .cc-check input{min-height:18px;width:18px;height:18px;flex:none} #document-preview .cc-photos{display:flex;gap:12px;flex-wrap:wrap}#document-preview .cc-photos details{width:100%}#document-preview .cc-photos summary{cursor:pointer;color:var(--d-blue)}#document-preview .cc-photos img{display:block;max-width:100%;max-height:60vh;object-fit:contain;border:1px solid var(--d-line);margin-top:12px} #document-preview #cc-status:not(:empty){border-left:3px solid var(--d-blue);background:var(--d-soft)} @media(max-width:680px){#document-preview .cc-sign-grid{grid-template-columns:1fr}} #document-preview dialog.cc-confirmation-dialog>header{position:sticky;top:0;z-index:2} /* Cabinet sections keep the document typography and controls. */ #document-preview .cc-cabinet{margin:16px;border:1px solid var(--d-line);border-radius:4px;overflow:hidden} #document-preview .cc-cabinet>.bar{padding:12px 16px;background:var(--d-soft);border-bottom:1px solid var(--d-line);margin:0} #document-preview .cc-cabinet h3{font-size:16px;font-weight:600;margin:0} #document-preview .cc-cabinet-body{padding:16px} #document-preview .cc-material-table{table-layout:fixed;width:100%;min-width:0} #document-preview .cc-material-table th{font-weight:500;vertical-align:top} #document-preview .cc-material-table small{display:block} #document-preview .cc-subtitle{margin:18px 0 12px!important} #document-preview .cc-image-tools{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(220px,1fr);gap:12px;align-items:end} #document-preview .cc-image-tools label{min-width:0;display:flex;flex-direction:column;gap:6px} #document-preview .cc-image-tools input,#document-preview .cc-image-tools select,#document-preview .cc-image-tools button{height:40px;min-height:40px;box-sizing:border-box;width:100%;margin:0;font-size:14px} #document-preview .cc-image-tools input[type=file]{padding:6px} #document-preview .cc-image-help{display:block;margin:8px 0 12px;color:var(--d-muted)} #document-preview .cc-design-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0} #document-preview .cc-drawing{border:1px solid var(--d-line);padding:10px;border-radius:4px;min-width:0} #document-preview .cc-drawing summary{cursor:pointer;list-style:none;overflow-wrap:anywhere;font-size:14px} #document-preview .cc-drawing summary img{display:block;width:100%;height:180px;object-fit:contain;background:var(--d-soft);margin-bottom:8px} #document-preview .cc-drawing:has(details[open]){grid-column:1/-1} #document-preview .cc-drawing details[open] summary img{display:none} #document-preview .cc-large-image{display:block;max-width:100%;max-height:70vh;margin:12px auto;object-fit:contain} #document-preview .cc-drawing button{margin-top:8px} #document-preview .cc-special{margin-top:16px} #document-preview .cc-special label{display:flex;flex-direction:column;gap:6px} #document-preview .cc-special textarea{width:100%;min-height:76px;box-sizing:border-box} #document-preview .cc-cabinet .print-notes{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0} #document-preview .cc-cabinet .print-notes strong{display:block} @media(max-width:780px){#document-preview .cc-image-tools{grid-template-columns:minmax(0,1fr) auto}#document-preview .cc-image-tools label:last-child{grid-column:1/-1}#document-preview .cc-design-images{grid-template-columns:1fr}} /* The same scoped sheet rules are also loaded in this preview's print shell. */ .document-print-paper .cc-cabinet{margin:18px 0 24px} .document-print-paper .cc-cabinet>.bar{background:#f0f3f6;border-bottom:1px solid #9ba8b5;padding:8px} .document-print-paper .cc-cabinet>.bar h3{margin:0} .document-print-paper .cc-print-drawing{break-inside:avoid;margin:12px 0} .document-print-paper .cc-print-drawing img{display:block;max-width:100%;width:auto;height:auto;max-height:195mm;margin:0 auto;object-fit:contain} .document-print-paper .cc-print-drawing p{font-size:12px;text-align:center;margin:6px 0} .document-print-paper .cc-special{break-inside:avoid} /* Optional sections share the existing sheet typography and control variables. */ #document-preview .cc-overview{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0} #document-preview .cc-overview h2{margin:0;font-size:18px} #document-preview .cc-section{margin:14px 0} #document-preview .cc-section>.bar{padding:12px 16px;background:var(--d-soft);border-bottom:1px solid var(--d-line)} #document-preview .cc-section>.bar h2{margin:0;font-size:18px;font-weight:600} #document-preview .cc-section>.pad{padding:16px} #document-preview .cc-muted{display:block;color:var(--d-muted);margin:10px 0} #document-preview .cc-entry-block+ .cc-entry-block{margin-top:20px;padding-top:16px;border-top:1px solid var(--d-line)} #document-preview .cc-entry-block h3{font-size:16px;margin:0 0 12px} #document-preview .cc-picks{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px} #document-preview .cc-picks button{height:36px;font-size:14px;min-width:74px} #document-preview .cc-picks button[aria-pressed=true]{color:var(--d-blue);border-color:var(--d-blue);background:var(--d-soft)} #document-preview .cc-picks button[aria-pressed=true]::before{content:'✓ ';font-weight:700} #document-preview .cc-import{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:12px 0} #document-preview .cc-import label{display:flex;flex-direction:column;gap:6px;min-width:0} #document-preview .cc-import select,#document-preview .cc-import button{height:40px;min-height:40px;font-size:14px;box-sizing:border-box;margin:0} #document-preview .cc-import select{width:100%;min-width:0} #document-preview .cc-entry-table{table-layout:fixed;width:100%;min-width:0} #document-preview .cc-entry-table td{vertical-align:top;padding:10px 8px} #document-preview .cc-entry-table input,#document-preview .cc-entry-table textarea,#document-preview .cc-entry-table button{box-sizing:border-box;min-height:64px;height:64px;margin:0;width:100%;font-size:14px;line-height:20px} #document-preview .cc-entry-table textarea{resize:vertical} #document-preview .cc-section textarea{width:100%;box-sizing:border-box} #document-preview .cc-main-actions{flex-wrap:wrap;gap:12px} #document-preview .cc-paper-sign{margin:16px 0} #document-preview .cc-paper-sign>summary{cursor:pointer;padding:14px 16px;font-size:16px;font-weight:600} #document-preview .cc-customer{width:100%;max-width:720px;margin:0 auto;padding:16px;box-sizing:border-box} #document-preview .cc-customer h2{font-size:20px} #document-preview .cc-customer h3{font-size:16px;margin-top:24px} #document-preview .cc-customer .cc-cabinet{margin:16px 0} #document-preview .cc-customer .cc-design-images{grid-template-columns:1fr} #document-preview .cc-customer-sign{display:grid;gap:12px;margin-top:24px} #document-preview .cc-customer-sign label{display:flex;flex-direction:column;gap:8px} #document-preview .cc-customer-sign h3,#document-preview .cc-sign-consent{margin:0} #document-preview .cc-sign-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap} #document-preview .cc-sign-actions button{height:40px;margin:0;font-size:14px} #document-preview .cc-sign-consent{font-size:14px;line-height:1.6;color:var(--d-muted,#52647a)} #document-preview .cc-signature{display:block;width:100%;max-width:700px;height:180px;background:#fff;border:1px solid var(--d-line);border-radius:4px;box-sizing:border-box;touch-action:none} @media(max-width:680px){#document-preview .cc-overview{align-items:flex-start;flex-direction:column}#document-preview .cc-entry-table td{padding:8px 4px}#document-preview .cc-entry-table input,#document-preview .cc-entry-table textarea,#document-preview .cc-entry-table button{font-size:13px}#document-preview .cc-customer{padding:4px}#document-preview .cc-main-actions .actions{display:flex;flex-wrap:wrap}} #document-preview .cc-material-refresh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;flex-wrap:wrap} #document-preview .cc-material-refresh button{height:40px;font-size:14px} /* Material confirmation uses one grid in designer and customer views. */ #document-preview .cc-material-scroll,.document-print-paper .cc-material-scroll{width:100%;overflow-x:auto} #document-preview .cc-material-grid,.document-print-paper .cc-material-grid{border-collapse:collapse;table-layout:auto;min-width:600px} #document-preview .cc-material-grid th,#document-preview .cc-material-grid td,.document-print-paper .cc-material-grid th,.document-print-paper .cc-material-grid td{border:1px solid var(--d-line,#9ba8b5);padding:6px 10px;text-align:center;vertical-align:middle;font-size:14px;line-height:20px;font-weight:400;white-space:nowrap;overflow-wrap:normal} #document-preview .cc-material-grid th,.document-print-paper .cc-material-grid th{background:var(--d-soft,#f0f3f6);font-weight:600} /* Hardware uses the material grid and existing form controls, one line per item. */ #document-preview .cc-hardware-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px} #document-preview .cc-hardware-heading h3{margin:0} #document-preview .cc-hardware-picker{display:grid;grid-template-columns:220px minmax(260px,1fr) auto;gap:8px;align-items:center;margin:10px 0} #document-preview .cc-hardware-picker input,#document-preview .cc-hardware-picker select,#document-preview .cc-hardware-picker button,#document-preview .cc-hardware-heading button,#document-preview .cc-hardware-grid input,#document-preview .cc-hardware-grid button{height:32px;min-height:32px;font-size:14px;line-height:20px;box-sizing:border-box;margin:0;padding:5px 8px;white-space:nowrap} #document-preview .cc-hardware-grid input{width:100%;min-width:100px;text-align:center} #document-preview .cc-hardware-grid td{padding:4px 8px} #document-preview .cc-hardware-grid button{width:100%} #document-preview .cc-hardware-defaults{margin:12px 0} #document-preview .cc-hardware-defaults .cc-picks{margin:12px 0 0} @media(max-width:680px){#document-preview .cc-hardware-picker{grid-template-columns:160px minmax(200px,1fr) auto;overflow-x:auto}} /* Keep the shortened project form aligned with the existing controls. */ #cabinet-whole #new-project .cw-formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start} #cabinet-whole #new-project .cw-field{width:auto;max-width:none} #cabinet-whole #new-project .cw-input:not(textarea){height:38px;min-height:38px} #cabinet-whole #new-project .cw-field:has(input[name=site]){grid-column:span 2} #cabinet-whole #new-project .cw-span{grid-column:1/-1} @media(max-width:640px){#cabinet-whole #new-project .cw-formgrid{grid-template-columns:1fr}#cabinet-whole #new-project .cw-field:has(input[name=site]){grid-column:auto}} /* legacy-finance:begin */ /* shared-source:finance-legacy-preview.css sha256:6bf3fcacd2b4eeea33ba2efc9348adbf908b76fb1a10adf00c3e63522c7bf9bd */ /* Reuse finance typography, dialogs, tables and the compact information gallery. */ #cabinet-whole .lf-files{margin:12px 0;grid-template-columns:repeat(auto-fill,min(220px,100%))} #cabinet-whole .lf-topbar{margin-bottom:16px} #cabinet-whole .lf-dialog .cw-formgrid{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))} #cabinet-whole .lf-dialog label>span{display:block;min-height:22px;margin-bottom:6px} #cabinet-whole .lf-dialog .cw-actions{align-items:center} #cabinet-whole .lf-upload{display:flex;align-items:center;gap:12px;min-height:40px} #cabinet-whole .lf-upload input{font:inherit;max-width:100%} #cabinet-whole .lf-note{white-space:pre-wrap;padding:12px 16px;overflow-wrap:anywhere} #cabinet-whole .lf-audit{max-width:700px;max-height:300px;overflow:auto;font-size:12px;white-space:pre-wrap} #cabinet-whole .lf-ellipsis{display:inline-block;max-width:180px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #cabinet-whole .lf-image img{display:block;width:100%;max-height:70vh;object-fit:contain} #cabinet-whole .lf-dialog .fp-form-error{margin:12px 0} @media(max-width:700px){#cabinet-whole .lf-dialog .cw-formgrid{grid-template-columns:1fr}#cabinet-whole .lf-upload{align-items:flex-start;flex-direction:column}} #cabinet-whole .lf-dialog .lf-upload{flex-direction:row;justify-content:flex-start;text-align:left;gap:12px;margin:8px 0} #cabinet-whole .lf-dialog .lf-upload input{width:auto;min-width:0} #cabinet-whole .lf-dialog .cw-formgrid{gap:12px} #cabinet-whole .lf-dialog .lf-finance-fields{display:grid;gap:12px;align-items:start} #cabinet-whole .lf-dialog .lf-finance-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))} #cabinet-whole .lf-dialog .lf-finance-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))} #cabinet-whole .lf-dialog .lf-finance-fields label{margin:0} #cabinet-whole .lf-dialog .cw-info-thumb{height:120px;padding:0;width:100%} #cabinet-whole .lf-dialog .cw-info-thumb img{height:120px;max-height:120px} @media(max-width:700px){#cabinet-whole .lf-dialog .lf-finance-fields.three,#cabinet-whole .lf-dialog .lf-finance-fields.two{grid-template-columns:1fr}#cabinet-whole .lf-dialog .lf-upload{flex-direction:column;align-items:flex-start}} #cabinet-whole .lf-preview-slot{min-height:120px} #cabinet-whole .lf-preview-slot>.cw-info-thumb{display:block;width:100%;height:140px!important;min-height:140px;padding:0!important;overflow:hidden;background:#f2f5f9;position:relative} #cabinet-whole .lf-preview-slot>.cw-info-thumb>img{display:block;height:140px!important;max-height:140px;width:100%;object-fit:contain} #cabinet-whole .lf-preview-message{height:140px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;font-size:13px;color:var(--cw-muted);background:#f2f5f9} #cabinet-whole .lf-sheet-mini{position:absolute;top:6px;left:5px;width:500px;transform:scale(.41);transform-origin:top left;pointer-events:none} #cabinet-whole .lf-sheet-mini strong{display:block;font-size:15px;line-height:25px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #cabinet-whole .lf-sheet-grid{border-collapse:collapse;table-layout:fixed;color:var(--cw-ink);background:var(--cw-paper);font-size:14px;width:max-content;min-width:100%} #cabinet-whole .lf-sheet-grid th,#cabinet-whole .lf-sheet-grid td{border:1px solid var(--cw-line);height:26px;box-sizing:border-box;padding:3px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;min-width:90px;vertical-align:middle;text-align:left;font-weight:400} #cabinet-whole .lf-sheet-grid th{background:var(--cw-nav);font-size:13px;text-align:center;min-width:42px;font-weight:600} #cabinet-whole .lf-sheet-grid td.lf-cell-number{text-align:right;font-variant-numeric:tabular-nums} #cabinet-whole .lf-sheet-mini .lf-sheet-grid{width:500px;min-width:500px;max-width:500px} #cabinet-whole .lf-sheet-mini .lf-sheet-grid th,#cabinet-whole .lf-sheet-mini .lf-sheet-grid td{height:36px;min-width:0;max-width:none;font-size:16px} #cabinet-whole .lf-attachment-viewer{width:min(1180px,96vw);max-width:96vw} #cabinet-whole .lf-attachment-viewer .lf-view-body{padding:16px} #cabinet-whole .lf-attachment-viewer img{display:block;max-width:100%;max-height:72vh;margin:auto;object-fit:contain} #cabinet-whole .lf-sheet-scroll{max-height:62vh;overflow:auto;margin:12px 0;border:1px solid var(--cw-line)} #cabinet-whole .lf-sheet-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #cabinet-whole .lf-sheet-toolbar label{display:flex;align-items:center;gap:8px;font-size:14px} #cabinet-whole .lf-sheet-toolbar .cw-input{width:260px;height:40px;font-size:14px} #cabinet-whole .lf-sheet-toolbar a{margin-left:auto} /* legacy-finance:end */ /* quote-entry:begin */ /* User-authorized full width, only while the order quotation workspace is present. */ body:has(#cabinet-whole[data-quote-entry-full-width]){margin:0} #cabinet-whole[data-quote-entry-full-width]{border-radius:0} #cabinet-whole[data-quote-entry-full-width] #cw-content{padding-left:12px;padding-right:12px} #cabinet-whole[data-quote-entry-full-width] .cw-node-actionbar{left:13px;right:13px} /* Scope every layout change to the editable quotation in this opt-in preview. */ #document-preview .quote-entry-input table{width:100%;min-width:0!important;table-layout:fixed} #document-preview .quote-entry-input th:nth-child(n){width:auto!important} #document-preview .quote-entry-input th,#document-preview .quote-entry-input td{padding:8px 3px;vertical-align:middle;white-space:nowrap} #document-preview .quote-entry-input th{font-size:12px;text-align:center} #document-preview .quote-entry-input input,#document-preview .quote-entry-input select{height:36px;min-height:36px;font-size:14px;padding:5px 4px;min-width:0;width:100%;box-sizing:border-box} #document-preview .quote-entry-input input[type=number]{appearance:textfield;-moz-appearance:textfield} #document-preview .quote-entry-input input[type=number]::-webkit-inner-spin-button,#document-preview .quote-entry-input input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0} #document-preview .quote-entry-input .quote-selection-control{position:relative;display:block;gap:0} #document-preview .quote-entry-input .quote-selection-control input{width:100%;padding-right:4px} #document-preview .quote-entry-input .quote-selection-control button{position:absolute;right:1px;top:1px;width:22px;min-width:22px;height:34px;min-height:34px;padding:0;border:0;background:var(--d-paper);font-size:14px;opacity:0;pointer-events:none} #document-preview .quote-entry-input .quote-selection-control:hover input,#document-preview .quote-entry-input .quote-selection-control:focus-within input{padding-right:26px} #document-preview .quote-entry-input .quote-selection-control:hover button,#document-preview .quote-entry-input .quote-selection-control:focus-within button{opacity:1;pointer-events:auto} #document-preview .quote-entry-input .quote-selection-control button:focus-visible{outline:2px solid var(--d-blue);outline-offset:-2px} #document-preview .quote-entry-input .row-actions{gap:3px;justify-content:center} #document-preview .quote-entry-input .row-actions button{height:36px;min-height:36px;width:22px;min-width:0;padding:0;font-size:14px} #document-preview .quote-entry-input .num{text-align:center;font-size:14px;padding-left:1px;padding-right:1px} #document-preview .quote-entry-spec{display:flex;flex-direction:row;align-items:center;gap:8px} #document-preview .quote-entry-spec>span{flex:none;font-size:14px} #document-preview .quote-entry-price{display:flex;align-items:center;gap:2px;min-width:0} #document-preview .quote-entry-price input{flex:1;width:0} #document-preview .quote-entry-price button{width:20px;min-width:20px;padding:0;height:36px;min-height:36px;font-size:14px} #document-preview .quote-entry-item{display:flex;align-items:center;gap:12px;min-width:0} #document-preview .quote-entry-item>.quote-selection,#document-preview .quote-entry-item>.quote-entry-spec{flex:1;min-width:0} #document-preview .quote-entry-spec>input{flex:1;width:0} /* quote-entry:end */ /* quote-sales-entry:begin */ /* Only the two opt-in order input tables; original controls, fonts and paper remain. */ #document-preview .quote-grouped-input th,#document-preview .quote-grouped-input td{padding-left:2px;padding-right:2px} #document-preview .quote-grouped-input .row-actions{gap:2px;justify-content:center;flex-wrap:nowrap} #document-preview .quote-grouped-input .row-actions button{flex:0 0 36px;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;padding:0;box-sizing:border-box} #document-preview .quote-grouped-input td{vertical-align:top;text-align:center} #document-preview .quote-grouped-input .quote-selection{min-width:0} #document-preview .quote-grouped-input .quote-selection-control{height:36px} #document-preview .quote-grouped-input .quote-extra-group-start:not(:first-child) td{border-top:2px solid var(--d-line)} #document-preview .quote-group-delete-actions{justify-content:flex-end;margin-top:20px} #document-preview .quote-extra-heading{margin-top:12px} #document-preview .quote-cabinet-entry input[type=number]{padding-left:2px;padding-right:2px} /* The same document controls, only the sales summary entry. */ #document-preview .sales-price-control{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0} #document-preview .sales-price-control>span{font-size:14px;white-space:nowrap;color:inherit} #document-preview .sales-price-control>input{width:156px;height:36px;min-height:36px;font-size:14px;box-sizing:border-box} #document-preview .sales-price-error{flex-basis:100%;font-size:14px;color:#b42318;text-align:right} #document-preview .sales-price-error[hidden]{display:none!important} /* quote-sales-entry:end */ /* sales-document:begin */ /* One sales-paper visual system; editor and production/confirmation papers are unaffected. */ #document-preview #doc-dialog:has(.sales-paper){width:calc(100vw - 32px);max-width:none;padding:20px;box-sizing:border-box} #document-preview #doc-dialog:has(.sales-paper)>header{align-items:center;gap:16px} #document-preview #doc-dialog:has(.sales-paper)>header h2{flex:1} #document-preview #doc-dialog:has(.sales-paper)>header>button{order:2} .sales-preview-tabs{display:flex;gap:8px;flex-wrap:wrap} .sales-preview-tabs button{height:34px;font:14px "Microsoft YaHei",sans-serif;white-space:nowrap} .sales-preview-tabs button[aria-pressed=true]{background:#285a88;color:white;border-color:#285a88} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper{--sales-ink:#173957;--sales-border:#9eafbf;box-sizing:border-box;width:100%;padding:12px 8px;background:white;color:var(--sales-ink);font:12px/1.4 "Microsoft YaHei",Arial,sans-serif} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper *{box-sizing:border-box} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-heading{text-align:center} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-heading h2{margin:0;padding:0;border:0;background:none;font-size:25px;line-height:1.5;color:#10324f} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-heading p{margin:0 0 12px;font-size:11px} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-brand{display:flex;justify-content:space-between;border-bottom:3px solid #315c82;padding-bottom:9px;font-size:11px;white-space:nowrap} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-meta{display:table;margin:10px 0;border:1px solid var(--sales-border)} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-meta span{display:block;font-size:10px;color:#58728a;margin-bottom:5px} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-meta strong{font-weight:500;font-size:12px} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper table.sales-table{width:100%;min-width:0!important;table-layout:fixed;border-collapse:collapse;font-size:12px;margin:0} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-table th,:is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-table td{border:1px solid var(--sales-border);padding:5px 5px!important;font-size:12px;text-align:center!important;vertical-align:middle!important;white-space:nowrap!important;line-height:1.4;overflow:visible;word-break:normal} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-table th{background:#f0f4f7;font-weight:600} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-table td[rowspan]{background:#fbfcfe} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-table td.sales-amount{background:#eaf5f1;color:#146c63;font-weight:600} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-section{font-size:13px;margin:16px 0 7px;color:var(--sales-ink)} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-summary{display:table;margin-top:12px!important;border:1px solid var(--sales-border);text-align:center} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-summary span{display:block;font-size:11px;color:#58728a} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-summary strong{display:block;font-size:16px;font-weight:500;margin-top:3px;white-space:nowrap} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-grand{background:#eaf5f1} :is(#document-preview,#document-print-host,.production-submitted-paper) .sales-paper .sales-grand strong{font-size:23px;color:#117467} .document-print-paper:has(.sales-paper){width:297mm;padding:8mm;page:sales-paper} .document-print-paper .sales-paper .sales-heading h2{font-size:25px} .document-print-paper .sales-paper .sales-heading p{white-space:normal} .document-print-paper .sales-paper .sales-table th,.document-print-paper .sales-paper .sales-table td{white-space:nowrap!important;text-align:center} @page sales-paper{size:A4 landscape;margin:10mm} @media print{ .document-print-paper:has(.sales-paper){width:auto;max-width:none;padding:0;margin:0} .sales-paper{padding:0} .sales-paper thead{display:table-header-group} .sales-paper tr{break-inside:avoid} .sales-paper .sales-heading,.sales-paper .sales-section{break-after:avoid} .sales-preview-tabs{display:none} } /* Ownership uses the existing 36px controls; no extra editor column. */ #document-preview .quote-entry-item .sales-owner{display:flex;flex-direction:row;align-items:center;gap:6px;flex:1.35;min-width:0} #document-preview .sales-owner>span{flex:none;font-size:14px} #document-preview .sales-owner>select{flex:1;width:0;min-width:0} #document-preview .quote-entry-item>.quote-entry-spec{flex:.75} /* sales-document:end */ /* local-workspace:begin */ #cabinet-whole #cw-local-status{padding:5px 18px;font-size:12px;line-height:1.5;color:var(--cw-muted);background:var(--cw-paper);border-bottom:1px solid var(--cw-line)} #cabinet-whole #cw-local-status[data-error="true"]{color:#a33224;background:#fff1ed;font-size:14px} /* local-workspace:end */ /* sales-entry-components:begin */ /* Shared editable sales tables only; output/production tables keep their accepted rules. */ #document-preview .sales-entry-table th,#document-preview .sales-entry-table td{padding-top:8px;padding-bottom:8px;vertical-align:middle;white-space:nowrap} #document-preview .sales-entry-table th{font-size:12px;text-align:center} #document-preview .sales-entry-table input,#document-preview .sales-entry-table select{height:36px;min-height:36px;font-size:14px;text-align:left;box-sizing:border-box;min-width:0;width:100%;margin:0;padding:5px 4px} #document-preview .sales-entry-table td.num,#document-preview .sales-entry-table td[data-area],#document-preview .sales-entry-table td[data-amount],#document-preview .sales-entry-table td[data-unit-row],#document-preview .sales-entry-table td.sales-unit{text-align:center;vertical-align:middle;font-size:14px;font-variant-numeric:tabular-nums} #document-preview .sales-entry-table .sales-row-actions{display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:nowrap;margin:0;height:36px} #document-preview .sales-entry-table .sales-row-actions button{flex:0 0 36px;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;padding:0;font-size:14px;box-sizing:border-box} #document-preview .sales-entry-table .sales-unit-price{display:flex;align-items:center;gap:2px;height:36px;min-width:0} #document-preview .sales-entry-table .sales-unit-price input{flex:1;width:0;min-width:0} #document-preview .sales-entry-table .sales-unit-price button{flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:0;font-size:14px} #document-preview .budget-input .sales-entry-table th:nth-child(11){width:156px} #document-preview .sales-preview-switch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;background:var(--d-soft);border:1px solid var(--d-line);margin-bottom:12px} #document-preview .sales-preview-switch strong{margin-right:auto;font-size:14px} #document-preview .sales-preview-switch button{height:36px;padding:0 12px;font-size:14px} #document-preview .sales-entry-table input[type=number]{appearance:textfield;-moz-appearance:textfield} #document-preview .sales-entry-table input[type=number]::-webkit-inner-spin-button,#document-preview .sales-entry-table input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0} #document-preview .sales-entry-table .sales-row-actions button[data-action]{color:var(--d-ink)} #document-preview .sales-entry-table .sales-cabinet-unit{display:inline-block;min-width:1.5em;white-space:nowrap} /* sales-entry-components:end */ /* production-documents:begin */ /* Production adapters reuse the accepted editor controls and paper styles. */ #document-preview .production-workspace .production-editor-table table{min-width:0!important;width:100%;table-layout:fixed} #document-preview .production-workspace .production-editor-table th:nth-child(n){width:auto!important} #document-preview .production-workspace .production-editor-table td,#document-preview .production-workspace .production-editor-table th{padding:8px 3px;vertical-align:middle;white-space:nowrap;text-align:center} #document-preview .production-workspace .hardware-product-control{display:flex;align-items:center;gap:2px;height:36px} #document-preview .production-workspace .hardware-product-control input{flex:1;width:0} #document-preview .production-workspace .hardware-product-control button{flex:0 0 36px;width:36px;height:36px;padding:0} #document-preview .production-workspace .hardware-reference{display:inline;font-size:12px;margin-left:4px;white-space:nowrap} #document-preview .production-workspace .hardware-divider .bar{padding:0;margin:0;min-height:36px} #document-preview .production-workspace .hardware-divider td{padding:6px 10px} #document-preview .production-workspace .hardware-divider strong{font-size:16px} #document-preview .production-workspace .edge-formula{display:flex;align-items:center;gap:4px;white-space:nowrap} #document-preview .production-workspace .edge-formula input{width:50px;flex:none} #document-preview .production-workspace .cw-small{display:inline;white-space:nowrap} #document-preview .production-workspace .note{font-size:12px} :is(#document-preview,#document-print-host,.production-submitted-paper) .production-paper.sales-paper{max-width:none;margin:0;border:0;padding:12px 8px} :is(#document-preview,#document-print-host,.production-submitted-paper) .production-paper.sales-paper .sales-table th,:is(#document-preview,#document-print-host,.production-submitted-paper) .production-paper.sales-paper .sales-table td{padding:5px!important;white-space:nowrap!important;text-align:center!important;vertical-align:middle!important} :is(#document-preview,#document-print-host,.production-submitted-paper) .production-paper .print-summary{margin:8px 0 14px;padding:6px 10px;background:#f5f7fa;display:flex;align-items:center;justify-content:flex-end;gap:24px;font-size:12px;white-space:nowrap} :is(#document-preview,#document-print-host,.production-submitted-paper) .production-paper .print-notes{margin-top:14px;padding-top:10px;font-size:12px;display:flex;gap:16px} #document-preview .production-preview-switch{display:flex;align-items:center;gap:8px;padding:12px 16px;flex-wrap:wrap;background:var(--d-soft);border-bottom:1px solid var(--d-line)} #document-preview .production-preview-switch strong{margin-right:auto} #document-preview .production-preview-switch button{height:36px;font-size:14px;white-space:nowrap} /* Default production page; handoff has its own landscape page below. */ .document-print-paper:has(.production-paper){width:210mm;padding:10mm;page:production-paper} #document-print-host .document-print-paper .production-paper.sales-paper .sales-table th,#document-print-host .document-print-paper .production-paper.sales-paper .sales-table td{font-size:12px;padding:3px!important} @page production-paper{size:A4 portrait;margin:10mm} @media print{ .document-print-paper:has(.production-paper){width:auto;max-width:none;padding:0;margin:0;page:production-paper} #document-print-host .production-paper.sales-paper{padding:0} .production-paper thead{display:table-header-group} .production-paper tr{break-inside:avoid} .production-paper .sales-heading,.production-paper .sales-section{break-after:avoid} } /* Hardware paper uses the saved alias instead of duplicate identity columns. */ :is(#document-preview,#document-print-host,.production-submitted-paper) .production-paper.sales-paper .hardware-output-table th,:is(#document-preview,#document-print-host,.production-submitted-paper) .production-paper.sales-paper .hardware-output-table td{font-size:14px!important;padding:5px!important} /* Handoff is A4 landscape; shipment and hardware retain the portrait default. */ .document-print-paper:has(.handoff-paper){width:297mm;page:production-handoff} :is(#document-preview,#document-print-host,.production-submitted-paper) .production-paper.sales-paper.handoff-paper .sales-table th,:is(#document-preview,#document-print-host,.production-submitted-paper) .production-paper.sales-paper.handoff-paper .sales-table td{font-size:16px!important;padding:5px!important} :is(#document-preview,#document-print-host,.production-submitted-paper) .handoff-paper .sales-meta strong,:is(#document-preview,#document-print-host,.production-submitted-paper) .handoff-paper .print-summary,:is(#document-preview,#document-print-host,.production-submitted-paper) .handoff-paper .print-notes{font-size:16px} :is(#document-preview,#document-print-host,.production-submitted-paper) .handoff-paper .sales-meta span{font-size:12px} @page production-handoff{size:A4 landscape;margin:10mm} @media print{ .document-print-paper:has(.handoff-paper){width:auto;max-width:none;padding:0;margin:0;page:production-handoff} } /* Row size editor reuses the sales table and symbol actions. */ #cabinet-whole #document-preview #doc-dialog:has(.hardware-size-editor){width:min(760px,calc(100vw - 48px));max-width:calc(100vw - 48px)} #document-preview .hardware-size-editor .fields{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;margin:16px 0} #cabinet-whole #document-preview .hardware-size-editor label{display:flex;flex-direction:column;gap:6px;min-width:0;width:auto!important;max-width:none!important;margin:0;padding:0;align-items:stretch} #cabinet-whole #document-preview .hardware-size-editor input{height:36px;text-align:left;font-size:14px;width:100%!important;max-width:none!important;min-width:0;margin:0;box-sizing:border-box} #document-preview .hardware-size-editor .sales-entry-table{max-height:340px;overflow:auto} #document-preview .hardware-size-editor .sales-entry-table table{width:100%;min-width:0;table-layout:fixed} #document-preview .hardware-size-editor .sales-entry-table th,#document-preview .hardware-size-editor .sales-entry-table td{text-align:center;white-space:nowrap;vertical-align:middle;padding:6px} #document-preview .hardware-size-editor .sales-entry-table thead{position:sticky;top:0;z-index:1} #document-preview .hardware-size-editor .sales-row-actions{display:flex;justify-content:center;gap:4px;white-space:nowrap} #cabinet-whole #document-preview .hardware-size-editor .sales-row-actions button{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;margin:0} #document-preview .hardware-size-editor .hardware-size-summary{margin-top:12px} #document-preview .hardware-size-editor .actions{justify-content:flex-end} #document-preview .hardware-size-editor{padding:16px;box-sizing:border-box} #document-preview .hardware-size-editor>.note{padding:0} #document-preview .hardware-size-editor .fields{padding:0;margin:12px 0} #document-preview .hardware-size-editor .actions{padding:0;margin-top:12px} #document-preview .hardware-size-editor [data-hardware-size-status]{margin:8px 0} #document-preview .hardware-size-defaults-editor .fields{grid-template-columns:minmax(0,1fr)} #document-preview .hardware-size-defaults-editor .sales-entry-table{max-height:340px} #document-preview .hardware-size-defaults-editor td:nth-child(2){overflow:hidden;text-overflow:ellipsis} #document-preview .hardware-size-defaults-editor [data-hardware-size-defaults-status]{margin:8px 0} /* Linkage adds no table columns and shares the existing controls. */ #document-preview .hardware-linked-quantity{position:relative;min-width:0} #document-preview .hardware-linked-quantity>input{padding-right:26px!important} #document-preview .hardware-linked-quantity>[data-hardware-link-state]{position:absolute;right:3px;top:7px;width:22px;height:22px;display:flex;align-items:center;justify-content:center} #cabinet-whole #document-preview .hardware-linked-quantity button{width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;margin:0;font-size:14px} #document-preview .hardware-link-auto{font-size:12px;color:var(--d-muted);cursor:help} #cabinet-whole #document-preview #doc-dialog:has(.hardware-links-editor){width:min(960px,calc(100vw - 48px));max-width:calc(100vw - 48px)} #document-preview .hardware-link-rule{border:1px solid var(--d-line);padding:12px;margin:12px 0} #document-preview .hardware-link-rule>.bar{padding:0;margin:0;min-height:36px} #document-preview .hardware-links-editor .hardware-link-main-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 100px 140px;align-items:end} #cabinet-whole #document-preview .hardware-links-editor select{width:100%!important;min-width:0;max-width:none;height:36px;font-size:14px;text-align:left;margin:0;box-sizing:border-box} #document-preview .hardware-link-source-line{min-width:0} #document-preview .hardware-link-source-line:has(.hardware-link-sources:empty){display:none} #document-preview .hardware-link-sources{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-height:36px} #document-preview .hardware-link-sources>span{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--d-line);padding-left:8px;height:36px;box-sizing:border-box;font-size:14px} #cabinet-whole #document-preview .hardware-link-sources button{width:28px;min-height:28px;height:28px;padding:0;margin:0 2px;border:0} #document-preview .hardware-link-rule>.note{padding:8px 0 0;margin:0} #document-preview .hardware-links-editor>.bar{padding:0;align-items:center;gap:12px} #document-preview .hardware-links-editor [data-hardware-link-status]{font-size:14px;flex:1} #document-preview .hardware-links-editor [data-hardware-link-rules]{max-height:45vh;overflow:auto;padding-right:4px;overscroll-behavior:contain} /* Template uses existing product editor controls; columns include the concrete hardware kind. */ #cabinet-whole .pm-slot-template-table table{min-width:1050px} #cabinet-whole .pm-slot-template-table th:nth-child(1){width:150px} #cabinet-whole .pm-slot-template-table th:nth-child(2){width:170px} #cabinet-whole .pm-slot-template-table th:nth-child(3){width:180px} #cabinet-whole .pm-slot-template-table th:nth-child(4){width:390px} #cabinet-whole .pm-slot-template-table th:nth-child(5){width:132px} #cabinet-whole .pm-slot-template-table .cw-btn{width:36px;min-width:36px;padding:0} #cabinet-whole .pm-slot-change-note{border:1px solid var(--cw-line);padding:12px;margin:12px 0} /* A single brand-spec control keeps the original row specification editable. */ #document-preview .production-workspace .hardware-brand-spec{display:flex;align-items:center;flex:1;min-width:0;height:36px;box-sizing:border-box;border:1px solid var(--d-line);border-radius:2px;background:#fff;text-align:left;overflow:hidden} #document-preview .production-workspace .hardware-brand-spec .hardware-brand{flex:0 1 auto;min-width:0;max-width:45%;padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px} #cabinet-whole #document-preview .production-workspace .hardware-brand-spec input{flex:1;min-width:0;width:0!important;height:34px!important;margin:0;padding:0 8px 0 0!important;border:0!important;border-radius:0;box-shadow:none;background:transparent;font-size:14px;text-align:left} #document-preview .production-workspace .hardware-brand-spec:focus-within{border-color:var(--d-blue,#2b609b)} /* One aligned hardware header; filled bands use the header color and continuous table borders. */ :is(#document-preview,#document-print-host,.production-submitted-paper) .production-paper.sales-paper .hardware-grouped-output tr.hardware-group-gap td{height:8px;padding:0!important;line-height:0;background:#f0f4f7;print-color-adjust:exact;-webkit-print-color-adjust:exact} /* Administrator review reuses the production paper and existing dialog controls. */ #cabinet-whole .cw-dialog.shipment-review-dialog{width:min(1120px,calc(100% - 28px));max-width:calc(100% - 28px)} #cabinet-whole .shipment-review-dialog .cw-quickbody{padding:12px 16px} #cabinet-whole .shipment-review-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px 8px} #cabinet-whole .shipment-review-tools .cw-btn{flex:none} #cabinet-whole .shipment-review-dialog .production-submitted-paper>.cw-pad{padding:8px} /* production-documents:end */ /* urgent-tasks:begin */ #cabinet-whole .ut-panel .cw-table{table-layout:fixed;width:100%;min-width:0} #cabinet-whole .ut-panel th:nth-child(1){width:22%}#cabinet-whole .ut-panel th:nth-child(2){width:12%}#cabinet-whole .ut-panel th:nth-child(3){width:18%}#cabinet-whole .ut-panel th:nth-child(4){width:10%}#cabinet-whole .ut-panel th:nth-child(5){width:14%} #cabinet-whole .ut-panel td{vertical-align:middle}#cabinet-whole .ut-panel .cw-actions{display:flex;flex-wrap:wrap;gap:6px} #cabinet-whole .ut-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#cabinet-whole .ut-toolbar>span{margin-right:auto}#cabinet-whole .ut-toolbar label{display:flex;align-items:center;gap:8px}#cabinet-whole .ut-toolbar select{width:112px} #cabinet-whole .ut-dialog{min-width:0}#cabinet-whole .ut-dialog textarea{min-height:76px}#cabinet-whole .ut-detail td{white-space:normal;overflow-wrap:anywhere} /* urgent-tasks:end */ /* order-append:begin */ /* Candidate-specific layout parameters; existing controls, fonts and tables are reused. */ #cabinet-whole .ap-relation{display:flex;align-items:center;gap:12px;padding-top:0} #cabinet-whole .ap-group-top{display:flex;justify-content:space-between;align-items:center;gap:16px} #cabinet-whole .ap-create-hint{width:100%;padding:8px 0} #cabinet-whole .cw-dialog.ap-payment-dialog{width:min(1000px,calc(100% - 28px));max-width:calc(100% - 28px)} #cabinet-whole .ap-payment-dialog .cw-table{width:100%;table-layout:fixed;min-width:0} #cabinet-whole .ap-payment-dialog .cw-table td,#cabinet-whole .ap-payment-dialog .cw-table th{text-align:center;vertical-align:middle;white-space:nowrap} #cabinet-whole .ap-payment-dialog .cw-table th:nth-child(1){width:27%} #cabinet-whole .ap-payment-dialog .cw-table th:nth-child(5){width:19%} #cabinet-whole .ap-payment-dialog .cw-table .cw-input{width:100%;box-sizing:border-box;text-align:left;height:36px} #cabinet-whole .ap-payment-dialog .cw-formgrid{align-items:end} #cabinet-whole .ap-payment-dialog .cw-table-wrap{margin-top:12px} #cabinet-whole .ap-parent-field[hidden]{display:none} #cabinet-whole .ap-payment-dialog .cw-formgrid .cw-input,#cabinet-whole #add-order .cw-input{height:36px!important;min-height:36px!important;box-sizing:border-box} #cabinet-whole .ap-mode-field[hidden]{display:none} /* order-append:end */ /* salary-benefits:begin */ /* Local layout only; existing main fonts, table, money and controls are reused. */ #cabinet-whole .sp-page .sb-attendance{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;padding:20px;align-items:center} #cabinet-whole .sp-page .sb-attendance>div:first-child>strong{display:block;font-size:24px;margin-top:8px;color:var(--cw-blue,#315b85)} #cabinet-whole .sp-page .sb-attendance p{margin:6px 0} #cabinet-whole .sp-page .sp-detail-grid td{vertical-align:middle} @media(max-width:700px){#cabinet-whole .sp-page .sb-attendance{grid-template-columns:1fr;gap:12px}} #cabinet-whole .sp-page .sb-leave-metrics .cw-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px} @media(max-width:850px){#cabinet-whole .sp-page .sb-leave-metrics .cw-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Compact salary presentation only; shared table, palette and controls stay authoritative. */ #cabinet-whole .sb-compact-detail .sb-settlement{display:flex;align-items:center;gap:0;background:#fff;border:1px solid var(--cw-line,#d2ddea);border-radius:5px;padding:20px 24px;margin:18px 0 14px;min-height:96px;box-sizing:border-box} #cabinet-whole .sb-compact-detail .sb-summary-item{padding:0 28px;border-right:1px solid var(--cw-line,#d2ddea);min-width:170px} #cabinet-whole .sb-compact-detail .sb-summary-item:first-child{padding-left:0} #cabinet-whole .sb-compact-detail .sb-summary-item span{display:block;color:var(--cw-muted);font-size:13px;margin-bottom:6px} #cabinet-whole .sb-compact-detail .sb-summary-item strong{font-size:23px;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap} #cabinet-whole .sb-compact-detail .sb-summary-focus{border:0} #cabinet-whole .sb-compact-detail .sb-summary-focus strong{color:var(--cw-blue,#315b85);font-size:28px} #cabinet-whole .sb-compact-detail .sb-summary-status{margin-left:auto;text-align:right} #cabinet-whole .sb-compact-detail .sb-paid-info{display:block;color:var(--cw-muted);font-size:12px;margin-top:8px} #cabinet-whole .sb-compact-detail .sb-actions{display:flex;align-items:center;gap:10px;margin:0 0 16px} #cabinet-whole .sb-compact-detail .sb-compact-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:18px;align-items:stretch} #cabinet-whole .sb-compact-detail .sb-compact-columns>.cw-panel{margin:0 0 16px;min-width:0} #cabinet-whole .sb-compact-detail .sb-composition{min-width:0;width:100%;table-layout:fixed} #cabinet-whole .sb-compact-detail .sb-composition th:first-child{width:67%;text-align:left} #cabinet-whole .sb-compact-detail .sb-composition td{vertical-align:top} #cabinet-whole .sb-compact-detail .sb-composition th:last-child,#cabinet-whole .sb-compact-detail .sb-composition td:last-child{text-align:center;white-space:nowrap;width:33%} #cabinet-whole .sb-compact-detail .sb-basis>summary{cursor:pointer;line-height:22px} #cabinet-whole .sb-compact-detail .sb-basis>summary>span{font-size:12px;color:var(--cw-muted);margin-left:12px} #cabinet-whole .sb-compact-detail .sb-basis>div{font-size:12px;color:var(--cw-muted);line-height:1.7;padding:8px 0 0 16px;white-space:normal} #cabinet-whole .sb-compact-detail .sb-record{background:#fff;border:1px solid var(--cw-line,#d2ddea);border-radius:4px;margin:0 0 10px;min-width:0} #cabinet-whole .sb-compact-detail .sb-record>summary{display:flex;align-items:center;gap:12px;padding:13px 16px;min-height:44px;box-sizing:border-box;cursor:pointer;list-style:none;color:var(--cw-ink,#17324d);font-weight:600} #cabinet-whole .sb-compact-detail .sb-record>summary:before{content:'▸';color:var(--cw-blue,#315b85)} #cabinet-whole .sb-compact-detail .sb-record[open]>summary:before{content:'▾'} #cabinet-whole .sb-compact-detail .sb-record[open]>summary{border-bottom:1px solid var(--cw-line,#d2ddea)} #cabinet-whole .sb-compact-detail .sb-record-count{font-size:12px;color:var(--cw-muted);font-weight:400} #cabinet-whole .sb-compact-detail .sb-record-toggle{margin-left:auto;font-size:12px;color:var(--cw-muted);font-weight:400} #cabinet-whole .sb-compact-detail .sb-record-body{min-width:0;overflow-wrap:anywhere} #cabinet-whole .sb-compact-detail .sb-record-body .cw-panel{margin:12px;border:1px solid var(--cw-line,#d2ddea)} #cabinet-whole .sb-compact-detail .sb-leave-balance{display:flex;align-items:center;gap:20px;padding-bottom:14px} #cabinet-whole .sb-compact-detail .sb-leave-balance span{font-size:13px;color:var(--cw-muted);display:block;margin-bottom:6px} #cabinet-whole .sb-compact-detail .sb-leave-balance strong{font-size:27px;color:var(--cw-blue,#315b85);white-space:nowrap} #cabinet-whole .sb-compact-detail .sb-leave-balance small{font-size:14px;font-weight:400} #cabinet-whole .sb-compact-detail .sb-quota{font-size:13px;color:var(--cw-muted);line-height:1.8} #cabinet-whole .sb-compact-detail .sb-quota b{color:var(--cw-ink,#17324d);font-weight:400;white-space:nowrap} #cabinet-whole .sb-compact-detail .sb-leave-status{display:flex;align-items:center;gap:20px;border-top:1px solid var(--cw-line,#d2ddea);padding:12px 0;font-size:13px;flex-wrap:wrap} #cabinet-whole .sb-compact-detail .sb-leave-actions{margin-bottom:12px} #cabinet-whole .sb-compact-detail .sb-explanation{font-size:12px;line-height:1.7;color:var(--cw-muted)} #cabinet-whole .sb-compact-detail .sb-quota-help>summary{cursor:pointer;line-height:24px} #cabinet-whole .sb-compact-detail .sb-month-tip{font-size:13px;color:var(--cw-muted);margin:-4px 0 16px} #cabinet-whole .sb-compact-detail .cw-table-wrap{min-width:0} @media(max-width:1000px){#cabinet-whole .sb-compact-detail .sb-compact-columns{grid-template-columns:minmax(0,1fr)}#cabinet-whole .sb-compact-detail .sb-summary-item{min-width:0;padding:0 18px;flex:1}} @media(max-width:600px){#cabinet-whole .sb-compact-detail .sb-settlement{flex-wrap:wrap;gap:14px;padding:16px}#cabinet-whole .sb-compact-detail .sb-summary-item{min-width:0;padding:0 12px}#cabinet-whole .sb-compact-detail .sb-summary-item strong{font-size:18px}#cabinet-whole .sb-compact-detail .sb-summary-focus strong{font-size:22px}#cabinet-whole .sb-compact-detail .sb-summary-status{width:100%;margin-left:0;text-align:left}#cabinet-whole .sb-compact-detail .sb-leave-balance{flex-wrap:wrap}} #cabinet-whole .sb-compact-detail details.sb-basis,#cabinet-whole .sb-compact-detail details.sb-more,#cabinet-whole .sb-compact-detail details.sb-quota-help{padding:0;border:0;background:none} #cabinet-whole .sb-compact-detail details.sb-record{padding:0} #cabinet-whole .sb-compact-detail .sb-composition td{vertical-align:middle} /* Module destinations and employee operations have separate, explicit groups. */ #cabinet-whole .sb-salary-navigation{display:flex;align-items:center;gap:18px;flex:1;min-width:0;flex-wrap:wrap} #cabinet-whole .sb-nav-group{display:flex;align-items:center;gap:10px;padding-right:18px;border-right:1px solid var(--cw-line,#d2ddea)} #cabinet-whole .sb-nav-group>span{font-size:12px;color:var(--cw-muted);white-space:nowrap} #cabinet-whole .sb-nav-group>div{display:flex;align-items:center;gap:4px} #cabinet-whole .sb-salary-navigation .cw-btn{min-height:38px;padding:8px 12px;white-space:nowrap} #cabinet-whole .sb-nav-personal{margin-left:auto} #cabinet-whole .sb-compact-detail .sb-action-groups{display:grid;grid-template-columns:minmax(230px,1.1fr) minmax(370px,1.7fr) minmax(220px,1fr);gap:0;background:#fff;border:1px solid var(--cw-line,#d2ddea);border-radius:5px;margin:0 0 14px} #cabinet-whole .sb-compact-detail .sb-action-group{padding:13px 16px;min-width:0;border-right:1px solid var(--cw-line,#d2ddea)} #cabinet-whole .sb-compact-detail .sb-action-group:last-child{border-right:0} #cabinet-whole .sb-compact-detail .sb-action-title{display:block;font-size:12px;color:var(--cw-muted);margin-bottom:9px} #cabinet-whole .sb-compact-detail .sb-action-group .cw-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin:0;padding:0;border:0} #cabinet-whole .sb-compact-detail .sb-action-group .cw-btn{min-height:40px;height:40px;padding:8px 12px;white-space:nowrap} @media(max-width:1100px){#cabinet-whole .sb-compact-detail .sb-action-groups{grid-template-columns:minmax(0,1fr)}#cabinet-whole .sb-compact-detail .sb-action-group{display:flex;align-items:center;gap:16px;border-right:0;border-bottom:1px solid var(--cw-line,#d2ddea)}#cabinet-whole .sb-compact-detail .sb-action-group:last-child{border-bottom:0}#cabinet-whole .sb-compact-detail .sb-action-title{margin:0;min-width:72px}} @media(max-width:650px){#cabinet-whole .sb-nav-group{flex-wrap:wrap}#cabinet-whole .sb-compact-detail .sb-action-group{align-items:flex-start}#cabinet-whole .sb-compact-detail .sb-action-group .cw-actions{flex-wrap:wrap}#cabinet-whole .sb-compact-detail .sb-action-title{line-height:40px}} /* salary-benefits:end */ /* finance-compact:begin */ /* Existing palette, tables and buttons; preview-only composition and density. */ #cabinet-whole .fc-navigation{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding-top:10px;padding-bottom:10px} #cabinet-whole .fc-nav-group{display:flex;gap:12px;align-items:center;border-right:1px solid var(--cw-line);padding-right:24px} #cabinet-whole .fc-nav-group:last-child{border:0} #cabinet-whole .fc-nav-group>span{font-size:12px;color:var(--cw-muted);white-space:nowrap} #cabinet-whole .fc-nav-group>div{display:flex;gap:5px} #cabinet-whole .fc-section{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:24px 0 12px} #cabinet-whole .fc-section h2{font-size:16px;margin:0;padding-left:10px;border-left:3px solid var(--cw-brand)} #cabinet-whole .fc-section>span{font-size:12px;color:var(--cw-muted)} #cabinet-whole .fc-stats{grid-template-columns:repeat(var(--fc-count,4),minmax(0,1fr));gap:12px} #cabinet-whole .fc-page .fp-stat{padding:14px 16px;position:relative} #cabinet-whole .fc-page .fp-stat strong{font-size:24px;margin:6px 0} #cabinet-whole .fc-page .fc-card-link{margin-top:8px;height:28px;min-height:28px;padding:0;border:0;background:transparent;color:var(--cw-brand);font-size:12px;justify-content:flex-start} #cabinet-whole .fc-page .fc-metrics{gap:0;border:1px solid var(--cw-line);border-radius:5px;background:var(--cw-paper)} #cabinet-whole .fc-page .fc-metrics .fp-stat{border:0;border-radius:0;background:transparent;border-right:1px solid var(--cw-line)} #cabinet-whole .fc-page .fc-metrics .fp-stat:last-child{border-right:0} #cabinet-whole .fc-page .fc-metrics strong{font-size:19px} #cabinet-whole .fc-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch} #cabinet-whole .fc-page .cw-panelhead{min-height:46px;padding:10px 14px} #cabinet-whole .fc-page .cw-table{min-width:0} #cabinet-whole .fc-page .cw-table th,#cabinet-whole .fc-page .cw-table td{padding:9px 10px;text-align:center;vertical-align:middle} #cabinet-whole .fc-page .cw-table .fp-toolbar{justify-content:center;flex-wrap:nowrap;gap:5px} #cabinet-whole .fc-page .cw-table .cw-btn{height:32px;min-height:32px;padding:0 8px} #cabinet-whole .fc-page .fp-meta{font-size:12px;margin-top:2px} #cabinet-whole .fc-page .cw-panel .cw-panel{margin:12px;border-radius:4px} #cabinet-whole .fc-fold{margin:0 0 14px;border:1px solid var(--cw-line);border-radius:5px;background:var(--cw-paper)} #cabinet-whole .fc-fold>summary{display:flex;justify-content:space-between;gap:14px;align-items:center;cursor:pointer;min-height:46px;padding:10px 14px;font-size:14px;font-weight:550;list-style:none} #cabinet-whole .fc-fold>summary:before{content:'▸';color:var(--cw-brand)} #cabinet-whole .fc-fold[open]>summary:before{content:'▾'} #cabinet-whole .fc-fold>summary>span{flex:1} #cabinet-whole .fc-fold>summary small{font-size:12px;font-weight:400;color:var(--cw-muted);white-space:nowrap} #cabinet-whole .fc-fold[open]>summary{border-bottom:1px solid var(--cw-line);background:var(--cw-nav)} #cabinet-whole .fc-fold-body{padding:12px} #cabinet-whole .fc-fold-body>.cw-panel{margin:0!important;border:0!important} #cabinet-whole .fc-fold-body>.cw-panel>.cw-panelhead{display:none} #cabinet-whole .fc-page>.fp-toolbar{margin-bottom:16px} #cabinet-whole .fc-page .ap-group-top{display:flex;justify-content:space-between;gap:16px;align-items:center} #cabinet-whole .fc-page .ap-group-top>span{font-size:12px;color:var(--cw-muted)} #cabinet-whole .fc-page .cw-total{font-size:13px;padding:12px 14px} #cabinet-whole .fc-page .cw-panel>.fc-fold{margin:12px} @media(max-width:1000px){#cabinet-whole .fc-two{grid-template-columns:1fr}#cabinet-whole .fc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#cabinet-whole .fc-navigation{gap:10px}#cabinet-whole .fc-nav-group{padding-right:10px}#cabinet-whole .fc-section{align-items:flex-start}} #cabinet-whole .fc-page .cw-panel>p.cw-small{padding:0 14px} #cabinet-whole .fc-page .cw-panelhead>.cw-actions:empty{display:none} #cabinet-whole .fc-page .fp-context{justify-content:flex-start;gap:8px} /* finance-compact:end */ /* Only long editor tables scroll; accepted column fitting and printed documents are unchanged. */ @media screen{ #document-preview #doc-content .sales-entry-table[data-usability-long]{max-height:min(65vh,640px);overflow:auto;scrollbar-gutter:stable} #document-preview #doc-content .sales-entry-table[data-usability-long] thead th{position:sticky;top:0;z-index:2;background:var(--d-head,#4f687a)} } #cabinet-whole .fp-preview-note:empty{display:none}