:root{--navy:#092b51;--deep:#06203d;--blue:#175f9d;--gold:#c6a159;--ink:#182d43;--muted:#708092;--line:#e0e6ec;--pale:#f4f6f9;--white:#fff;--danger:#b74135;--amber:#9c6a17;--green:#28735a;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--pale);font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #85b8e3;outline-offset:3px}button,input,select{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.3;letter-spacing:-.5px;font-weight:700}h2{font-size:15px;font-weight:700}h3{font-size:15px}.app-shell{display:grid;grid-template-columns:206px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:34px 18px 24px;background:var(--navy);color:#fff;display:flex;flex-direction:column}.wordmark{color:#fff;font:700 34px/1 Arial,sans-serif;letter-spacing:-2px;margin:0 12px 46px;text-decoration:none!important}.wordmark span{display:block;font:400 10px/1.5 "Microsoft YaHei",sans-serif;letter-spacing:5px;margin-top:12px;color:#c4d0de}.workspace-label{font-size:10px;letter-spacing:1.4px;color:#91a5be;margin:0 12px 13px}.side-nav{display:grid;gap:7px}.nav-item{border:0;background:none;color:#bdcce0;text-align:left;padding:13px 12px;border-radius:7px;font-weight:500;display:flex;align-items:center;gap:10px;white-space:nowrap}.nav-item.active{color:#fff;background:#244566;box-shadow:inset 3px 0 0 var(--gold)}.nav-item:hover{background:#1b3e61;color:#fff}.nav-icon{font-size:18px;width:19px;font-family:Arial}.nav-count{margin-left:auto;font-size:10px;min-width:19px;text-align:center;background:#355471;padding:1px 5px;border-radius:4px}.sidebar-bottom{margin-top:auto;border-top:1px solid #36516b;padding:20px 12px 0;font-size:10px;color:#b5c5d5}.local-indicator{width:6px;height:6px;display:inline-block;border-radius:50%;background:#6eb4a2;margin-right:5px}.sidebar-bottom p{margin-top:11px;color:#9aafc5;word-spacing:2px}.sidebar-bottom small{font-size:10px;color:#829bb4;display:block;margin-top:4px}main{min-width:0}.topbar{height:66px;background:white;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;color:#8995a2;font-size:11px}.topbar strong{color:#485c70;font-weight:500}.topbar-divider{margin:0 12px;color:#c5cdd7}.local-badge{display:flex;align-items:center;gap:6px;border:1px solid var(--line);padding:5px 9px;border-radius:20px;color:#63788d;font-size:10px}.local-badge>span:first-child{width:5px;height:5px;background:#5a9e83;border-radius:50%}.main-content{max-width:1640px;margin:auto;padding:32px 34px 18px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.eyebrow{font:600 9px/1.5 Arial,sans-serif;letter-spacing:2px;color:var(--gold);margin-bottom:7px}.page-heading p{font-size:12px;color:var(--muted);margin-top:9px}.heading-actions{display:flex;gap:10px;flex-wrap:wrap}.button{border:1px solid transparent;border-radius:5px;min-height:40px;padding:10px 16px;font-size:12px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.3;transition:background .15s,border-color .15s}.button.primary{background:var(--navy);color:#fff}.button.primary:hover:not(:disabled){background:#184771}.button.secondary{background:#fff;border-color:#d4dfe9;color:var(--navy)}.button.secondary:hover:not(:disabled){background:#f0f5f9;border-color:#aabfd1}.button.compact{min-height:35px;padding:8px 13px;font-size:11px}.button.primary span{font-size:18px;font-weight:400}.text-button{background:none;border:0;padding:5px 0;color:var(--blue);font-size:11px;white-space:nowrap}.text-button:hover{text-decoration:underline}.text-button.muted{color:#7a8997}.demo-notice{display:flex;gap:9px;align-items:center;background:#fbf7ef;color:#91743d;border:1px solid #eee1c8;padding:9px 13px;border-radius:5px;font-size:11px;margin-bottom:20px}.tag{display:inline-block;font-size:9px;line-height:1.2;padding:4px 6px;border-radius:3px;white-space:nowrap}.tag.gold{background:#ecdfc2;color:#806029;flex-shrink:0;font-weight:600}.tag.neutral{color:#6c7d8d;background:#f0f3f6}.summary-card{background:linear-gradient(112deg,#092b51 0%,#123c64 100%);border-radius:8px;padding:27px 30px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:20px;box-shadow:0 6px 18px #092b5109}.summary-main>span{color:#b8c8da;font-size:11px;letter-spacing:.5px}.grand-total{display:flex;align-items:baseline;gap:8px;margin-top:8px;line-height:1.2}.grand-total small{font-size:20px;color:#d5e0ed;font-weight:400}.grand-total strong{font:600 40px/1.1 Arial,sans-serif;letter-spacing:-1.3px;min-width:95px;font-variant-numeric:tabular-nums}.grand-total>span{font:400 9px Arial,sans-serif;color:#98b2cc;margin-left:4px;letter-spacing:1px}.summary-main p{font-size:10px;color:#96adc5;margin-top:11px}.summary-stats{display:grid;grid-template-columns:80px 80px minmax(150px,auto);gap:24px;padding-left:25px;border-left:1px solid #ffffff24}.summary-stats>div>span{display:block;font-size:10px;color:#b3c4d6;margin-bottom:10px}.summary-stats>div>span small{font-size:8px;background:#ffffff13;padding:2px 4px;margin-left:4px;border-radius:2px}.summary-stats strong{display:block;font:600 24px/1.1 Arial,sans-serif;color:white;font-variant-numeric:tabular-nums}.summary-stats strong small{font:400 10px "Microsoft YaHei",sans-serif;color:#9db4c9}.summary-stats .purchase-total{font-size:22px;font-weight:400;color:#e2eaf1;white-space:nowrap}.work-top-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;margin-bottom:20px}.panel{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden}.manual-panel,.markup-panel{padding:20px 22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.subtle{font-size:10px;color:#98a2ad}.field{display:flex;flex-direction:column;min-width:0}.field label{font-size:11px;color:#637588;margin-bottom:7px;font-weight:500}.field label span:not(.required){color:#9ba6b0;font-size:9px;font-weight:400;margin-left:5px}.field input,.field select{border:1px solid #d9e2eb;border-radius:4px;width:100%;height:39px;padding:9px 11px;background:white;color:var(--ink);font-size:12px;min-width:0}.field input::placeholder{color:#a5afb9;font-weight:400}.field input:hover,.field select:hover{border-color:#adc0d1}.field small{font-size:10px;color:var(--muted);margin-top:7px}.manual-form{display:flex;align-items:flex-end;gap:10px;margin-top:17px}.part-field{flex:1;min-width:120px}.qty-field{width:75px;flex-shrink:0}.add-button{height:39px;min-height:39px}.sample-parts{margin-top:13px;color:#94a0ad;font-size:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-height:20px}.sample-parts button{border:0;border-bottom:1px dashed #c0cbd6;padding:0;background:none;color:#7189a0;font:10px/1.6 Arial,sans-serif}.sample-parts button:hover{color:var(--blue);border-color:var(--blue)}.markup-panel .panel-heading{margin-bottom:16px}.markup-input{display:flex;align-items:center;gap:8px}.markup-input input{width:76px;min-width:0;height:36px;border:1px solid #d9e2eb;border-radius:4px;font:600 20px Arial,sans-serif;padding:7px 10px;color:var(--navy)}.markup-input>span{font-size:18px;color:#8291a0}.markup-input .button{margin-left:auto}.markup-panel p{font-size:10px;color:#728394;margin-top:12px}.markup-panel>small{font-size:9px;color:#9ba6b1;display:block;margin-top:5px}.quote-title-row{padding:20px 22px 17px;align-items:flex-start}.count-label{font-size:10px;font-weight:400;color:#97a3ae;margin-left:7px}.quote-title-row p{font-size:10px;color:#91a0ae;margin-top:5px}.quote-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 22px 19px}.quote-meta .field input{height:35px;font-size:11px}.table-wrap{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;text-align:left;line-height:1.45;font-size:11px}th{color:#7c8b9a;background:#f7f9fb;font-size:10px;font-weight:500;white-space:nowrap;padding:12px 14px;border-top:1px solid #e8edf2;border-bottom:1px solid #e8edf2}td{padding:13px 14px;border-bottom:1px solid #edf0f3;vertical-align:middle;color:#4c6175}.quote-table{min-width:970px}.quote-table th:first-child,.quote-table td:first-child{padding-left:22px}.index-col{width:48px}.internal-label{font-size:8px;color:#a2aeba;margin-left:3px}.table-part-input{border:1px solid transparent;border-radius:3px;background:transparent;min-width:145px;width:170px;font:600 11px/1.5 Arial,sans-serif;color:#254867;padding:4px 5px;margin-left:-5px;display:block}.table-part-input:hover,.table-part-input:focus{border-color:#c6d7e5;background:#fff}.row-brand{font-size:9px;color:#8d9caa;display:block;margin:0 0 3px}.row-name{max-width:155px;min-width:95px;word-break:break-word;font-size:11px}.quantity-input{height:31px;width:67px;border:1px solid #dce4ec;border-radius:4px;padding:5px 7px;color:var(--ink);font-size:11px}.amount{white-space:nowrap;font-variant-numeric:tabular-nums;font-family:Arial,sans-serif}.purchase-amount{color:#8e9ba8}.sales-amount{color:var(--ink);font-weight:600}.row-status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px;padding:4px 6px;border-radius:3px}.row-status.ready{background:#edf6f1;color:var(--green)}.row-status.pending{background:#fbf5e9;color:var(--amber)}.candidate-select{display:block;max-width:150px;margin-top:7px;height:29px;border:1px solid #e0cfa9;border-radius:3px;background:#fffdf8;color:#81632d;font-size:10px;padding:4px}.remove-row{color:#9ba8b4;border:0;background:none;padding:5px;font-size:19px;line-height:1}.remove-row:hover{color:var(--danger)}.pending-row{background:#fffdfa}.quote-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;background:#fdfefe;border-top:1px solid #e8edf2}.quote-footer>span{font-size:10px;color:#96a1ad}.quote-footer strong{font-size:11px;color:#53697e;white-space:nowrap}.quote-footer strong span{font:600 19px Arial,sans-serif;color:var(--navy);margin-left:20px;font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:32px 20px 36px}.empty-icon{width:40px;height:42px;line-height:42px;margin:0 auto 12px;color:#b4c1ce;font-size:28px;font-family:Arial,sans-serif}.empty-state h3{font-size:13px;font-weight:500;color:#667d92}.empty-state p{font-size:11px;color:#9ba7b2;margin-top:7px;margin-bottom:17px}.empty-state .button{font-size:10px;min-height:34px;padding:8px 12px}.drop-zone{border:1px dashed #cbd6e0;background:#f9fbfd;display:flex;align-items:center;gap:15px;border-radius:6px;padding:21px 24px;margin-top:20px;cursor:pointer;transition:background .15s,border-color .15s}.drop-zone:hover,.drop-zone.drag-over{border-color:#7ea3c5;background:#edf4fb}.drop-symbol{font:400 26px/1 Arial,sans-serif;color:#8ba3b9;width:32px;flex-shrink:0;text-align:center}.drop-zone strong{font-size:11px;font-weight:500;color:#617a90}.drop-zone p{font-size:10px;color:#99a6b2;margin-top:5px}.drop-action{margin-left:auto;color:#6b879f;font-size:10px;white-space:nowrap}.sample-links{display:flex;gap:10px;font-size:10px;color:#94a2af;align-items:center;padding:12px 1px 0;flex-wrap:wrap}.sample-links a{color:#7b92a7;border-bottom:1px solid #c5d2de}.sample-links a:hover{color:var(--blue);text-decoration:none}.app-footer{padding-top:25px;margin-top:8px;color:#a1adb8;display:flex;justify-content:space-between;gap:10px;font-size:9px}.footer-dot{margin:0 7px;color:#c3ccd4}.catalog-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 0 5px}.catalog-intro h2{font-size:16px;margin-bottom:8px}.catalog-intro p{font-size:11px;color:#8799aa;max-width:650px;line-height:1.9}.catalog-drop{margin-bottom:22px}.catalog-drop .button{margin-left:auto}.catalog-panel>.panel-heading{padding:19px 22px}.catalog-search{display:flex;gap:8px}.catalog-search input{width:240px;max-width:45vw;height:35px;border:1px solid #d9e2eb;border-radius:4px;padding:8px 11px;font-size:11px}.catalog-table{min-width:800px}.catalog-table th:first-child,.catalog-table td:first-child{padding-left:22px}.catalog-table td:first-child{font:600 11px Arial,sans-serif;color:#305575}.catalog-table td{height:54px}.catalog-table td:nth-child(3){max-width:280px}.source-cell{max-width:160px;font-size:10px;color:#94a2af;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.compact-empty{padding:28px}.catalog-limit-note{font-size:10px;padding:14px 22px;background:#fafbfd;color:#8e9eac}.error-banner{background:#fff2ef;color:var(--danger);border:1px solid #edd0c8;padding:12px 15px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;font-size:12px}.modal{border:0;border-radius:9px;padding:0;color:var(--ink);box-shadow:0 25px 90px #092b5140;background:white;max-height:90vh;overflow:auto;width:800px;max-width:calc(100vw - 40px)}.modal::backdrop{background:#0a203d88;backdrop-filter:blur(2px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 27px 18px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:20px;font-weight:600}.modal-header .eyebrow{font-size:8px;margin-bottom:5px}.close-button{font:400 26px/1 Arial,sans-serif;border:0;background:none;color:#8b9aab;padding:4px}.close-button:hover{color:var(--navy)}.modal-body{padding:21px 27px 24px}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 27px;background:#f8fafc;border-top:1px solid var(--line)}.modal-footer>span{font-size:10px;color:#91a0ae}.modal-footer>div{display:flex;gap:9px}.import-file-line{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.import-file-line strong{font-size:12px;word-break:break-all}.import-file-line p{font-size:10px;color:#8d9cab;margin-top:5px}.sheet-controls{display:grid;grid-template-columns:1fr 130px auto;align-items:end;gap:14px;background:#f5f8fb;padding:15px;border-radius:5px;margin-bottom:24px}.sheet-controls .compact{min-height:39px}.import-step-title{display:flex;gap:9px;align-items:center;margin-bottom:10px}.import-step-title>span{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;color:var(--blue);background:#edf3f9;border-radius:50%;font:600 10px/18px Arial,sans-serif}.import-step-title h3{font-size:12px;font-weight:600}.import-step-title small{color:#a0acb6;font-size:9px;margin-left:auto}.import-hint{font-size:10px;color:#8a9aa9;margin-bottom:13px}.mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mapping-grid .field label{font-size:10px}.mapping-grid select{height:35px;font-size:11px;padding:7px 9px}.required{color:var(--danger)}.preview-title{margin-top:25px}.preview-table{min-width:500px;font-size:10px}.preview-table th,.preview-table td{padding:8px 10px;max-width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px}.preview-table td{color:#8393a2}.preview-table th{background:#f4f7fa}.import-preview-wrap{border:1px solid var(--line);border-radius:4px;max-height:210px}.import-warning{font-size:10px;color:#a27a36;margin-top:13px;line-height:1.8}.loading-strip{background:#eef4fa;color:#6483a0;font-size:11px;border-radius:4px;padding:14px;margin-bottom:18px}.inline-error{background:#fff3ef;color:var(--danger);font-size:11px;border-radius:4px;padding:12px 14px;margin:12px 0;line-height:1.8}.import-result{padding:18px;background:#eef7f1;color:#4c7860;font-size:12px;line-height:1.9;border-radius:5px}.item-modal{width:540px}.item-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.item-form-grid .wide{grid-column:1/-1}.toast{position:fixed;bottom:30px;left:calc(50% + 103px);transform:translateX(-50%);background:#143553;color:#fff;border-radius:6px;padding:13px 20px;z-index:10000;box-shadow:0 8px 25px #102a4333;max-width:min(650px,90vw);font-size:12px;line-height:1.8;word-break:break-word}.toast.error{background:#8f3e34}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.busy .topbar::after{content:"正在保存…";position:absolute;right:110px;font-size:10px;color:#8296aa}input[type=number]::-webkit-inner-spin-button{opacity:.6}.field input[aria-invalid=true]{border-color:#c68073}.quote-table td.numeric-cell{text-align:right}.quote-table th:nth-child(5),.quote-table th:nth-child(6),.quote-table th:nth-child(7){text-align:right}
@media(min-width:1550px){.main-content{padding-top:38px}.work-top-grid{grid-template-columns:minmax(0,1fr) 330px}.manual-panel,.markup-panel{padding:23px 25px}.summary-card{padding:30px 34px}.summary-stats{gap:45px;padding-left:42px}.table-part-input{width:200px}.quote-table{min-width:1050px}}
@media(max-width:1200px){.app-shell{grid-template-columns:176px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.wordmark{font-size:31px}.sidebar-bottom{padding-left:6px;padding-right:6px}.main-content{padding:26px 24px 18px}.topbar{padding:0 24px}.page-heading{align-items:flex-start}.heading-actions{max-width:220px;justify-content:flex-end}.heading-actions .button{font-size:10px;padding:9px 12px;min-height:36px}.heading-actions .primary{width:100%}.work-top-grid{grid-template-columns:minmax(0,1fr) 260px;gap:14px}.manual-panel,.markup-panel{padding:18px}.summary-stats{grid-template-columns:60px 60px auto;gap:17px;padding-left:23px}.summary-stats .purchase-total{font-size:18px}.grand-total strong{font-size:34px}.toast{left:calc(50% + 88px)}}
@media(max-width:980px){.app-shell{grid-template-columns:150px minmax(0,1fr)}.sidebar{padding:28px 10px 20px}.wordmark{font-size:27px;letter-spacing:-1.3px;margin-left:10px;margin-right:8px}.wordmark span{font-size:8px}.workspace-label{font-size:9px;letter-spacing:0;margin-left:10px}.nav-item{font-size:12px;padding:12px 10px;gap:7px}.nav-icon{font-size:16px}.nav-count{font-size:8px;padding:1px 3px}.sidebar-bottom{font-size:9px}.sidebar-bottom small{font-size:8px}.main-content{padding:23px 20px 15px}.topbar{padding:0 20px;height:58px}.page-heading{gap:14px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px}.work-top-grid{grid-template-columns:minmax(0,1fr)}.markup-panel{display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:center}.markup-panel .panel-heading{margin-bottom:0;justify-content:flex-start}.markup-panel form{grid-row:1/3;grid-column:2}.markup-panel p{margin-top:7px;font-size:9px}.markup-panel>small{display:none}.markup-input .button{margin-left:6px}.summary-card{padding:23px;gap:20px}.summary-stats{gap:15px;grid-template-columns:45px 45px}.summary-stats>div:last-child{grid-column:1/-1;display:flex;gap:13px;align-items:baseline}.summary-stats>div:last-child>span{font-size:8px;margin-bottom:0}.summary-stats>div:last-child .purchase-total{font-size:15px}.summary-stats strong{font-size:21px}.summary-main p{font-size:9px}.grand-total strong{font-size:31px}.toast{left:calc(50% + 75px)}.catalog-intro p{font-size:10px}.catalog-intro{gap:16px}.catalog-search input{width:190px}.catalog-panel>.panel-heading{padding:17px}.drop-zone{padding:19px 18px}.quote-title-row p{max-width:360px;font-size:9px}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:relative;height:auto;padding:16px 18px 0;display:grid;grid-template-columns:1fr auto;gap:18px}.wordmark{font-size:27px;margin:0 0 0 1px;align-self:start}.wordmark span{display:none}.workspace-label,.sidebar-bottom{display:none}.side-nav{display:flex;gap:5px}.nav-item{padding:8px 10px;border-radius:4px 4px 0 0;font-size:11px}.nav-item.active{box-shadow:inset 0 -2px 0 var(--gold)}.nav-count,.nav-icon{display:none}.topbar{height:43px;padding:0 18px;font-size:9px}.local-badge{font-size:8px;padding:3px 7px}.main-content{padding:23px 16px 16px}.page-heading{display:block;margin-bottom:17px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.heading-actions{max-width:none;justify-content:stretch;margin-top:18px;gap:8px}.heading-actions .button{font-size:11px;min-height:39px;flex:1}.heading-actions .primary{width:auto;flex:1.4}.demo-notice{font-size:9px;padding:9px 10px;margin-bottom:16px;align-items:flex-start}.tag.gold{font-size:8px;padding:3px 5px}.summary-card{padding:22px 20px;margin-bottom:16px;gap:15px}.summary-main>span{font-size:10px}.grand-total{gap:5px}.grand-total strong{font-size:31px;letter-spacing:-1px;min-width:85px}.grand-total small{font-size:16px}.grand-total>span{font-size:8px;margin-left:1px}.summary-main p{font-size:8px;max-width:170px}.summary-stats{padding-left:18px;gap:12px;grid-template-columns:40px 40px;min-width:105px}.summary-stats>div>span{font-size:9px;margin-bottom:7px}.summary-stats strong{font-size:20px}.summary-stats strong small{font-size:8px}.summary-stats>div:last-child{display:block}.summary-stats>div:last-child>span{font-size:8px;margin-bottom:5px}.summary-stats>div:last-child>span small{font-size:7px;padding:1px 3px}.summary-stats>div:last-child .purchase-total{font-size:14px}.work-top-grid{gap:12px;margin-bottom:16px}.manual-panel{padding:18px 17px}.manual-form{gap:8px;margin-top:14px}.qty-field{width:60px}.manual-form .button{padding:9px 13px;font-size:11px}.sample-parts{font-size:9px;gap:7px}.sample-parts button{font-size:9px}.markup-panel{padding:15px 17px;column-gap:10px}.markup-panel .panel-heading{gap:8px}.markup-panel h2{font-size:12px}.markup-panel .tag{font-size:8px;padding:3px 4px}.markup-input input{width:65px;height:34px;font-size:18px}.markup-input>span{font-size:15px}.markup-input .button{font-size:10px;padding:7px 10px;min-height:32px}.markup-panel p{font-size:8px}.quote-title-row{padding:18px 17px 14px}.quote-title-row h2{font-size:13px}.quote-title-row p{font-size:9px;max-width:230px}.quote-title-row .text-button{font-size:9px}.quote-meta{padding:0 17px 16px;gap:12px}.quote-meta .field label{font-size:10px}.quote-meta .field label span{display:none}.quote-meta .field input{font-size:10px}.quote-footer{padding:14px 17px;gap:10px;align-items:flex-end}.quote-footer>span{font-size:8px;max-width:180px}.quote-footer strong{font-size:10px}.quote-footer strong span{font-size:17px;margin-left:10px}.quote-table td:first-child,.quote-table th:first-child{padding-left:17px}.drop-zone{padding:18px 14px;gap:10px;margin-top:16px}.drop-symbol{font-size:24px;width:23px}.drop-zone strong{font-size:10px}.drop-zone p{font-size:8px}.drop-action{font-size:8px}.sample-links{font-size:8px;gap:7px}.app-footer{font-size:8px;padding-top:20px}.app-footer>span:last-child{font-size:7px}.catalog-intro{display:block}.catalog-intro h2{font-size:14px}.catalog-intro p{font-size:10px}.catalog-intro .button{margin-top:14px;font-size:11px}.catalog-drop .button{font-size:9px;padding:8px 10px;min-height:33px}.catalog-panel>.panel-heading{align-items:flex-start;display:block}.catalog-panel h2{font-size:13px;margin-bottom:13px}.catalog-search input{width:100%;max-width:none;flex:1}.catalog-search{width:100%}.toast{left:50%;bottom:20px;font-size:11px;padding:11px 16px}.modal{max-width:calc(100vw - 20px);max-height:93vh;border-radius:7px}.modal-header{padding:20px 18px 15px}.modal-header h2{font-size:18px}.modal-body{padding:18px}.modal-footer{padding:15px 18px;gap:12px;align-items:flex-start}.modal-footer>span{font-size:8px;max-width:125px}.modal-footer .button{font-size:10px;min-height:35px;padding:8px 11px}.import-file-line{gap:12px;margin-bottom:18px}.import-file-line strong{font-size:10px}.import-file-line p{font-size:9px}.import-file-line .text-button{font-size:10px}.sheet-controls{grid-template-columns:1fr 90px;gap:11px;padding:12px}.sheet-controls .button{grid-column:1/-1;min-height:32px}.sheet-controls .field label{font-size:10px}.sheet-controls .field input,.sheet-controls .field select{height:35px;font-size:10px;padding:8px}.mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.import-hint{font-size:9px}.import-step-title h3{font-size:11px}.preview-title{margin-top:21px}.import-warning{font-size:9px}.item-form-grid{gap:14px}.item-form-grid .field input{height:38px}.item-form-grid .field small{font-size:9px}body.busy .topbar::after{right:90px;font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.row-source{max-width:155px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:8px;}
.prices-modal{width:1040px}.prices-product{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 22px;margin:0 0 20px}.prices-product>div{min-width:0}.prices-product dt{font-size:10px;color:#8a9aa8;margin-bottom:5px}.prices-product dd{margin:0;color:#355570;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.prices-current{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 21px;border:1px solid #dbe5ee;background:#f4f8fb;border-radius:6px;margin-bottom:16px}.prices-current>div{min-width:0}.prices-current span{display:block;font-size:10px;color:#71879c}.prices-current strong{display:block;font:600 23px/1.5 Arial,"Microsoft YaHei",sans-serif;color:var(--navy);margin-top:6px;font-variant-numeric:tabular-nums}.prices-current small{display:block;margin-top:6px;font-size:9px;color:#8297a9;line-height:1.8;overflow-wrap:anywhere}.prices-notice{padding:11px 13px;border-radius:4px;background:#fbf7ef;border:1px solid #eee1c8;color:#91743d;font-size:10px;line-height:1.9;margin-bottom:22px}.prices-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.prices-section{min-width:0}.prices-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:11px}.prices-section-heading h3{font-size:13px}.prices-section-heading>span{font-size:9px;color:#90a0ae}.prices-section .table-wrap{border:1px solid var(--line);border-radius:5px}.prices-table{width:100%}.prices-table th{font-size:10px;background:#f6f9fb;white-space:nowrap;padding:10px 12px}.prices-table td{font-size:11px;padding:11px 12px;vertical-align:middle}.prices-table th:nth-child(2),.prices-table td:nth-child(2){text-align:right;white-space:nowrap}.prices-table td:first-child{min-width:100px}.prices-table strong{font-size:11px;font-weight:500}.prices-table .catalog-secondary{font-size:8px;margin-top:4px}.prices-table .button{font-size:10px;min-height:30px;padding:7px 10px}.price-selected-row{background:#edf6f1}.price-selected-row .button{background:#e1efe6;border-color:#c7dfd0;color:var(--green);opacity:1}.prices-reference-tag{font-size:10px;color:#96a4b0;white-space:nowrap}.prices-save-status{font-size:11px;line-height:1.9;color:var(--green);margin-top:17px;min-height:21px}.prices-no-history{color:#92a1ad;text-align:center}.prices-modal .modal-footer>span{line-height:1.8;max-width:570px}.prices-modal .modal-footer>div{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:800px){.prices-product{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px}.prices-columns{grid-template-columns:1fr;gap:24px}.prices-current{gap:14px;padding:15px}.prices-current strong{font-size:21px}.prices-modal .modal-footer{align-items:center}.prices-modal .modal-footer>span{max-width:50%}}
@media(max-width:500px){.prices-current{grid-template-columns:1fr;gap:17px}.prices-current>div+div{padding-top:13px;border-top:1px solid #dbe5ee}.prices-product dd{font-size:11px}.prices-product dt{font-size:9px}.prices-notice{font-size:9px}.prices-modal .modal-footer>span{max-width:45%}.prices-modal .modal-footer>div{gap:7px}.prices-modal .modal-footer .button{font-size:9px;padding:7px 9px}.prices-section-heading>span{font-size:8px}.prices-table td,.prices-table th{padding:9px 10px}}
.catalog-sources{margin:0 0 22px;padding:18px 20px;border:1px solid var(--line);border-radius:6px;background:#fff}.catalog-sources-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.catalog-sources-heading h3{font-size:12px;color:var(--ink);margin:0}.catalog-sources-heading>span,.catalog-sources>p{font-size:10px;color:#8798a9}.catalog-source-list{display:flex;flex-wrap:wrap;gap:10px}.catalog-source-item{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 12px;border:1px solid #e5ebf1;border-radius:4px;background:#f8fafc;font-size:10px;color:#708598}.catalog-source-item strong{font-size:11px;color:#355572}.catalog-source-item small{font-size:9px;color:#95a1ad}.source-count{font-family:Arial,sans-serif;color:#446987}.catalog-sources>p{margin:12px 0 0;line-height:1.8}.catalog-table{min-width:1100px}.catalog-table td{vertical-align:top}.catalog-table th:nth-child(6),.catalog-table td:nth-child(6){text-align:right}.catalog-table td:nth-child(3){min-width:160px;max-width:290px;overflow-wrap:anywhere}.catalog-table .catalog-part-cell{min-width:160px;max-width:230px;overflow-wrap:anywhere}.catalog-primary{display:block;font-size:11px;color:#355572;white-space:normal}.catalog-secondary{display:block;margin-top:5px;font-size:9px;line-height:1.6;font-weight:400;color:#93a1ae;white-space:normal;overflow-wrap:anywhere}.catalog-code-cell{min-width:160px;max-width:260px;overflow-wrap:anywhere;font-family:Arial,"Microsoft YaHei",sans-serif}.catalog-code-label{display:block;font-size:10px;color:#627a90;line-height:1.7}.catalog-model-cell{min-width:130px;max-width:220px;overflow-wrap:anywhere}.catalog-actions{min-width:95px;white-space:nowrap}.catalog-actions .text-button{display:block;padding:2px 0;font-size:10px}.catalog-actions .text-button+.text-button{margin-top:8px;color:#8196aa}.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px;border-top:1px solid #e8edf2;background:#fcfdfe}.catalog-pagination>span{font-size:10px;color:#8498aa;font-variant-numeric:tabular-nums}.catalog-pagination>div{display:flex;gap:8px}.catalog-pagination .button{font-size:10px}.details-modal{width:930px}.details-subtitle{font-size:10px;color:#8899a9;line-height:1.8;margin-top:8px;overflow-wrap:anywhere}.details-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 20px;margin:0 0 24px}.details-summary-field{min-width:0}.details-summary-field dt{font-size:10px;color:#8a9aa8;margin-bottom:6px}.details-summary-field dd{margin:0;color:#355570;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.details-aliases-section{margin:0 0 24px}.details-aliases-section h3,.details-fields-heading h3{margin:0;font-size:12px;font-weight:600}.details-aliases{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.detail-alias{display:block;border:1px solid #dbe6ef;background:#f5f9fc;border-radius:3px;color:#5f7e99;padding:5px 8px;font-size:10px;overflow-wrap:anywhere}.details-fields-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.details-fields-heading span{font-size:10px;color:#95a5b2}.details-explanation{color:#95a2af;font-size:10px;line-height:1.8;margin:9px 0 14px}.details-table{width:100%;table-layout:fixed}.details-table th{width:190px;font-size:10px;white-space:normal;overflow-wrap:anywhere;vertical-align:top;border-top:0;background:#f7f9fb}.details-table td{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.8}.details-no-fields{font-size:11px;color:#94a2af;padding:14px 0}.details-modal .modal-footer>span{max-width:650px;line-height:1.8}
@media(max-width:980px){.catalog-sources{padding:16px}.catalog-source-item{font-size:9px}.catalog-sources-heading{align-items:flex-start}.catalog-search input{width:260px}.details-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.catalog-sources{padding:14px;margin-bottom:18px}.catalog-sources-heading{display:block}.catalog-sources-heading>span{display:block;margin-top:6px;font-size:9px}.catalog-source-list{gap:8px}.catalog-source-item{padding:9px 10px;width:100%;gap:7px}.catalog-sources>p{font-size:9px}.catalog-pagination{padding:13px 17px;flex-wrap:wrap;gap:12px}.catalog-pagination>span{font-size:9px}.catalog-pagination .button{min-height:31px;font-size:9px;padding:7px 10px}.details-summary{gap:14px}.details-summary-field dd{font-size:11px}.details-table th{width:120px}.details-table th,.details-table td{padding:10px 9px}.details-table td{font-size:10px}.details-fields-heading h3{font-size:11px}.details-subtitle{font-size:9px}.details-explanation{font-size:9px}.catalog-panel .catalog-search input{width:100%}}


.catalog-price-mode{padding:13px 15px;border:1px solid #dce6ef;background:#f4f8fb;border-radius:5px;margin-bottom:20px;max-width:480px}.catalog-price-mode small{font-size:10px;color:#7c91a3;display:block;margin-top:8px;line-height:1.8}.catalog-price-mode select{width:100%}.catalog-price-cell .catalog-secondary{font-size:12px;color:#294d70;font-weight:600}.item-form-grid select{width:100%}.markup-panel>small{line-height:1.8}

.catalog-price-cell{min-width:140px;max-width:230px;overflow-wrap:anywhere}.catalog-price-note{display:block;margin-top:7px;color:#94773e;font-size:9px;font-weight:400;line-height:1.8;white-space:normal}

/* Local owner device authorization. */
.topbar-access{display:flex;align-items:center;gap:14px}.topbar-access>.button{font-size:11px;min-height:30px;padding:6px 10px}.access-pending-count{display:inline-block;min-width:16px;padding:0 4px;margin-left:3px;border-radius:10px;background:#c6a159;color:#fff;font:600 10px/16px Arial,sans-serif}.access-expired .app-shell{visibility:hidden}.access-modal{width:820px}.access-address{padding:16px 18px;border:1px solid #dce6ef;background:#f5f8fb;border-radius:6px;margin-bottom:24px}.access-address>label{display:block;font-size:11px;color:#6b8397;margin-bottom:9px}.access-address>div{display:flex;gap:9px}.access-address input{min-width:0;flex:1;height:38px;border:1px solid #d4dfe8;background:#fff;border-radius:4px;padding:8px 10px;color:#294c6b;font:13px Arial,sans-serif}.access-address p{font-size:10px;color:#8295a5;line-height:1.8;margin-top:10px;overflow-wrap:anywhere}.access-list-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}.access-list-heading h3{font-size:13px}.access-device-list{display:grid;gap:10px}.access-device-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 16px;border:1px solid #e0e7ee;border-radius:6px;background:#fff}.access-device-info{min-width:0;overflow-wrap:anywhere}.access-device-info strong{font-size:12px;font-weight:600}.access-device-info p{font-size:10px;color:#738b9f;margin-top:6px;line-height:1.8}.access-device-info small{display:block;margin-top:4px;font-size:9px;color:#96a5b3}.access-device-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.access-device-controls .button{font-size:10px;min-height:31px;padding:7px 10px}.access-approved{color:#28735a;background:#eaf5ef}.access-device-empty{font-size:11px;color:#91a1ae;line-height:1.9;padding:16px 0}.access-modal .modal-footer>span{max-width:70%;line-height:1.8}@media(max-width:700px){.topbar-access{gap:8px}.topbar-access>.button{font-size:9px;padding:4px 7px;min-height:25px}.access-address{padding:13px;margin-bottom:19px}.access-address input{font-size:12px}.access-device-row{align-items:flex-start;gap:12px;padding:13px}.access-device-info p{font-size:9px}.access-device-controls{align-items:flex-end;flex-direction:column;gap:9px}.access-device-controls .button{font-size:9px}.access-modal .modal-footer>span{font-size:10px;max-width:70%}}
/* Read-only part-number price lookup and bottom manual entry. */
.work-top-grid{align-items:start}.lookup-panel{padding:20px 22px;min-width:0}.lookup-form{display:flex;gap:10px;margin-top:16px}.lookup-form input{flex:1;min-width:0;height:40px;border:1px solid #d6e0e9;border-radius:4px;background:#fff;padding:9px 12px;color:#294961;font-size:12px}.lookup-form .button{min-height:40px;font-size:12px;padding:9px 20px}.lookup-status{font-size:10px;line-height:1.9;color:#7c92a5;margin-top:12px;overflow-wrap:anywhere}.lookup-panel .inline-error{margin-top:12px}.lookup-results{margin-top:15px;border:1px solid #e0e7ee;border-radius:5px;overflow:hidden}.lookup-table-wrap{max-height:330px;overflow:auto}.lookup-table{width:100%;min-width:530px}.lookup-table th{font-size:10px;background:#f5f8fb;padding:10px 12px;white-space:nowrap;position:sticky;top:0}.lookup-table td{padding:11px 12px;font-size:11px;vertical-align:top;white-space:normal;border-top:1px solid #ebf0f4}.lookup-part{max-width:200px;overflow-wrap:anywhere;font-family:Arial,"Microsoft YaHei",sans-serif;color:#2f5474}.lookup-description{max-width:250px;overflow-wrap:anywhere}.lookup-description small{display:block;margin-top:5px;color:#8a9dad;font-size:9px}.lookup-table th:last-child,.lookup-price{text-align:right;white-space:nowrap!important}.lookup-price{font-variant-numeric:tabular-nums;color:#294d70}.lookup-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#fbfcfd;border-top:1px solid #e7edf2}.lookup-pagination>span{font-size:9px;color:#8a9cac}.lookup-pagination>div{display:flex;gap:6px}.lookup-pagination .button{font-size:9px;min-height:28px;padding:6px 9px}.manual-bottom{margin-top:20px}.manual-bottom .manual-form{max-width:760px}@media(min-width:1550px){.lookup-panel{padding:23px 25px}}@media(max-width:1200px){.lookup-panel{padding:18px}}@media(max-width:700px){.lookup-panel{padding:18px 17px}.lookup-form{gap:8px;margin-top:14px}.lookup-form input{font-size:11px;height:38px;padding:8px 10px}.lookup-form .button{font-size:11px;min-height:38px;padding:8px 16px}.lookup-status{font-size:9px}.lookup-table th{font-size:9px}.lookup-table td{font-size:10px}.lookup-pagination{padding:9px;gap:8px;flex-wrap:wrap}.lookup-table-wrap{max-height:290px}.manual-bottom{margin-top:16px}}
.quote-catalog-add{margin-top:5px;white-space:nowrap}
/* Private quotation documents. */
.documents-private-note{padding:15px 18px;background:#edf3f9;border:1px solid #dce6ef;border-radius:6px;margin-bottom:18px}.documents-private-note strong{font-size:13px;color:#294d70}.documents-private-note p{font-size:11px;color:#758b9f;margin-top:7px;line-height:1.9}.documents-drop{margin:0 0 18px}.documents-panel{margin-top:18px}.documents-panel>.panel-heading{padding:19px 22px}.documents-search{display:flex;gap:9px}.documents-search input{width:260px;max-width:100%;height:36px;padding:8px 11px;border:1px solid #d9e2ea;border-radius:4px;font-size:11px}.documents-table{width:100%;min-width:750px}.documents-table th{font-size:10px;background:#f6f8fb;padding:13px 18px;white-space:nowrap}.documents-table td{padding:15px 18px;font-size:11px;vertical-align:top;white-space:normal}.document-name{min-width:230px;max-width:390px;overflow-wrap:anywhere}.document-name small{display:block;font-size:9px;color:#92a1ad;margin-top:5px;overflow-wrap:anywhere}.document-title-button{background:none;border:0;padding:0;text-align:left;color:#315b7e;font-size:12px;font-weight:600;overflow-wrap:anywhere}.document-title-button:hover{text-decoration:underline}.document-actions{min-width:150px}.document-actions .text-button{display:block;font-size:10px;padding:2px 0}.document-actions .text-button+.text-button{margin-top:7px}.documents-loading{font-size:11px;color:#8ba0b1;padding:0 22px 13px}#documents-error{white-space:pre-line}.document-save-modal{width:600px}.document-save-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:19px}.document-save-modal input{width:100%;height:39px;border:1px solid #d9e2eb;border-radius:4px;padding:9px 11px;font-size:12px}.document-preview-modal{width:1180px}.document-preview-modal .modal-body{max-height:68vh;overflow:auto}.document-snapshot-note{font-size:11px;line-height:1.9;color:#7c91a3;margin-bottom:14px;overflow-wrap:anywhere}.document-preview-table-wrap{max-height:430px;overflow:auto;border:1px solid #dfe7ee;border-radius:5px}.document-snapshot-table{width:100%;min-width:830px}.document-snapshot-table th,.document-spreadsheet-table th{padding:10px 12px;background:#f2f6fa;font-size:10px;white-space:nowrap;position:sticky;top:0}.document-snapshot-table td{padding:11px 12px;max-width:260px;overflow-wrap:anywhere;vertical-align:top;font-size:11px;white-space:normal}.document-money{text-align:right;white-space:nowrap!important;font-variant-numeric:tabular-nums}.document-line-brand{display:block;color:#90a0ad;font-size:9px;margin-top:5px}.document-preview-total{font-size:13px;font-weight:600;color:#315575;margin-top:18px;text-align:right}.document-spreadsheet-table{width:max-content;min-width:100%;border-collapse:collapse}.document-spreadsheet-table td{max-width:300px;min-width:100px;padding:10px 12px;border:1px solid #e6edf3;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;vertical-align:top}.document-spreadsheet-table td:first-child{padding-left:12px}.document-sheet-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.document-sheet-tab{font-size:11px;padding:7px 11px;border:1px solid #d9e4ed;background:#f7fafc;color:#57758f;border-radius:4px}.document-sheet-tab[aria-selected=true]{background:#e8f0f7;border-color:#a8c2d8;color:#214d72}.document-import-options{margin-top:23px;border-top:1px solid #e4ebf1;padding-top:20px}.document-import-options h3{font-size:13px}.document-import-options>p{font-size:10px;color:#8095a7;line-height:1.8;margin-top:8px}.document-sheet-controls{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:15px;margin:16px 0}.document-sheet-controls input,.document-sheet-controls select,.document-import-options .mapping-grid select{width:100%;height:37px;padding:8px 10px;border:1px solid #d9e2ea;border-radius:4px;font-size:11px}.document-import-options .field label{font-size:10px}.document-load-confirm{margin-top:22px;padding:16px 18px;background:#f3f7fb;border:1px solid #d6e3ee;border-radius:5px}.document-load-confirm strong{font-size:12px;display:block;overflow-wrap:anywhere}.document-load-confirm p{font-size:10px;color:#7c92a5;margin-top:8px;line-height:1.9}.document-load-confirm>div{display:flex;gap:9px;justify-content:flex-end;margin-top:14px}.document-preview-modal .modal-footer>span{max-width:55%;line-height:1.8}.document-preview-modal .modal-footer>div{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:700px){.documents-panel>.panel-heading{display:block;padding:17px}.documents-search{margin-top:14px}.documents-search input{width:100%;min-width:0;flex:1}.documents-private-note{padding:13px 15px}.documents-private-note p{font-size:10px}.document-save-grid{grid-template-columns:1fr;gap:16px}.document-sheet-controls{grid-template-columns:minmax(0,1fr) 135px;gap:11px}.document-load-confirm{padding:14px}.document-load-confirm strong{font-size:11px}.document-preview-modal .modal-footer{align-items:center}.document-preview-modal .modal-footer>span{max-width:43%}.document-preview-modal .modal-body{max-height:67vh}.document-preview-table-wrap{max-height:340px}.heading-actions{flex-wrap:wrap}.heading-actions #save-quote-document{flex:1}.documents-table td{font-size:10px}}
.access-expired .modal,.access-expired .toast{visibility:hidden}
.row-name .name-edit-button{display:block;font-size:10px;margin-top:5px}.name-modal .details-subtitle{max-width:420px;line-height:1.9}.name-modal #name-part{color:#6c8294;background:#f6f8fb}
.lookup-price-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.lookup-price-edit{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;padding:0;border:1px solid #496b8c;border-radius:50%;background:#fff;color:#294d70;font-size:14px;font-weight:700;line-height:1;cursor:pointer}.lookup-price-edit:hover{background:#edf3fa;border-color:#172f50}.lookup-price-edit:focus-visible{outline:2px solid #b79a55;outline-offset:3px}
.access-mode-form{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #dce6ef;border-radius:6px;background:#fff;margin-bottom:15px}.access-mode-form strong{display:block;font-size:12px;color:#294c6b;margin-bottom:12px}.access-mode-form label{display:flex;align-items:center;gap:8px;font-size:12px;color:#294c6b}.access-mode-form input{width:16px;height:16px;accent-color:#1c3557}.access-mode-form p{font-size:11px;line-height:1.9;color:#738b9f;margin-top:10px;max-width:520px}.access-mode-form>.button{flex-shrink:0}@media(max-width:700px){.access-mode-form{align-items:flex-start;flex-direction:column;padding:13px}.access-mode-form p{font-size:10px}}
.page-heading.quote-heading{margin-bottom:18px}@media(max-width:700px){.page-heading.quote-heading{margin-bottom:14px}}
.documents-local-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:17px 18px;margin-bottom:18px;border:1px solid #dce6ef;border-radius:6px;background:#fff}.documents-local-panel strong{font-size:13px;color:#294d70}.documents-local-panel p,.documents-local-panel li{font-size:11px;color:#71879a;line-height:1.9;margin-top:6px}.documents-local-panel>div{flex:1;min-width:220px}.documents-local-panel>details{width:100%;border-top:1px solid #e7edf3;padding-top:12px}.documents-local-panel summary{font-size:11px;color:#315b7e;cursor:pointer}.documents-local-panel ol{padding-left:20px;margin-top:10px}.documents-local-status{margin:0 0 18px;padding:13px 17px;border:1px solid #dce6ef;border-radius:5px;background:#f4f8fb;font-size:11px;line-height:1.9;color:#45647e;overflow-wrap:anywhere}.documents-local-status button{margin-left:12px;white-space:nowrap}.document-local-choice{margin-top:20px;padding:13px 15px;background:#f4f8fb;border:1px solid #dce6ef;border-radius:5px}.document-local-choice label{display:flex;align-items:center;gap:9px;font-size:12px;color:#315575;cursor:pointer}.document-save-modal .document-local-choice input{width:16px;height:16px;margin:0;padding:0;flex:none;accent-color:#315b7e}.document-local-choice p{font-size:10px;color:#7a8fa1;line-height:1.9;margin:8px 0 0}.document-local-choice a{color:#315b7e;margin-left:4px}#document-save-note{font-size:10px;line-height:1.8;max-width:53%}
.documents-local-downloads{display:flex;gap:8px;flex-wrap:wrap}.archive-installation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:12px}.archive-installation-grid h4{font-size:12px;color:#294d70;margin:0}.archive-installation-grid a{color:#315b7e;text-decoration:underline}
/* Keep the price lookup full width after removing the markup controls. */
.work-top-grid.lookup-only{grid-template-columns:minmax(0,1fr)}

/* Internal purchase costs are editable without changing the customer price. */
.quote-panel .quote-table{min-width:1280px}
.quote-panel .quote-purchase-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:196px}
.quote-panel .quote-purchase-input{width:118px;min-width:0;height:40px;border:1px solid #d3dfeb;border-radius:4px;background:#fff;padding:8px 10px;color:#355570;font-size:16px;font-weight:600;line-height:1.5;text-align:right;font-variant-numeric:tabular-nums}
.quote-panel .quote-purchase-input::placeholder{font-size:13px;font-weight:500;color:#72889b}
.quote-panel .quote-purchase-input:disabled{background:#f4f6f8;color:#7c8e9d;cursor:not-allowed}
.quote-panel .quote-purchase-save{font-size:13px;min-height:38px;padding:7px 10px}
.quote-panel .quote-purchase-status{display:block;max-width:240px;white-space:normal;overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:1.8;margin-top:6px;color:#60798f}
.quote-panel .quote-purchase-status.error{color:var(--danger)}
@media(max-width:700px){
  .quote-panel .quote-purchase-input{height:40px;font-size:15px;width:112px}
  .quote-panel .quote-purchase-controls{min-width:182px;gap:7px}
  .quote-panel .quote-purchase-save{font-size:12px;min-height:36px;padding:7px 9px}
}

.quote-panel .clear-quote-button{border:1px solid #b85a50;background:#fff8f6;color:#9b3d32;border-radius:5px;padding:10px 18px;min-height:44px;font-size:15px;font-weight:650;line-height:1.5;flex-shrink:0}
.quote-panel .clear-quote-button:hover:not(:disabled){border-color:#9b3d32;background:#fbece8;color:#842f26}
.quote-panel .clear-quote-button:disabled{opacity:1;border-color:#cbd5df;background:#f4f6f8;color:#7b8c9d;cursor:not-allowed}
@media(max-width:700px){.quote-panel .clear-quote-button{font-size:14px;min-height:42px;padding:9px 14px}}

/* Reveal internal cost controls in the current cell using the round action. */
.purchase-cost-display{display:flex;align-items:center;justify-content:flex-end;gap:9px;white-space:nowrap;min-width:128px}
.purchase-cost-amount{font-size:17px;font-weight:650;color:#47647e}
.purchase-cost-edit{flex-shrink:0}
.purchase-cost-edit:disabled{opacity:.45;background:#f1f4f7;cursor:not-allowed}
.internal-cost-cell .quote-purchase-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:260px;margin-top:10px}
.internal-cost-cell .quote-purchase-input{width:112px;min-width:0;height:40px;border:1px solid #d3dfeb;border-radius:4px;background:#fff;padding:8px 10px;color:#355570;font-size:16px;font-weight:600;line-height:1.5;text-align:right;font-variant-numeric:tabular-nums}
.internal-cost-cell .quote-purchase-input::placeholder{font-size:13px;font-weight:500;color:#72889b}
.internal-cost-cell .quote-purchase-input:disabled{background:#f4f6f8;color:#7c8e9d;cursor:not-allowed}
.internal-cost-cell .quote-purchase-save,.internal-cost-cell .quote-purchase-cancel{font-size:13px;min-height:38px;padding:7px 10px}
.internal-cost-cell .quote-purchase-status{display:block;max-width:275px;white-space:normal;overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:1.8;margin-top:6px;color:#60798f}
.internal-cost-cell .quote-purchase-status.error{color:var(--danger)}
.lookup-table{min-width:900px}
.lookup-table th:nth-child(4),.lookup-table th:nth-child(5){text-align:right}
.lookup-table .internal-cost-cell{font-size:17px;vertical-align:top}
.lookup-table .purchase-cost-amount{font-size:18px}
@media(max-width:700px){
  .purchase-cost-amount{font-size:15px}
  .lookup-table .purchase-cost-amount{font-size:16px}
  .internal-cost-cell .quote-purchase-controls{min-width:245px;gap:6px}
  .internal-cost-cell .quote-purchase-input{font-size:15px;width:106px}
  .internal-cost-cell .quote-purchase-save,.internal-cost-cell .quote-purchase-cancel{font-size:12px;min-height:36px;padding:7px 9px}
}

/* Sales prices use the same local editor without an internal-cost label. */
#import-recognition-summary{overflow-wrap:anywhere}
.quote-panel .quote-sales-amount{font-size:17px;font-weight:700;color:#20435f}
.quote-sales-edit:disabled{opacity:.45;background:#f1f4f7;cursor:not-allowed}
.quote-sales-cell .quote-purchase-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:260px;margin-top:10px}
.quote-sales-cell .quote-purchase-input{width:112px;min-width:0;height:40px;border:1px solid #d3dfeb;border-radius:4px;background:#fff;padding:8px 10px;color:#294d70;font-size:16px;font-weight:600;line-height:1.5;text-align:right;font-variant-numeric:tabular-nums}
.quote-sales-cell .quote-purchase-input::placeholder{font-size:13px;font-weight:500;color:#72889b}
.quote-sales-cell .quote-purchase-input:disabled{background:#f4f6f8;color:#7c8e9d;cursor:not-allowed}
.quote-sales-cell .quote-purchase-save,.quote-sales-cell .quote-purchase-cancel{font-size:13px;min-height:38px;padding:7px 10px}
.quote-sales-cell .quote-purchase-status{display:block;max-width:275px;white-space:normal;overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:1.8;margin-top:6px;color:#60798f}
.quote-sales-cell .quote-purchase-status.error{color:var(--danger)}
@media(max-width:700px){
  .quote-panel .quote-sales-amount{font-size:16px}
  .quote-sales-cell .quote-purchase-controls{min-width:245px;gap:6px}
  .quote-sales-cell .quote-purchase-input{font-size:15px;width:106px}
  .quote-sales-cell .quote-purchase-save,.quote-sales-cell .quote-purchase-cancel{font-size:12px;min-height:36px;padding:7px 9px}
}

/* Reserve product images and reveal each internal cost only on request. */
.quote-panel .quote-table{min-width:1200px}
.quote-panel .quote-table .quote-image-col,.quote-panel .quote-table .quote-image-cell{width:90px;min-width:90px;padding-left:10px;padding-right:10px;text-align:center}
.quote-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;border:1px dashed #d9e2eb;border-radius:5px;background:#fafbfd;color:#6f8396;font-size:12px;font-weight:500;line-height:1.6}
.quote-image-icon{font:400 24px/1 Arial,sans-serif;color:#a0afbd}
.quote-internal-cost-panel{margin-top:12px;padding-top:11px;border-top:1px dashed #d8e3ed;text-align:right}
.quote-internal-cost-label{font-size:12px;font-weight:600;line-height:1.7;color:#657d92;margin-bottom:7px}
.quote-internal-cost-panel .purchase-cost-display{min-width:0}
.quote-panel .quote-table .quote-status-col,.quote-panel .quote-table .quote-status-cell{width:124px;min-width:110px;max-width:140px;padding-left:10px;padding-right:10px}
.quote-panel .quote-status-cell .row-status{font-size:13px;line-height:1.6;max-width:124px;white-space:normal}
.quote-panel .quote-status-cell .candidate-select{width:104px;max-width:104px;font-size:13px;line-height:1.5;white-space:nowrap}
.quote-panel .quote-table .quote-remove-col,.quote-panel .quote-table .quote-remove-cell{width:42px;min-width:42px;padding-left:4px;padding-right:4px;text-align:center}
.quote-panel .quote-remove-cell .remove-row{width:34px;height:36px;min-height:36px;padding:4px;font-size:24px;line-height:1}
@media(max-width:700px){
  .quote-panel .quote-table .quote-image-col,.quote-panel .quote-table .quote-image-cell{width:80px;min-width:80px}
  .quote-image-placeholder{min-height:58px;font-size:12px}
  .quote-panel .quote-table .quote-status-col,.quote-panel .quote-table .quote-status-cell{width:118px;min-width:108px}
  .quote-panel .quote-status-cell .candidate-select{width:98px;max-width:98px}
}

/* One synchronized cost switch per price header; photos attach by row. */
.quote-price-heading{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.cost-header-toggle{display:inline-flex;align-items:center;gap:7px;min-height:28px;font-size:14px;font-weight:650;line-height:1.6;color:#48647d;cursor:pointer}
.cost-header-toggle input{width:18px;height:18px;margin:0;accent-color:#294d70;cursor:pointer}
.quote-panel .quote-table .quote-image-col,.quote-panel .quote-table .quote-image-cell{width:116px;min-width:116px}
.quote-image-controls{display:flex;align-items:center;justify-content:center;gap:6px;min-width:90px}
.quote-image-controls .quote-image-placeholder{width:56px;min-width:56px;min-height:56px;gap:2px;font-size:12px;line-height:1.4}
.quote-image-controls .quote-image-icon{font-size:20px}
.quote-image-thumbnail{display:block;width:56px;height:56px;object-fit:contain;border:1px solid #dbe4ec;border-radius:4px;background:#fff}
.quote-image-edit{flex-shrink:0}
.quote-image-edit:disabled{opacity:.45;cursor:not-allowed;background:#f3f5f7}
.quote-image-status{display:block;max-width:100px;overflow-wrap:anywhere;white-space:normal;font-size:12px;font-weight:500;line-height:1.7;color:#60798f;margin-top:6px}
.quote-image-status.error{color:var(--danger)}
.quote-image-cell .quote-image-retry{font-size:12px;font-weight:600;line-height:1.6;padding:4px 0}
@media(max-width:700px){
  .cost-header-toggle{font-size:13px}
  .quote-panel .quote-table .quote-image-col,.quote-panel .quote-table .quote-image-cell{width:108px;min-width:108px}
}

.lookup-table{min-width:820px}
.quote-panel .quote-meta{grid-template-columns:minmax(0,1fr);max-width:664px}
#open-import-inquiry{font-size:18px;font-weight:700;min-height:54px;padding:14px 22px;max-width:100%}
@media(max-width:700px){
  .quote-panel .quote-meta{max-width:none}
  #open-import-inquiry{font-size:17px;min-height:50px;padding:12px 18px;flex:1 1 100%}
}

/* Compact staff layout. Keep this scale together instead of stacking enlargements. */
:root{--muted:#61768a;font-size:14px;line-height:1.45}
h1,.page-heading h1{font-size:24px;line-height:1.25;letter-spacing:-.3px}
h2,.catalog-intro h2,.catalog-panel h2,.documents-panel h2,.markup-panel h2,
.lookup-panel .panel-heading h2,.quote-panel .quote-title-row h2{font-size:17px;line-height:1.35;font-weight:700}
h3,.import-step-title h3,.catalog-sources-heading h3,.details-fields-heading h3,
.prices-section-heading h3,.document-import-options h3,.access-list-heading h3{font-size:15px;line-height:1.4}
.page-heading p,.catalog-intro p,.details-subtitle,.details-explanation,.details-no-fields{font-size:13px;line-height:1.5}
.eyebrow,.modal-header .eyebrow{font-size:11px;line-height:1.3;letter-spacing:1px;margin-bottom:4px}
.count-label,.subtle,.quote-panel .quote-title-row .count-label{font-size:12px;line-height:1.4}
.topbar{height:auto;min-height:44px;padding:7px 20px;font-size:12px;line-height:1.4;gap:10px}
.local-badge,.app-footer,.app-footer>span:last-child,.sidebar-bottom,.sidebar-bottom small{font-size:12px;line-height:1.4}
.main-content{max-width:1640px;padding:14px 20px 16px}
.page-heading,.page-heading.quote-heading{gap:12px;margin-bottom:12px;align-items:center}
.page-heading p{margin-top:4px}
.heading-actions{gap:8px;max-width:none;justify-content:flex-end}
.app-footer{padding-top:14px;margin-top:0;flex-wrap:wrap}
.button,.heading-actions .button,.manual-form .button,.markup-input .button,
.catalog-drop .button,.catalog-intro .button,.modal-footer .button,.empty-state .button,
.quote-panel .clear-quote-button,#open-import-inquiry{font-size:14px;line-height:1.3;min-height:38px;padding:8px 13px;gap:7px}
.button.compact,.sheet-controls .compact,.prices-table .button,.catalog-pagination .button,
.lookup-pagination .button,.access-device-controls .button,.topbar-access>.button{font-size:13px;line-height:1.3;min-height:36px;padding:7px 11px}
.text-button,.quote-panel .text-button,.catalog-actions .text-button,.document-actions .text-button{font-size:13px;line-height:1.35;padding:2px 0}
.field label,.quote-panel .quote-meta .field label,.mapping-grid .field label,
.sheet-controls .field label,.document-import-options .field label{font-size:13px;line-height:1.3;margin-bottom:4px;font-weight:600}
.field label span:not(.required),.quote-panel .quote-meta .field label span{font-size:12px}
.field input,.field select,.quote-panel .quote-meta .field input,.item-form-grid .field input,
.mapping-grid select,.sheet-controls .field input,.sheet-controls .field select,
.document-save-modal input,.document-sheet-controls input,.document-sheet-controls select,
.document-import-options .mapping-grid select,.catalog-search input,.documents-search input,
.access-address input{font-size:14px;line-height:1.3;height:36px;padding:7px 10px}
.field small,.item-form-grid .field small,.catalog-price-mode small,.sample-parts,.sample-parts button,
.sample-links,.drop-action,.markup-panel p,.markup-panel>small{font-size:12px;line-height:1.4}
.field small{margin-top:4px}
.demo-notice,.error-banner,.inline-error,.loading-strip,.import-result,.toast{font-size:13px;line-height:1.5}
.demo-notice,.error-banner{margin-bottom:10px;padding:7px 11px}
.demo-notice{font-size:12px;line-height:1.35;padding:6px 10px;margin-bottom:8px}
.inline-error,.loading-strip{padding:9px 11px;margin-top:9px;margin-bottom:9px}
.tag,.tag.gold,.markup-panel .tag{font-size:12px;line-height:1.3;padding:3px 6px}
.panel-heading{gap:12px}
.manual-panel,.markup-panel,.lookup-panel{padding:11px 16px}
.work-top-grid,.work-top-grid.lookup-only{gap:12px;margin-bottom:12px}
.manual-form,.lookup-form{margin-top:7px;gap:8px}
.manual-bottom{margin-top:12px}
.lookup-form input{height:38px;font-size:15px;padding:7px 10px}
.lookup-form .button{font-size:14px;min-height:38px;padding:8px 15px}
.lookup-status{font-size:12px;line-height:1.4;margin-top:6px;font-weight:500}
.lookup-results{margin-top:8px}
.lookup-table-wrap{max-height:320px}
.lookup-pagination,.catalog-pagination{padding:8px 12px;gap:8px}
.lookup-pagination>span,.catalog-pagination>span,.catalog-limit-note{font-size:12px;line-height:1.4}
.markup-panel .panel-heading{margin-bottom:8px}
.markup-input input{height:36px;font-size:18px;width:76px;padding:6px 9px}
.markup-input>span{font-size:16px}
.markup-panel p{margin-top:7px}
.summary-card{padding:10px 16px;margin-bottom:12px;gap:20px}
.summary-main{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:12px}
.summary-main>span{font-size:13px;line-height:1.35;letter-spacing:0}
.grand-total{margin-top:0;gap:5px}
.grand-total strong{font-size:30px;line-height:1.1;letter-spacing:-.5px}
.grand-total small{font-size:18px}
.grand-total>span{font-size:11px;letter-spacing:.5px}
.summary-main p{grid-column:1/-1;font-size:12px;line-height:1.3;margin-top:3px;max-width:440px}
.summary-stats{grid-template-columns:60px 60px minmax(130px,auto);gap:18px;padding-left:20px}
.summary-stats>div>span,.summary-stats>div:last-child>span{font-size:12px;line-height:1.3;margin-bottom:4px}
.summary-stats>div>span small,.summary-stats strong small{font-size:11px;line-height:1.3}
.summary-stats strong{font-size:21px;line-height:1.15}
.summary-stats .purchase-total,.summary-stats>div:last-child .purchase-total{font-size:20px;line-height:1.2}
.quote-title-row,.catalog-panel>.panel-heading,.documents-panel>.panel-heading{padding:10px 16px 8px}
.quote-panel .quote-title-row p{font-size:12px;line-height:1.4;margin-top:4px;max-width:620px}
.quote-panel .quote-meta{grid-template-columns:minmax(0,1fr);max-width:520px;gap:10px;padding:0 16px 12px}
.quote-panel .quote-meta .field:not(.quote-reference-field){flex-direction:row;align-items:center;gap:10px}
.quote-panel .quote-meta .field:not(.quote-reference-field)>label{flex:0 0 auto;white-space:nowrap;margin-bottom:0}
.quote-panel .quote-meta .field:not(.quote-reference-field)>input{flex:1;min-width:0}
.quote-footer{padding:10px 16px;gap:12px}
.quote-panel .quote-footer>span{font-size:12px;line-height:1.4}
.quote-footer strong,.quote-panel .quote-footer strong{font-size:14px}
.quote-panel #footer-total-label{font-size:13px;margin-left:0}
.quote-panel #footer-total{font-size:21px;margin-left:10px}
.drop-zone{margin-top:12px;padding:13px 16px;gap:12px}
.drop-zone strong{font-size:14px;line-height:1.4}
.drop-zone p{font-size:12px;line-height:1.4;margin-top:3px}
.drop-symbol{font-size:23px}
.catalog-drop{margin-bottom:12px}
.empty-state,.compact-empty{padding:22px 16px}
.empty-state h3,.quote-panel .empty-state h3{font-size:16px}
.empty-state p,.quote-panel .empty-state p{font-size:13px;line-height:1.45;margin:5px 0 12px}

/* Native table layout can grow for edits or long names; ordinary rows stay compact. */
table{font-size:14px;line-height:1.4}
th,.catalog-table th,.documents-table th,.prices-table th,.details-table th,
.preview-table th,.document-snapshot-table th,.document-spreadsheet-table th{font-size:14px;line-height:1.3;padding:9px 10px}
td,.catalog-table td,.documents-table td,.prices-table td,.details-table td,
.preview-table td,.document-snapshot-table td,.document-spreadsheet-table td{font-size:14px;line-height:1.4;padding:7px 10px;height:auto}
.catalog-table{min-width:960px}
.catalog-table th:first-child,.catalog-table td:first-child{padding-left:16px}
.catalog-table td{padding-top:6px;padding-bottom:6px}
.catalog-table td:first-child,.catalog-primary{font-size:14px;line-height:1.35;font-weight:600}
.catalog-secondary,.catalog-code-label,.catalog-price-note,.source-cell,.document-name small,
.prices-table .catalog-secondary{font-size:12px;line-height:1.35;margin-top:2px}
.catalog-price-cell .catalog-primary{font-size:12px;line-height:1.3;font-weight:500}
.catalog-price-cell .catalog-secondary{font-size:15px;line-height:1.35;font-weight:600}
.catalog-table .catalog-part-cell{min-width:165px}
.catalog-table td:nth-child(3){min-width:130px;max-width:250px;overflow-wrap:anywhere}
.catalog-table .catalog-model-cell{min-width:90px;max-width:160px;overflow-wrap:anywhere}
.catalog-price-cell{min-width:120px;max-width:180px}
.catalog-actions{min-width:205px;width:220px;white-space:normal}
.catalog-actions .text-button,.catalog-actions .text-button+.text-button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-height:24px;margin:1px 2px 1px 0;padding:2px 5px;border:1px solid #dce5ed;border-radius:4px;font-size:13px;line-height:1.3;white-space:nowrap}
.document-actions{min-width:160px;white-space:normal}
.document-actions .text-button,.document-actions .text-button+.text-button{display:inline-block;margin:1px 8px 1px 0;line-height:1.4}
.document-title-button{font-size:14px;line-height:1.4}
.lookup-table{min-width:700px}
.lookup-table th{font-size:14px;line-height:1.3;padding:8px 10px}
.lookup-table td{font-size:14px;font-weight:500;line-height:1.4;padding:8px 10px;vertical-align:middle}
.lookup-part,.lookup-description{font-weight:600}
.lookup-description small{font-size:12px;line-height:1.25;margin-top:3px}
.lookup-price{font-size:15px;font-weight:600}
.lookup-price-actions{gap:7px;min-height:38px}
.quote-panel .quote-table{min-width:1080px}
.quote-panel .quote-table th{font-size:14px;line-height:1.3;padding:8px}
.quote-panel .quote-table td{font-size:14px;font-weight:500;line-height:1.35;padding:6px 8px;height:auto}
.quote-panel .quote-table th:first-child,.quote-panel .quote-table td:first-child{padding-left:14px}
.quote-panel .quote-table .row-name{font-size:14px;font-weight:500;line-height:1.35;min-width:120px;max-width:230px}
.quote-panel .row-name .name-edit-button{font-size:12px;line-height:1.25;padding:1px 0;margin-top:1px}
.quote-panel .table-part-input{font-size:14px;line-height:1.3;min-height:36px;height:36px;width:160px;min-width:145px;padding:5px;font-weight:600}
.quote-panel .quantity-input{height:36px;width:65px;font-size:14px;line-height:1.3;padding:6px 8px}
.row-brand,.row-source,.quote-panel .row-brand,.quote-panel .row-source,.document-line-brand{font-size:12px;line-height:1.25;margin-top:0;margin-bottom:0;font-weight:400}
.amount,.document-money,.quote-panel .quote-table .sales-amount,.quote-panel .quote-sales-amount,
.purchase-cost-amount,.lookup-table .purchase-cost-amount{font-size:15px;line-height:1.35;font-weight:600}
.quote-panel .quote-table .purchase-amount{font-size:14px}
.lookup-price-edit{width:24px;height:24px;flex:0 0 24px;font-size:15px;line-height:1}
.purchase-cost-display{min-width:100px;min-height:26px;gap:7px}
.quote-price-heading{gap:3px}
.cost-header-toggle{font-size:12px;line-height:1.3;min-height:21px;gap:5px}
.cost-header-toggle input{width:16px;height:16px}
.quote-panel .quote-table .quote-image-col,.quote-panel .quote-table .quote-image-cell{width:100px;min-width:100px;padding-left:6px;padding-right:6px}
.quote-image-controls{min-width:78px;gap:4px}
.quote-image-controls .quote-image-placeholder,.quote-image-thumbnail{width:44px;min-width:44px;height:44px;min-height:44px}
.quote-image-controls .quote-image-placeholder{font-size:12px;line-height:1.2;gap:1px}
.quote-image-controls .quote-image-icon{font-size:18px}
.quote-image-status{font-size:12px;line-height:1.3;margin-top:2px;max-width:110px}
.quote-image-cell .quote-image-retry{font-size:12px;line-height:1.3;padding:1px 0}
.quote-panel .quote-table .quote-status-col,.quote-panel .quote-table .quote-status-cell{width:110px;min-width:100px;max-width:125px;padding-left:6px;padding-right:6px}
.row-status,.quote-panel .row-status,.quote-panel .quote-status-cell .row-status{font-size:12px;line-height:1.3;padding:4px 6px;max-width:112px}
.candidate-select,.quote-panel .candidate-select,.quote-panel .quote-status-cell .candidate-select{font-size:12px;line-height:1.3;width:98px;max-width:98px;height:30px;margin-top:4px;padding:3px}
.quote-panel .quote-table .quote-remove-col,.quote-panel .quote-table .quote-remove-cell{width:36px;min-width:36px;padding-left:2px;padding-right:2px}
.quote-panel .quote-remove-cell .remove-row{width:30px;height:32px;min-height:32px;padding:3px;font-size:22px}
.quote-internal-cost-panel{margin-top:7px;padding-top:7px}
.quote-internal-cost-label{font-size:12px;line-height:1.3;margin-bottom:4px}
.quote-panel .quote-purchase-controls,.internal-cost-cell .quote-purchase-controls,.quote-sales-cell .quote-purchase-controls{min-width:224px;gap:5px;margin-top:6px;flex-wrap:wrap}
.quote-panel .quote-purchase-input,.internal-cost-cell .quote-purchase-input,.quote-sales-cell .quote-purchase-input{height:36px;font-size:14px;line-height:1.3;width:100px;padding:6px 8px}
.quote-panel .quote-purchase-save,.internal-cost-cell .quote-purchase-save,.internal-cost-cell .quote-purchase-cancel,
.quote-sales-cell .quote-purchase-save,.quote-sales-cell .quote-purchase-cancel{font-size:12px;line-height:1.3;min-height:32px;padding:6px 9px}
.quote-panel .quote-purchase-status,.internal-cost-cell .quote-purchase-status,.quote-sales-cell .quote-purchase-status{font-size:12px;line-height:1.3;margin-top:2px;max-width:240px}

/* Dialog chrome stays visible while the form or preview scrolls inside it. */
.modal{max-height:calc(100vh - 32px);max-width:calc(100vw - 32px);font-size:14px;line-height:1.4;overflow:hidden}
.modal[open]{display:flex;flex-direction:column}
.modal>.modal-header,.modal>.modal-footer,.modal>form>.modal-footer{flex-shrink:0}
.modal-header{padding:12px 18px;gap:12px}
.modal-header h2{font-size:21px;line-height:1.3}
.modal-header .details-subtitle{font-size:12px;line-height:1.35;margin-top:4px}
.modal-body{padding:12px 18px 14px;min-height:0}
.modal>.modal-body{overflow-y:auto;min-height:0;flex:1 1 auto}
.modal>form{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1 1 auto}
.modal>form>.modal-body{overflow-y:auto;min-height:0;flex:1 1 auto}
.modal-footer{padding:10px 18px;gap:12px;flex-wrap:wrap}
.modal-footer>span,.prices-modal .modal-footer>span,.access-modal .modal-footer>span,
.document-preview-modal .modal-footer>span,#document-save-note{font-size:12px;line-height:1.4}
.modal-footer>div{gap:7px;flex-wrap:wrap;margin-left:auto}
.close-button{font-size:24px;min-width:30px;min-height:30px;padding:3px}
.item-modal{width:720px}
.item-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 14px}
#item-form .item-sale-price-field,#item-purchase-field{grid-column:auto;order:1}
#item-image-field{order:2;grid-column:1/-1;min-width:0}
.item-image-panel{display:flex;align-items:center;gap:10px;min-width:0}
.item-image-preview{width:64px;height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #dce5ed;border-radius:4px;overflow:hidden}
.item-image-thumbnail{display:block;width:64px;height:64px;object-fit:contain}
.item-image-placeholder{font-size:12px;line-height:1.3;color:#70879a;text-align:center;padding:4px}
.item-image-actions{min-width:0;display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.item-image-actions .button{font-size:13px;min-height:32px;padding:6px 9px}
.item-image-actions .text-button{font-size:12px}
.item-image-status{width:100%;font-size:12px;line-height:1.3;color:#60798f;overflow-wrap:anywhere}
.item-image-status.error{color:var(--danger)}
.name-modal{width:600px}
.mapping-grid{gap:10px}
.sheet-controls{grid-template-columns:minmax(0,1fr) 130px auto;gap:10px;padding:11px;margin-bottom:14px}
.import-file-line{margin-bottom:14px}
.import-file-line strong{font-size:14px;line-height:1.4}
.import-file-line p,.import-hint,.import-warning,.import-step-title small{font-size:12px;line-height:1.4}
.preview-title{margin-top:16px}
.catalog-sources,.documents-private-note,.documents-local-panel{padding:10px 14px;margin-bottom:10px}
.catalog-sources-heading{margin-bottom:8px;gap:10px}
.catalog-source-list{gap:6px}
.catalog-source-item{padding:6px 9px;gap:7px}
.catalog-sources>p{margin-top:5px}
.catalog-intro{padding-top:0;padding-bottom:0;gap:12px}
.catalog-intro h2{margin-bottom:4px}
.catalog-source-item,.catalog-source-item small,.catalog-sources-heading>span,.details-fields-heading span,
.documents-private-note p,.documents-local-panel p,.documents-local-panel li,.documents-local-panel summary,
.documents-local-status,.documents-loading,.document-snapshot-note,.document-local-choice p,
.document-load-confirm p,.document-import-options>p{font-size:12px;line-height:1.4}
.catalog-source-item strong,.documents-private-note strong,.documents-local-panel strong,
.document-local-choice label,.document-load-confirm strong,.access-device-info strong,.access-mode-form strong{font-size:14px;line-height:1.4}
.details-summary-field dt,.prices-product dt,.prices-current small,.prices-notice,
.prices-reference-tag,.prices-save-status,.access-mode-form p,.access-address p,
.access-device-info p,.access-device-info small,.access-device-empty{font-size:12px;line-height:1.4}
.details-summary-field dd,.prices-product dd,.prices-table strong{font-size:14px;line-height:1.4}
.prices-current strong{font-size:23px;line-height:1.2}
.prices-current span,.access-mode-form label,.access-address>label{font-size:13px;line-height:1.4}
.prices-section-heading>span,.document-sheet-tab{font-size:12px;line-height:1.4}

@media(min-width:1550px){
  .main-content{padding-top:18px}
  .manual-panel,.markup-panel,.lookup-panel{padding:14px 18px}
  .summary-card{padding:12px 18px}
  .summary-stats{gap:24px;padding-left:24px}
  .lookup-table-wrap{max-height:360px}
}
@media(max-width:1100px){
  .main-content{padding:12px 16px}
  .topbar{padding-left:16px;padding-right:16px}
  .summary-card{gap:14px}
  .summary-stats{grid-template-columns:52px 52px minmax(110px,auto);gap:12px;padding-left:14px}
  .summary-stats>div:last-child{grid-column:auto;display:block}
  .summary-stats>div:last-child>span{margin-bottom:4px}
  .summary-stats>div:last-child .purchase-total{font-size:19px}
  .heading-actions .primary{width:auto}
  .lookup-panel{padding:12px 14px}
}
@media(max-width:700px){
  :root{font-size:14px;line-height:1.45}
  h1,.page-heading h1{font-size:22px}
  .main-content{padding:12px}
  .topbar{padding:7px 12px;min-height:42px;font-size:12px}
  .page-heading,.page-heading.quote-heading{gap:10px;margin-bottom:10px;align-items:flex-start;flex-wrap:wrap}
  .heading-actions{width:100%;justify-content:flex-start;gap:7px}
  .heading-actions .primary,#open-import-inquiry{width:auto;flex:0 1 auto}
  .button,.heading-actions .button,.manual-form .button,.markup-input .button,
  .catalog-drop .button,.catalog-intro .button,.modal-footer .button,.empty-state .button,
  .quote-panel .clear-quote-button,#open-import-inquiry{font-size:14px;min-height:38px;padding:8px 11px}
  .summary-card{padding:10px 12px;gap:10px;flex-direction:column;align-items:stretch}
  .summary-main{column-gap:10px;grid-template-columns:auto minmax(0,1fr)}
  .grand-total strong{font-size:28px}
  .summary-main p{max-width:none}
  .summary-stats{grid-template-columns:1fr 1fr 1.5fr;gap:12px;border-left:0;border-top:1px solid #ffffff24;padding:9px 0 0}
  .summary-stats strong{font-size:20px}
  .work-top-grid,.work-top-grid.lookup-only{margin-bottom:10px}
  .manual-panel,.markup-panel,.lookup-panel{padding:11px 12px}
  .quote-title-row,.catalog-panel>.panel-heading,.documents-panel>.panel-heading{padding:11px 12px 9px}
  .quote-panel .quote-meta{padding:0 12px 10px;max-width:none}
  .quote-panel .quote-table{min-width:1050px}
  .lookup-table{min-width:650px}
  .lookup-table-wrap{max-height:300px}
  .quote-footer{padding:9px 12px;flex-wrap:wrap}
  .quote-panel .quote-footer>span{max-width:none}
  .modal{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px)}
  .modal-header{padding:11px 14px}
  .modal-header h2{font-size:20px}
  .modal-body{padding:11px 14px 13px}
  .modal-footer{padding:9px 14px;gap:8px}
  .modal-footer>span,.prices-modal .modal-footer>span,.document-preview-modal .modal-footer>span,#document-save-note{max-width:100%}
  .item-form-grid{gap:8px 10px}
  .mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sheet-controls{grid-template-columns:minmax(0,1fr) 110px}
  .sheet-controls .button{grid-column:1/-1}
  .catalog-search,.documents-search{width:100%}
  .catalog-search input,.documents-search input{width:100%;max-width:100%;min-width:0;flex:1}
}
@media(max-width:460px){
  #item-image-field{grid-column:1/-1}
  .item-image-actions{flex:1}
  .item-form-grid .field small{font-size:12px;line-height:1.3}
  .modal-footer>span{width:100%}
}

/* Confirmed thumbnails open the private image viewer without enlarging table rows. */
.quote-image-open,.item-image-open{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:0;border-radius:4px;background:transparent;cursor:zoom-in;line-height:1}
.quote-image-open{width:44px;height:44px}
.item-image-open{width:64px;height:64px}
.quote-image-open:hover,.item-image-open:hover{box-shadow:0 0 0 2px #9ab9d2}
.product-image-modal{width:860px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}
.product-image-view{display:flex;align-items:center;justify-content:center;min-height:0;padding:12px;background:#f5f8fa}
#product-image-large{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 170px);object-fit:contain}
.product-image-modal .modal-footer>span{max-width:65%;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.image-viewer-fallback-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:rgba(10,32,61,.65)}
.product-image-modal.image-viewer-fallback{position:fixed;top:16px;left:50%;bottom:16px;right:auto;z-index:10002;display:flex;flex-direction:column;transform:translateX(-50%);margin:0;max-height:calc(100vh - 32px);overflow:hidden}
@media(max-width:700px){
  .product-image-modal{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px)}
  .product-image-modal .modal-footer>span{max-width:100%}
  .product-image-modal.image-viewer-fallback{top:10px;bottom:10px;max-height:calc(100vh - 20px)}
  #product-image-large{max-height:calc(100vh - 160px)}
}

/* Wide staff screens keep the complete controls above the first quote rows. */
.quote-panel>.table-wrap{position:relative}
@media(min-width:1100px){
  .topbar{min-height:40px;padding-top:5px;padding-bottom:5px}
  .topbar-access>.button{min-height:32px;padding:5px 10px}
  .main-content{padding-top:10px}
  .page-heading.quote-heading{margin-bottom:9px}
  .page-heading.quote-heading>div:first-child{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}
  .page-heading.quote-heading .eyebrow{margin-bottom:0;white-space:nowrap}
  .summary-card{padding:8px 14px;margin-bottom:9px}
  .summary-main p{line-height:1.25;margin-top:1px}
  .grand-total strong{font-size:28px}
  .work-top-grid.lookup-only{margin-bottom:9px}
  .lookup-panel{display:grid;grid-template-columns:minmax(180px,auto) minmax(0,1fr);column-gap:16px;row-gap:4px;align-items:center;padding:8px 14px}
  .lookup-panel>.panel-heading{grid-column:1;grid-row:1;min-width:0;gap:8px}
  .lookup-panel>.lookup-form{grid-column:2;grid-row:1;margin-top:0;min-width:0}
  .lookup-panel>.lookup-status{grid-column:1/-1;grid-row:2;margin-top:0;line-height:1.3}
  .lookup-panel>.inline-error,.lookup-panel>.lookup-results{grid-column:1/-1;min-width:0}
  .lookup-panel>.lookup-results{margin-top:3px}
  .quote-panel{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start}
  .quote-panel>.quote-title-row{grid-column:1;grid-row:1;min-width:0;padding:8px 14px;align-items:center}
  .quote-panel>.quote-title-row>div{min-width:0}
  .quote-panel .quote-title-row p{line-height:1.3;margin-top:3px;max-width:none}
  .quote-panel>.quote-meta{grid-column:2;grid-row:1;width:100%;max-width:none;align-self:center;padding:8px 14px 8px 0;gap:0}
  .quote-panel .quote-meta .field:not(.quote-reference-field){gap:8px}
  .quote-panel>.table-wrap,.quote-panel>.empty-state,.quote-panel>.quote-footer{grid-column:1/-1;min-width:0}
  .quote-panel .quote-table th{padding-top:5px;padding-bottom:5px}
  .quote-price-heading{gap:1px}
  .cost-header-toggle{min-height:18px}
}

/* Lookup additions share one quantity control; result actions stay on one row. */
.lookup-form #lookup-query{flex:1 1 auto;min-width:0;width:0}
.lookup-quantity-field{display:inline-flex;align-items:center;flex:0 0 auto;gap:5px;margin:0;font-size:12px;line-height:1.3;white-space:nowrap;color:#4c667d}
.lookup-form .lookup-add-quantity{flex:0 0 50px;width:50px;max-width:50px;height:36px;padding:6px 7px;font-size:14px;line-height:1.3}
.lookup-add-cell{width:126px;min-width:112px;text-align:right;white-space:nowrap}
.lookup-add-controls{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-height:36px}
.lookup-table .lookup-add-button{min-height:32px;padding:6px 9px;font-size:13px;line-height:1.3;white-space:nowrap}
.lookup-manual-add{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-top:4px;padding:8px 10px;border:1px solid #dce6ee;border-radius:4px;background:#f6f9fc;font-size:12px;line-height:1.4;color:#526d84;min-width:0}
.lookup-manual-add>span{min-width:0;overflow-wrap:anywhere}
.lookup-manual-add button{flex-shrink:0;min-height:32px;padding:6px 10px;font-size:13px;line-height:1.3}
.lookup-table-wrap{position:relative}
.lookup-table{min-width:800px}
#lookup-samples{font-size:12px;line-height:1.4;margin-top:5px;min-width:0}
@media(min-width:1100px){
  .lookup-panel>.lookup-manual-add,.lookup-panel>#lookup-samples{grid-column:1/-1;min-width:0}
}

/* A row shows one thumbnail; the compact badge opens the same private gallery. */
.quote-image-open{position:relative}
.quote-image-count{position:absolute;right:-3px;bottom:-2px;min-width:19px;padding:1px 3px;border:1px solid #fff;border-radius:3px;background:#294d70;color:#fff;font:600 11px/1.25 Arial,"Microsoft YaHei",sans-serif;white-space:nowrap;pointer-events:none}
.item-image-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}
.item-image-thumbs,.product-image-thumbs{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:3px 2px;white-space:nowrap}
.item-image-thumbs{margin-top:3px}
.item-image-thumbs:empty,.product-image-thumbs:empty{display:none}
.item-image-thumb,.product-image-thumb{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;min-height:0;margin:0;padding:1px;border:1px solid #cbd8e3;border-radius:3px;background:#fff;line-height:1;cursor:pointer}
.item-image-thumb img{display:block;width:28px;height:28px;object-fit:contain}
.item-image-thumb[aria-pressed=true],.item-image-thumb[aria-selected=true],.item-image-thumb[aria-current=true],
.product-image-thumb[aria-pressed=true],.product-image-thumb[aria-selected=true],.product-image-thumb[aria-current=true]{border-color:#294d70;background:#eef4fa;box-shadow:inset 0 0 0 1px #294d70}
.item-image-toolbar .button{min-height:32px;padding:6px 9px;font-size:13px;line-height:1.3}

/* Gallery navigation consumes a fixed small band above the accessible footer. */
.product-image-modal .product-image-view{flex-direction:column;gap:8px}
.product-image-nav{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:10px;min-height:32px;max-width:100%;font-size:13px;line-height:1.3}
.product-image-modal .product-image-nav button{min-width:64px;min-height:30px;padding:5px 10px;font-size:13px;line-height:1.3}
#product-image-counter{min-width:42px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;color:#4c687f}
.product-image-thumbs{align-self:stretch;justify-content:center;flex:0 0 auto;gap:5px}
.product-image-thumb{flex-basis:36px;width:36px;height:36px}
.product-image-thumb img{display:block;width:32px;height:32px;object-fit:contain}
#product-image-large{max-height:calc(100vh - 258px)}
@media(max-width:700px){
  .lookup-quantity-field{gap:4px}
  .lookup-form .lookup-add-quantity{flex-basis:46px;width:46px;max-width:46px;padding-left:6px;padding-right:6px}
  .lookup-table{min-width:760px}
  .lookup-manual-add{gap:7px;padding:8px}
  .product-image-modal .product-image-nav button{min-width:58px;padding-left:8px;padding-right:8px}
  #product-image-large{max-height:calc(100vh - 280px)}
}

/* Explicit whole-quote price-library review, independent from customer files. */
.quote-catalog-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.quote-panel .quote-catalog-actions .button{min-height:34px;padding:7px 11px;font-size:13px;line-height:1.3;white-space:nowrap}
.catalog-save-modal{width:1000px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}
.catalog-save-modal .modal-body{min-height:0;overflow:auto}
.catalog-save-summary{margin:0 0 12px;padding:10px 12px;background:#f1f5f9;border-radius:6px;font-size:14px;line-height:1.6;font-weight:600;color:#29455f}
.catalog-save-table{width:100%;min-width:740px;border-collapse:collapse}
.catalog-save-table th,.catalog-save-table td{padding:9px 10px;text-align:left;vertical-align:top;font-size:13px;line-height:1.5;border-bottom:1px solid #e2e8ef}
.catalog-save-table th{background:#f5f8fb;font-weight:600;color:#4c687f}
.catalog-save-table td:nth-child(2){min-width:145px;overflow-wrap:anywhere;font-weight:600}
.catalog-save-table td:nth-child(4){white-space:nowrap;font-variant-numeric:tabular-nums}
.catalog-save-modal .modal-footer>span{max-width:350px;font-size:12px;line-height:1.5}
.catalog-save-modal .modal-footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
@media(max-width:700px){.quote-catalog-actions{gap:6px}.quote-panel .quote-catalog-actions .button{font-size:12px;padding:7px 9px}.catalog-save-modal{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.catalog-save-modal .modal-footer{gap:9px;flex-wrap:wrap}.catalog-save-modal .modal-footer>span{max-width:none}.catalog-save-modal .modal-footer>div{margin-left:auto}}

.quote-panel .quote-weight-note{white-space:nowrap;font-size:11px;line-height:1.2}

#item-form .brand-picker{position:relative;min-width:0}
#item-form .brand-input-row{display:flex;align-items:stretch;min-width:0}
#item-form .brand-input-row input{min-width:0;flex:1;border-top-right-radius:0;border-bottom-right-radius:0}
#item-form .brand-toggle{flex:0 0 32px;width:32px;min-height:36px;border:1px solid var(--line);border-left:0;background:#f5f8fb;color:var(--navy);border-radius:0 4px 4px 0;font-size:18px;padding:0 4px}
#item-form .brand-listbox{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:160px;overflow-y:auto;background:#fff;border:1px solid #b8cbdc;border-radius:4px;box-shadow:0 5px 14px #102a4326;padding:3px}
#item-form .brand-option{display:block;width:100%;min-height:31px;border:0;background:#fff;color:var(--ink);text-align:left;font-size:13px;line-height:1.3;padding:6px 8px;border-radius:2px;overflow-wrap:anywhere}
#item-form .brand-option:hover,#item-form .brand-option[aria-selected=true]{background:#edf4fb;color:#123c64}
#item-form .brand-empty{display:block;font-size:12px;line-height:1.4;padding:7px;color:var(--muted)}

/* Sales precedes photos, with requested internal cost beside the sales value. */
.quote-price-heading{flex-direction:row;align-items:center;justify-content:flex-end;gap:12px}
.quote-price-pair{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.quote-sales-main,.quote-price-pair>.lookup-price-actions{flex:0 0 auto;min-width:100px}
.quote-price-pair>.quote-internal-cost-panel{flex:0 0 auto;margin:0;padding:0 0 0 10px;border-top:0;border-left:1px dashed #d8e3ed;min-width:100px}
.quote-price-pair .quote-internal-cost-label{margin-bottom:1px;font-size:11px;line-height:1.2}
.quote-price-pair .quote-purchase-controls{min-width:0;max-width:224px}
@media(max-width:700px){.quote-price-pair{gap:8px}.quote-price-pair>.quote-internal-cost-panel{padding-left:7px}.quote-price-heading{gap:8px}}

.document-edit-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:8px 12px;border:1px solid #d8c895;border-radius:6px;background:#fff9e8;color:#694b1d;font-size:13px;line-height:1.4}
.document-edit-banner[hidden]{display:none}
.document-edit-banner strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.document-edit-banner>div{display:flex;align-items:center;flex:0 0 auto;gap:14px}
.document-edit-banner .text-button{font-size:12px;font-weight:600}
.document-internal-cost{color:#7a6747}
#item-form .weight-input{display:flex;align-items:stretch;min-width:0}
#item-form .weight-input input{min-width:0;flex:1;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}
#item-form .weight-unit{display:flex;align-items:center;justify-content:center;flex:0 0 34px;padding:0 6px;border:1px solid var(--line);border-left:0;border-radius:0 4px 4px 0;background:#f5f8fb;color:var(--muted);font-size:13px}
@media(max-width:700px){.document-edit-banner{flex-wrap:wrap}.document-edit-banner strong{max-width:100%}.document-edit-banner>div{margin-left:auto}}

.import-report-details{margin-top:10px;border-top:1px solid #d5e4d9;padding-top:8px}
.import-report-details>summary{cursor:pointer;font-weight:600}
.import-report-issues{max-height:190px;overflow-y:auto;padding-top:6px;overflow-wrap:anywhere}
.import-report-issues p+p{margin-top:5px}

/* Compact quote columns: text gets spare width; controls keep their real size. */
.quote-panel #quote-table{table-layout:fixed;width:100%;min-width:980px}
.quote-panel #quote-table th,.quote-panel #quote-table td{padding:6px 5px;vertical-align:middle}
.quote-panel #quote-table th.index-col,.quote-panel #quote-table td:first-child{width:38px;padding-left:10px;padding-right:3px}
.quote-panel #quote-table .quote-part-col{width:230px;width:clamp(205px,20vw,285px)}
.quote-panel #quote-table .quote-name-col{width:auto}
.quote-panel #quote-table .quote-image-col,.quote-panel #quote-table .quote-image-cell{width:60px;min-width:0;padding-left:4px;padding-right:4px;text-align:center}
.quote-panel #quote-table .quote-quantity-col,.quote-panel #quote-table .quote-quantity-cell{width:80px;min-width:0;text-align:left}
.quote-panel #quote-table .quote-price-col{width:154px;text-align:right}
.quote-panel #quote-table[data-costs-visible="true"] .quote-price-col{width:260px}
.quote-panel #quote-table .quote-amount-col{width:110px;text-align:right}
.quote-panel #quote-table .quote-status-col,.quote-panel #quote-table .quote-status-cell{width:88px;min-width:0;max-width:none;padding-left:5px;padding-right:5px;text-align:left}
.quote-panel #quote-table .quote-remove-col,.quote-panel #quote-table .quote-remove-cell{width:28px;min-width:0;padding:3px 1px;text-align:center}
.quote-panel #quote-table .quote-remove-cell .remove-row{width:26px;min-width:0;height:32px;min-height:32px;padding:2px;font-size:20px}
.quote-panel #quote-table .quote-part-cell,.quote-panel #quote-table .row-name{min-width:0;max-width:none;overflow-wrap:anywhere;word-break:normal}
.quote-panel #quote-table .row-name>span{display:block;overflow-wrap:anywhere}
.quote-panel #quote-table .table-part-input{display:block;box-sizing:border-box;width:100%;min-width:0;height:auto;min-height:34px;margin:0;padding:6px 4px;font:inherit;font-weight:600;line-height:18px;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all}
.quote-panel #quote-table .quantity-input{box-sizing:border-box;width:68px;min-width:0;height:34px;min-height:34px;padding:5px 6px;font-size:14px}
.quote-panel #quote-table .quote-weight-note{font-size:11px;line-height:14px;margin-top:1px;overflow-wrap:anywhere}
.quote-panel #quote-table .quote-price-heading{justify-content:flex-end;gap:6px}
.quote-panel #quote-table .quote-price-pair{gap:8px;justify-content:flex-end}
.quote-panel #quote-table .quote-sales-main{min-width:0;max-width:100%}
.quote-panel #quote-table .quote-price-pair>.quote-internal-cost-panel{min-width:0;max-width:120px;padding-left:7px}
.quote-panel #quote-table .quote-purchase-controls{min-width:0;max-width:100%;gap:4px;margin-top:3px;flex-wrap:wrap}
.quote-panel #quote-table .quote-purchase-input{width:92px;max-width:100%;height:34px;min-height:34px;padding:5px 6px}
.quote-panel #quote-table .quote-purchase-save,.quote-panel #quote-table .quote-purchase-cancel{min-height:28px;padding:4px 6px;font-size:11px}
.quote-panel #quote-table .quote-purchase-status{max-width:100%;font-size:11px;line-height:1.3;margin-top:2px}
.quote-panel #quote-table .quote-image-controls{min-width:0;gap:0}
.quote-panel #quote-table .quote-image-open,.quote-panel #quote-table .quote-image-thumbnail{width:32px;min-width:32px;height:32px;min-height:32px}
.quote-panel #quote-table .quote-image-edit{width:28px;min-width:28px;height:28px;min-height:28px;font-size:17px}
.quote-panel #quote-table .quote-image-status{max-width:52px;font-size:10px;line-height:1.2;margin-top:2px}
.quote-panel #quote-table .row-status{max-width:78px;padding:3px 5px;font-size:11px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.quote-panel #quote-table .candidate-select{width:78px;max-width:78px;height:28px;font-size:11px;padding:2px}
.quote-panel>.quote-add-row{grid-column:1/-1;border-top:1px solid #e1e7ee;padding:4px 10px}
.quote-add-row>button{display:block;width:100%;min-height:34px;border:1px dashed #c6d5e3;border-radius:4px;background:#f9fbfd;color:#294d70;font:600 13px/1.4 "Microsoft YaHei",sans-serif;padding:5px 8px;text-align:center}
.quote-add-row>button:hover:not(:disabled){background:#eef4fa;border-color:#8caecb}
.quote-add-row>button:disabled{opacity:.5;cursor:wait}

.documents-list-heading{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.document-delete-button{border:0;border-radius:4px;background:transparent;color:#b3342e;padding:5px 7px;font-size:13px;font-weight:600;line-height:1.35}
.document-delete-button:hover{background:#fff0ed;color:#92241f}
.document-restore-button{border:1px solid #cad9e5;border-radius:4px;background:#fff;color:#245e90;padding:5px 9px;font-size:13px;font-weight:600;line-height:1.35}
.document-action-load{border:1px solid #173b62;border-radius:4px;background:#173b62;color:#fff;padding:6px 11px;font-size:13px;font-weight:600;line-height:1.35}
.document-action-load:hover{background:#254e78;color:#fff}

.quote-heading-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.quote-option-label{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;white-space:nowrap;color:#34536f;cursor:pointer}
.quote-option-label input{width:17px;height:17px;margin:0;accent-color:#26734f}
#quote-duplicate-summary{font-size:11px;font-weight:400;color:#647b8f}
.quote-markup-control{display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:360px}
.quote-markup-fields{display:flex;align-items:center;gap:5px}
#quote-markup-percent{width:66px;min-width:0;height:40px;padding:6px;border:1px solid #bccfdd;border-radius:4px;font-size:14px;text-align:right}
#quote-markup-status{flex-basis:100%;font-size:11px;line-height:1.25;color:#647b8f}
#quote-markup-status:empty{display:none}
#save-quote-document,#save-quote-markup{min-height:46px;padding:10px 17px;border:1px solid #208052;border-radius:5px;background:#208052;color:#fff;font-size:16px;font-weight:700}
#save-quote-document:hover:not(:disabled),#save-quote-markup:hover:not(:disabled){background:#17663f;border-color:#17663f}
#save-quote-markup{min-height:40px;padding:7px 12px;font-size:15px}
.quote-panel #quote-table tr.quote-duplicate-tone-0>td{background:#fff5dd}
.quote-panel #quote-table tr.quote-duplicate-tone-1>td{background:#edf5ff}
.quote-panel #quote-table tr.quote-duplicate-tone-2>td{background:#f3efff}
.quote-panel #quote-table tr.quote-duplicate-tone-3>td{background:#eaf8ef}
.quote-panel #quote-table tr.quote-duplicate-tone-4>td{background:#fff0f2}
.quote-panel #quote-table tr.quote-duplicate-tone-5>td{background:#eaf8f8}
.quote-panel #quote-table tr.quote-duplicate-tone-6>td{background:#f5f5df}
.quote-panel #quote-table tr.quote-duplicate-tone-7>td{background:#f4edf5}
.quote-panel #quote-table .quote-base-price{font-size:11px;line-height:1.25;color:#6a7e8f}

/* Keep desktop columns together and use the app dialog for reversible deletion. */
.main-content{max-width:1400px}
.documents-table th:last-child,.documents-table td.document-actions{width:170px;min-width:170px}
.document-title{font-size:inherit;color:inherit;overflow-wrap:anywhere}
.document-delete-modal{width:440px;max-width:calc(100vw - 24px)}
.document-delete-modal .modal-body{font-size:15px;overflow-wrap:anywhere}
.document-delete-note{margin-top:10px;color:#708092;font-size:13px}
#document-delete-confirm{background:#b3342e;border-color:#b3342e;color:white;min-height:40px;font-weight:700}
#document-delete-confirm:hover{background:#92241f;border-color:#92241f}

/* Personal and shared quotation archives use the same compact document list. */
.document-share-button{border:0;border-radius:4px;background:transparent;color:#267251;padding:5px 7px;font-size:13px;font-weight:600;line-height:1.35}
.document-share-button:hover{background:#edf8f1;color:#175c3c}
.document-share-button:disabled,.document-delete-button:disabled{opacity:.45;cursor:default}
.document-shared-by{color:#6a7d90;font-size:12px!important;white-space:nowrap!important}
.document-trash-clear{background:#b3342e;border-color:#b3342e;color:#fff;font-weight:700}
.document-trash-clear:hover{background:#92241f;border-color:#92241f;color:#fff}
.document-clear-warning{font-size:13px;line-height:1.7;color:#a3322c;margin-top:12px}
.documents-list-heading{flex-wrap:wrap}
.documents-list-heading .document-trash-clear{min-height:32px;padding:5px 10px;font-size:13px}
.documents-table th:last-child,.documents-table td.document-actions{width:240px;min-width:200px}
.document-actions .document-action-load,.document-actions .document-share-button,.document-actions .document-delete-button,.document-actions .document-restore-button{display:inline-block;white-space:nowrap;margin:1px 6px 1px 0;padding:5px 4px}
#documents-local-panel[hidden],#documents-drop[hidden],#documents-owner-heading[hidden],#documents-trash-clear[hidden]{display:none!important}


/* Explanations are opt-in; operational states and business values stay visible. */
body:not(.show-explanations) .explanation-text,
body:not(.show-explanations) [data-explanation="true"],
body:not(.show-explanations) .drop-zone p,
body:not(.show-explanations) .catalog-price-cell[data-price-basis="sales"]>.catalog-primary{display:none!important}
.explanation-toggle{min-height:30px;padding:4px 9px;border:1px solid #d9e2ea;border-radius:4px;color:#61778b;font-size:12px}
.explanation-toggle[aria-pressed="true"]{background:#edf3f8;color:#183b61;border-color:#b4c9da}
.topbar-access{gap:8px}
.main-content{padding-top:12px}
.page-heading,.page-heading.quote-heading{margin-bottom:10px;gap:10px}
.summary-card{margin-bottom:10px;padding-top:9px;padding-bottom:9px}
.work-top-grid,.work-top-grid.lookup-only{margin-bottom:10px;gap:10px}
.quote-panel>.quote-title-row{padding-top:8px;padding-bottom:8px}
.drop-zone{padding:12px 14px;min-height:60px;margin-top:10px;margin-bottom:10px}
.drop-zone .drop-symbol{font-size:24px}
.quote-footer{padding-top:8px;padding-bottom:8px;justify-content:flex-end}
body.show-explanations .quote-footer{justify-content:space-between}
.catalog-intro{margin-bottom:10px}
.catalog-source-disclosure,.documents-local-panel{border:1px solid #dce6ef;border-radius:6px;background:#fff;margin:0 0 10px}
.catalog-source-disclosure>summary,.documents-local-panel>summary{cursor:pointer;padding:9px 13px;font-size:13px;font-weight:600;color:#46637d;line-height:1.5}
.catalog-source-disclosure[open]>summary,.documents-local-panel[open]>summary{border-bottom:1px solid #e8edf2}
.catalog-source-disclosure .catalog-sources{border:0;margin:0;padding:10px 13px}
.catalog-source-disclosure .catalog-source-list{gap:8px}
.catalog-source-disclosure .catalog-source-item{padding:9px 11px}
.documents-local-panel{display:block;padding:0}
.documents-local-panel>.archive-settings-body{padding:11px 13px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 16px}
.documents-local-panel>.archive-settings-body>div{flex:1;min-width:220px}
.documents-local-panel>.archive-settings-body>details{flex-basis:100%;border-top:1px solid #e8edf2;padding-top:8px}
.documents-local-panel>.archive-settings-body>details>summary{padding:2px 0;font-size:12px}
.documents-panel{margin-top:10px}
.catalog-panel>.panel-heading,.documents-panel>.panel-heading{padding:10px 13px}
.catalog-table th,.catalog-table td,.documents-table th,.documents-table td{padding:9px 12px}
.document-name small{margin-top:3px}
.modal-header{padding-top:14px;padding-bottom:12px}
.modal-body{padding-top:14px;padding-bottom:14px}
.modal-footer{padding-top:10px;padding-bottom:10px}
body:not(.show-explanations) .modal-header .details-subtitle.explanation-text{margin:0}
@media(max-width:700px){
  .explanation-toggle{padding:4px 6px;font-size:11px}
  .topbar-access{gap:5px}
  .catalog-source-disclosure>summary,.documents-local-panel>summary{padding:9px 11px}
  .documents-local-panel>.archive-settings-body{padding:10px 11px}
  .documents-local-panel>.archive-settings-body>div{min-width:0;flex-basis:100%}
  .catalog-panel>.panel-heading,.documents-panel>.panel-heading{padding:10px 11px}
}


/* Dual inquiry prices: read-only references stay visible when explanations hide. */
.quote-panel #quote-table .quote-price-col{width:180px}
.quote-panel #quote-table[data-costs-visible="true"] .quote-price-col{width:286px}
.quote-panel #quote-table .quote-price-comparison{display:flex;align-items:center;justify-content:flex-end;gap:2px;flex-wrap:wrap;margin-top:2px;font-size:12px;font-weight:400;line-height:16px;color:#53697d}
.quote-panel #quote-table .quote-price-reference{white-space:nowrap;font-size:12px;font-weight:400;line-height:16px}
.quote-panel #quote-table .quote-price-reference.is-selected{color:#236847;font-weight:700}
.quote-panel #quote-table .quote-price-separator{color:#a1afbb;font-size:11px;font-weight:400}
.quote-panel #quote-table .quote-effective-price-note{display:block;margin-top:1px;color:#53697d;font-size:11px;line-height:14px;font-weight:500}
.inquiry-price-policy{display:inline-block;color:#294d70;font-size:13px;font-weight:600;line-height:1.5}