:root{--ink:#172033;--muted:#6e788b;--line:#e0e5ec;--blue:#165dff;--soft:#f4f6f9;--green:#09865d;--orange:#ea580c}*{box-sizing:border-box}html{background:#f3f5f8}body{margin:0;color:var(--ink);font-family:Arial,PingFang SC,sans-serif}button,input,select{font:inherit}.app-shell{min-height:100vh;display:flex;background:#f3f5f8}.sidebar{position:fixed;inset:0 auto 0 0;width:226px;background:#111827;color:#fff;padding:25px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px;padding:0 8px 22px}.brand>span{width:38px;height:38px;display:grid;place-items:center;background:var(--orange);border-radius:11px}.brand small{display:block;font-size:8px;color:#7f8ba0;letter-spacing:1.8px;margin-top:4px}.new-quote-side{border:0;background:var(--orange);color:#fff;border-radius:9px;padding:11px 12px;font-weight:700;margin:0 0 22px;cursor:pointer}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:transparent;color:#a1abbb;text-align:left;padding:12px;border-radius:9px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:12px}.sidebar nav button i{font-style:normal;color:#6e7a90;width:17px;text-align:center}.sidebar nav button em{font-style:normal;margin-left:auto;font-size:9px;background:#29364c;padding:3px 6px;border-radius:8px}.sidebar nav button.active{background:#1f2b40;color:#fff}.sidebar nav button.active i{color:#ff9b69}.side-note{margin-top:auto;padding:14px;background:#192338;border:1px solid #29364d;border-radius:11px;display:grid;gap:7px}.side-note b{font-size:12px}.side-note span{font-size:10px;color:#929cae}.side-note em{font-style:normal;color:#57d2a9;font-size:9px}.workspace{margin-left:226px;width:calc(100% - 226px);min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10}.topbar strong{display:block;font-size:15px}.topbar>div>span{font-size:10px;color:#9199a8}.top-actions{display:flex;align-items:center;gap:9px}.icon-button{border:0;background:#f3f5f8;border-radius:8px;cursor:pointer}.avatar,.icon-button{width:34px;height:34px}.avatar{border-radius:50%;background:#172033;color:#fff;display:grid;place-items:center;font-weight:700}.user{display:grid;font-size:10px}.user span{color:#8993a3}.content{padding:28px 32px 55px;max-width:1540px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.page-heading h1{font-size:28px;margin:5px 0}.page-heading p{margin:0;color:var(--muted);font-size:12px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--orange);font-weight:800}.actions{display:flex;gap:8px;flex-wrap:wrap}.add,.add-field,.ghost,.primary{border-radius:8px;padding:9px 15px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:700;color:var(--ink);font-size:12px}.primary{background:var(--orange);color:#fff;border-color:var(--orange)}button:disabled{opacity:.45;cursor:not-allowed}.card{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:15px;box-shadow:0 2px 10px #17203308}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric{padding:20px;display:grid;gap:8px}.metric span{font-size:11px;color:var(--muted)}.metric strong{font-size:23px}.metric small{font-size:9px;color:#8993a2}.table-card{overflow:hidden}.master-toolbar,.table-tools{display:flex;gap:9px;align-items:center;padding:15px 18px}.master-toolbar{background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:13px}.search{display:flex;align-items:center;gap:8px;border:1px solid #d9dfe8;background:#fff;border-radius:8px;padding:0 10px;min-width:270px}.search input{border:0;outline:0;padding:9px 0;width:100%;font-size:11px}.master-toolbar select,.table-tools select{border:1px solid #d9dfe8;border-radius:8px;padding:9px 12px;background:#fff;font-size:11px}.master-toolbar .search{flex:1}.data-table{font-size:11px;overflow-x:auto}.tr{display:grid;align-items:center;gap:14px;padding:12px 18px;border-top:1px solid #edf0f4;min-width:900px}.tr.th{background:#f7f8fa;color:#778193;font-size:9px;text-transform:uppercase;font-weight:700}.quote-table .tr{grid-template-columns:1fr 1.8fr .8fr 1fr .7fr 2fr}.customer-table .tr{grid-template-columns:1.7fr 1fr 1fr 1.7fr .7fr 1.6fr}.product-table .tr{grid-template-columns:2fr 1.5fr .5fr 1fr .8fr 1.4fr}.price-table .tr{grid-template-columns:1.5fr 1.6fr .9fr .8fr .8fr 1fr 1fr;min-width:1100px}.tr span{min-width:0}.tr b,.tr small{display:block}.tr small{font-size:9px;color:#8d96a5;margin-top:4px}.status{display:inline-block!important;font-style:normal;font-size:9px;padding:5px 8px;border-radius:10px;background:#eef2f7;color:#647084}.status.启用,.status.已保存{background:#e8f7f0;color:#087653}.status.草稿{background:#fff3de;color:#9a5b00}.status.停用,.status.已作废{background:#f3f4f6;color:#9098a5}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.row-actions button{border:0;background:transparent;color:#3168b8;font-size:10px;cursor:pointer;padding:3px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-top:1px solid var(--line);font-size:10px;color:#7e8797}.pagination button{border:1px solid var(--line);background:#fff;padding:5px 9px}.pagination .current{background:#172033;color:#fff}.section-title{padding:16px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.section-title>span{font-size:9px;font-weight:700;color:var(--orange);background:#fff0e8;padding:6px;border-radius:6px}.section-title b,.section-title small{display:block}.section-title small{font-size:8px;color:#98a0ad;margin-top:2px}.section-title .add{margin-left:auto;padding:7px 12px;color:var(--orange)}.form-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:13px;padding:17px 19px}.form-grid label,.settings-card>label,.toolbox>label{font-size:10px;font-weight:700;color:#5f697a;display:grid;gap:6px}.form-grid input,.form-grid select,.settings-card input,.settings-card select,.toolbox input{width:100%;border:1px solid #d9dfe8;border-radius:7px;background:#fff;padding:9px;color:var(--ink);outline:none}.wide{grid-column:span 2}.customer-strip{margin:0 19px 16px;padding:10px 12px;background:#f7f8fa;border-radius:7px;display:flex;gap:25px;font-size:10px;color:#7d8796}.customer-strip b{color:var(--ink);margin-left:5px}.customer-strip button{margin-left:auto;border:0;background:transparent;color:#336bb8;font-size:10px}.line-head,.line-row{display:grid;grid-template-columns:34px 2.2fr 1fr .65fr .8fr 1fr 25px;gap:10px;align-items:center;padding:9px 19px}.line-head{background:#f7f8fa;color:#7b8595;font-size:9px}.quote-line-block{border-bottom:1px solid #e9edf2}.line-row{border:0}.line-row input{width:100%;border:1px solid #d8dee7;border-radius:7px;padding:8px}.line-row>span>small{display:block;color:#8b95a4;font-size:9px;margin-top:3px}.line-row>strong{text-align:right;font-size:11px}.index{font-size:10px;color:#98a1af}.product-cell{display:flex;align-items:center;gap:10px;min-width:0}.product-cell b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-thumb{width:38px;height:38px;object-fit:cover;border-radius:8px;border:1px solid #e0e4e9}.product-thumb.placeholder{display:grid;place-items:center;background:#f0f2f5;color:#758094;font-weight:700;flex:none}.remove{border:0;background:transparent;color:#9da5b1;font-size:18px;cursor:pointer}.pricing-panel{margin:0 19px 13px;border:1px solid #d7e1f1;background:#f7f9fd;border-radius:9px;padding:10px;display:flex;align-items:stretch;gap:10px}.spark{width:32px;height:32px;background:#172033;color:#fff;display:grid;place-items:center;border-radius:8px;flex:none}.price-copy{flex:1;align-self:center}.price-copy b,.price-copy span{display:block}.price-copy b{font-size:10px}.price-copy span{font-size:9px;color:#717d90;margin-top:4px}.price-option{min-width:110px;padding:7px 10px;text-align:left;background:transparent;border:1px solid transparent;border-left-color:#dce3ee;display:grid;gap:3px;cursor:pointer}.price-option small,.price-option span{font-size:8px;color:#7d8796}.price-option b{font-size:11px}.price-option em{font-style:normal;color:var(--orange);background:#ffebe0;margin-left:4px;padding:2px 4px;border-radius:3px}.price-option.recommended{background:#fff;border-color:#f4b997;border-radius:7px}.footer-card{display:flex;justify-content:space-between}.footer-card .form-grid{flex:1;grid-template-columns:1fr 1fr 2fr}.total{min-width:295px;background:#172033;color:#fff;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;border-radius:0 12px 12px 0}.total small,.total span{display:block;font-size:10px;color:#b3bdcc}.total strong{font-size:21px}.total em{font-style:normal;font-size:9px;margin-right:6px;color:#ffab80}.designer-grid{display:grid;grid-template-columns:330px 1fr;gap:20px;align-items:start}.toolbox{padding-bottom:16px}.add-field,.field-list,.toolbox>label{margin:15px 17px}.switch-row{display:flex!important;align-items:center;gap:8px}.switch-row input{width:auto!important}.colors{display:flex;gap:8px}.colors button{width:29px;height:29px;border-radius:8px;border:3px solid white;outline:1px solid #d6dce5;cursor:pointer}.colors button.selected{outline:2px solid var(--orange)}.field-list{display:grid;gap:5px;font-size:11px}.field-list>b{margin-bottom:5px}.field-list label{display:flex;align-items:center;gap:8px;padding:8px;background:#f7f8fa;border-radius:7px}.field-list input{width:auto}.drag{color:#a7afbb}.add-field{width:calc(100% - 34px);color:var(--orange);background:#fff8f4;border-style:dashed}.paper-wrap{background:#e6e9ee;padding:28px;min-height:670px}.paper{--accent:#ea580c;background:#fff;max-width:900px;min-height:620px;margin:auto;padding:42px 48px;box-shadow:0 9px 28px #18243a1d}.paper-top{display:flex;align-items:center;border-bottom:3px solid var(--accent);padding-bottom:14px}.paper-logo{width:38px;height:38px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:8px;font-weight:700}.company{font-weight:700;margin-left:11px}.company small{display:block;color:#7c8593;font-size:8px;margin-top:4px}.paper-top>span{margin-left:auto;color:var(--accent);font-size:9px;letter-spacing:2px}.paper h2{text-align:center;font-size:19px;margin:25px 0}.doc-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.doc-meta>div{display:grid;gap:4px}.doc-bottom small,.doc-meta small{font-size:8px;color:#8a94a3}.doc-meta span{font-size:9px;color:#667080}.paper-table{overflow-x:auto}.paper table{width:100%;border-collapse:collapse;font-size:9px}.paper th{background:var(--accent);color:#fff;padding:9px 6px}.paper td{padding:10px 6px;border:1px solid #dce1e8;text-align:center}.paper td:first-child{text-align:left}.paper td span{display:block;color:#7c8594;margin-top:3px}.paper .product-thumb{margin:auto;width:34px;height:34px}.doc-bottom{margin-top:22px;display:flex;justify-content:space-between;align-items:end}.doc-bottom>div{display:grid;gap:6px}.grand{text-align:right}.grand strong{font-size:18px;color:var(--accent)}.paper footer{margin-top:65px;border-top:1px solid #dfe3ea;padding-top:11px;display:flex;justify-content:space-between;color:#919aa8;font-size:8px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-card{padding-bottom:17px}.settings-card>.full,.settings-card>.pwa-card,.settings-card>label,.settings-card>p{margin:15px 18px}.settings-card>p{font-size:11px;color:#6e788a;line-height:1.6}.full{width:calc(100% - 36px)}.pwa-card{display:flex;align-items:center;gap:10px;background:#f7f8fa;border-radius:8px;padding:11px}.pwa-card>span{width:35px;height:35px;background:var(--orange);color:#fff;display:grid;place-items:center;border-radius:8px;font-weight:700}.pwa-card div{display:grid;font-size:11px}.pwa-card small{color:#8690a0}.pwa-card em{margin-left:auto;font-style:normal;font-size:9px;background:#e6f7ef;color:#087653;padding:4px 7px;border-radius:8px}.modal-backdrop{position:fixed;inset:0;background:#11182799;display:grid;place-items:center;z-index:100;padding:20px}.modal{background:#fff;border-radius:14px;box-shadow:0 25px 70px #0004;width:min(720px,96vw);max-height:92vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.modal-head b,.modal-head span{display:block}.modal-head span{font-size:10px;color:#808a99;margin-top:4px}.modal-head>button{border:0;background:transparent;font-size:21px;cursor:pointer}.wide-search{margin:15px 20px;width:calc(100% - 40px)}.picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 20px 20px}.picker-grid label{position:relative;border:1px solid var(--line);border-radius:9px;padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer}.picker-grid label.selected{border-color:var(--orange);background:#fff8f4}.picker-grid input{position:absolute;right:8px;top:8px}.picker-grid span{display:grid;gap:3px;min-width:0}.picker-grid b{font-size:10px}.picker-grid small{font-size:8px;color:#7c8798}.picker-grid em{font-style:normal;font-size:9px;color:var(--orange)}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:15px 20px;background:#f7f8fa;border-radius:0 0 14px 14px}.modal-actions>span{margin-right:auto;font-size:10px;color:#768091}.import-steps{display:flex;align-items:center;justify-content:center;gap:13px;padding:16px;font-size:9px;color:#9ba3af}.import-steps .active{color:var(--orange);font-weight:700}.import-steps i{font-style:normal}.template-download{margin:0 22px 14px;width:calc(100% - 44px);border:1px solid #dce2ea;background:#fff;border-radius:9px;padding:12px;display:flex;align-items:center;text-align:left;cursor:pointer}.template-download>span{background:#e9f5ee;color:#11784f;padding:9px 7px;border-radius:7px;font-size:9px}.template-download div{display:grid;margin-left:10px}.template-download b{font-size:11px}.template-download small{font-size:9px;color:#8892a2}.template-download em{margin-left:auto;color:#316bb8;font-style:normal;font-size:10px}.upload-zone{margin:0 22px 15px;border:1px dashed #bfc8d5;background:#f8fafc;border-radius:9px;padding:25px;display:grid;text-align:center;gap:6px;cursor:pointer}.upload-zone input{display:none}.upload-zone b{font-size:11px}.upload-zone span{font-size:9px;color:#8791a1}.import-error{margin:0 22px 15px;background:#fff0f0;color:#a33;padding:10px;border-radius:7px;font-size:10px}.import-summary{margin:0 22px 15px;background:#f7f8fa;border-radius:9px;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.import-summary div{display:grid;text-align:center;gap:5px}.import-summary span{font-size:9px;color:#7b8594}.import-summary b{font-size:18px}.import-summary .green{color:var(--green)}.import-summary p{grid-column:1/-1;font-size:9px;color:#7c8695;text-align:center;margin:4px 0 0}.success-mark{width:55px;height:55px;border-radius:50%;background:#e6f7ef;color:#078359;display:grid;place-items:center;font-size:25px;margin:25px auto 10px}.save-modal{text-align:center;width:min(500px,94vw);padding:0 20px 20px}.save-modal h2{margin:5px}.save-modal>p{font-size:10px;color:#747e8e}.save-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.save-options button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:13px;text-align:left;cursor:pointer}.save-options b,.save-options span{display:block}.save-options b{font-size:10px}.save-options span{font-size:8px;color:#7f8999;margin-top:4px;line-height:1.4}.preview-overlay{position:fixed;inset:0;background:#e6e9ee;z-index:110;overflow:auto}.preview-toolbar{height:64px;background:#fff;position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}.preview-toolbar>span{font-size:10px;color:#747f90}.preview-toolbar>div{display:flex;gap:8px}.preview-overlay .paper-wrap{padding:35px}.toast{position:fixed;right:24px;top:88px;background:#172033;color:#fff;padding:12px 17px;border-radius:9px;font-size:11px;z-index:200;box-shadow:0 10px 25px #0003}@media(max-width:1050px){.sidebar{width:76px;padding:22px 10px}.brand{padding:0 9px 20px}.brand>div,.side-note,.sidebar nav button em,.sidebar nav button span{display:none}.new-quote-side{font-size:0}.new-quote-side:first-letter{font-size:20px}.sidebar nav button{justify-content:center}.workspace{margin-left:76px;width:calc(100% - 76px)}.pricing-panel{overflow-x:auto}.price-copy{min-width:180px}.designer-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.line-head,.line-row{min-width:900px}.quote-line-block{overflow-x:auto}.footer-card{display:block}.total{border-radius:0 0 12px 12px}.metric-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:700px){.workspace{margin-left:0;width:100%;padding-bottom:66px}.sidebar{position:fixed;inset:auto 0 0 0;width:100%;height:62px;display:block;padding:7px 8px;background:#111827}.brand,.new-quote-side,.side-note{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.sidebar nav button{display:flex;flex-direction:column;gap:2px;padding:7px 2px;font-size:8px}.sidebar nav button span{display:block;font-size:7px}.sidebar nav button i{font-size:13px}.topbar{height:60px;padding:0 16px}.top-actions .icon-button,.topbar>div:first-child span,.user{display:none}.content{padding:20px 14px 34px}.page-heading{display:block}.page-heading h1{font-size:23px}.page-heading .actions{margin-top:14px}.metric-grid{grid-template-columns:1fr}.master-toolbar,.table-tools{flex-wrap:wrap}.search{min-width:100%;width:100%}.footer-card .form-grid,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.customer-strip{display:grid;gap:8px}.customer-strip button{margin:0;text-align:left}.footer-card{display:block}.total{min-width:0;border-radius:0 0 12px 12px}.picker-grid{grid-template-columns:1fr}.pricing-panel{margin-left:12px;margin-right:12px}.price-copy{min-width:180px}.paper-wrap{padding:10px}.paper{padding:25px 18px;min-height:0}.paper h2{font-size:16px}.doc-meta,.save-options{grid-template-columns:1fr}.preview-toolbar{height:auto;padding:10px;gap:8px;flex-wrap:wrap}.preview-toolbar>span{order:3;width:100%;text-align:center}.preview-overlay .paper-wrap{padding:10px}.modal-actions{flex-wrap:wrap}.import-summary{grid-template-columns:1fr 1fr 1fr}.top-actions{margin-left:auto}}.record-modal{width:min(660px,96vw)}.record-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px}.record-form label{display:grid;gap:7px;color:#596476;font-size:10px;font-weight:700}.record-form label>em{font-style:normal;color:var(--orange);font-size:8px;margin-left:4px;display:inline}.record-form input,.record-form select{width:100%;border:1px solid #d7dde6;border-radius:8px;background:#fff;padding:10px;color:var(--ink);outline:none}.record-form input:focus,.record-form select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ea580c16}.category-create-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.category-create-row .ghost{white-space:nowrap;padding:8px 10px}.record-wide{grid-column:1/-1}.record-image-upload{display:flex;align-items:center;gap:13px;border:1px dashed #c7cfda;background:#f8fafc;border-radius:9px;padding:12px}.record-image-upload>img,.record-image-upload>span{width:62px;height:62px;border-radius:9px;object-fit:cover;background:#edf0f4;display:grid;place-items:center;font-size:8px;color:#8b94a2;flex:none}.record-image-upload>div{display:grid;gap:5px;flex:1}.record-image-upload input{padding:7px;background:#fff}.record-image-upload small{font-size:8px;color:#8a94a3;font-weight:400}.money-input{display:grid;grid-template-columns:85px 1fr}.money-input select{border-radius:8px 0 0 8px;background:#f5f7fa}.money-input input{border-radius:0 8px 8px 0;border-left:0}.form-error{margin:0 22px 14px;background:#fff0f0;color:#a33838;padding:10px 12px;border-radius:8px;font-size:10px}@media(max-width:700px){.record-form{grid-template-columns:1fr;padding:17px}.record-wide{grid-column:auto}.record-image-upload{align-items:flex-start;flex-direction:column}.record-image-upload>div{width:100%}}@media(min-width:1051px){.sidebar{width:270px}.workspace{margin-left:270px;width:calc(100% - 270px)}.sidebar nav button{font-size:11px;line-height:1.3}.brand{font-size:16px}.new-quote-side{font-size:11px}.quote-table .tr{min-width:1120px}.customer-table .tr{min-width:1180px}.product-table .tr{min-width:1250px}.price-table .tr{min-width:1420px}.row-actions button{line-height:1.25}.page-heading{gap:22px}.page-heading .actions{justify-content:flex-end}}@media print{.preview-toolbar,.sidebar,.topbar{display:none!important}.workspace{margin:0;width:100%}.content{padding:0}.preview-overlay{position:static}.paper-wrap{padding:0;background:#fff}.paper{box-shadow:none;max-width:none;min-height:auto}}@media(min-width:1051px){.metric-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:701px) and (max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}}.status-select{width:100%;max-width:145px;border:0;border-radius:14px;padding:6px 9px;font-size:9px;font-weight:700;cursor:pointer;outline:none;background:#eef2f7;color:#647084}.status-select.已保存{background:#e8f7f0;color:#087653}.status-select.草稿{background:#fff3de;color:#9a5b00}.status-select.已作废{background:#f3f4f6;color:#727b89}.quote-detail-modal{width:min(820px,96vw)}.quote-detail-summary{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:18px 22px;background:#f8fafc}.quote-detail-summary>div{display:grid;gap:4px}.detail-note small,.quote-detail-summary small{font-size:9px;color:#7d8797}.quote-detail-summary strong{font-size:22px;color:var(--orange)}.detail-lines{padding:0 22px;max-height:42vh;overflow:auto}.detail-line{display:grid;grid-template-columns:2fr .55fr .8fr 1fr;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f4;font-size:10px}.detail-line>span:not(.product-cell),.detail-line>strong{text-align:right}.detail-head{color:#7c8696;font-size:9px;font-weight:700}.detail-head>span:first-child{text-align:left}.detail-note{display:grid;gap:5px;margin:14px 22px;padding:12px;background:#f7f8fa;border-radius:8px}.more-modal{width:min(560px,94vw)}.more-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:18px}.more-actions button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:13px;text-align:left;cursor:pointer}.more-actions button:hover{border-color:#f1a277;background:#fff9f5}.more-actions b,.more-actions span{display:block}.more-actions b{font-size:10px}.more-actions span{font-size:8px;color:#7e8898;margin-top:5px;line-height:1.45}.more-actions .danger-action{grid-column:1/-1;color:#a53b3b;background:#fff8f8}.more-actions .danger-action:hover{border-color:#dc8c8c;background:#fff3f3}@media(max-width:700px){.quote-detail-summary{align-items:start;flex-direction:column}.detail-line{min-width:620px}.detail-lines{overflow-x:auto}.more-actions{grid-template-columns:1fr}.more-actions .danger-action{grid-column:auto}}.selectable-table input[type=checkbox]{width:15px;height:15px;accent-color:var(--orange);cursor:pointer}.selectable-table .tr.selected-row{background:#fff8f3}.selectable-table.quote-table .tr{grid-template-columns:34px 1fr 1.8fr .8fr 1fr .9fr 2fr}.selectable-table.customer-table .tr{grid-template-columns:34px 1.7fr 1fr 1fr 1.7fr .8fr 1.6fr}.selectable-table.product-table .tr{grid-template-columns:34px 2fr 1.5fr .5fr 1fr .9fr 1.4fr}.selectable-table.price-table .tr{grid-template-columns:34px 1.5fr 1.6fr .9fr .8fr .8fr 1fr 1fr;min-width:1220px}.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 18px;background:#fff8f3;border-top:1px solid #f3d4c2;border-bottom:1px solid #f3d4c2}.bulk-bar>span{font-size:10px;color:#6b7483}.bulk-bar>span b{color:var(--orange);font-size:15px;margin-right:4px}.bulk-bar>div{display:flex;gap:8px;flex-wrap:wrap}.danger-button{border:1px solid #d95d5d;background:#b83939;color:#fff;border-radius:8px;padding:9px 15px;cursor:pointer;font-weight:700;font-size:12px}.danger-button:hover{background:#982d2d}.pricing-filters{flex-wrap:wrap}.pricing-filters .search{flex:1;min-width:260px}.pricing-filters select{max-width:290px}.bulk-price-modal{width:min(570px,94vw)}.bulk-price-form{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;padding:20px 22px}.bulk-price-form label{display:grid;gap:7px;font-size:10px;font-weight:700;color:#5f697a}.bulk-price-form input,.bulk-price-form select{width:100%;border:1px solid #d9dfe8;border-radius:8px;padding:10px;background:#fff}.adjustment-preview{grid-column:1/-1;background:#f7f8fa;border-radius:9px;padding:12px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.adjustment-preview span{color:#586477}.confirm-modal{width:min(490px,94vw);text-align:center;padding-top:22px}.confirm-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#e8f7f0;color:#087653;font-weight:700;font-size:21px}.confirm-icon.danger{background:#ffeded;color:#b83939}.confirm-modal h2{font-size:18px;margin:12px 20px 7px}.confirm-modal>p{font-size:10px;color:#707b8b;line-height:1.6;margin:0 30px 20px}.confirm-modal .modal-actions{text-align:left}@media(max-width:700px){.bulk-bar{align-items:flex-start;flex-direction:column}.bulk-bar>div{width:100%}.bulk-price-form{grid-template-columns:1fr}.adjustment-preview{grid-column:auto;align-items:flex-start;flex-direction:column;gap:6px}.pricing-filters select{max-width:none;width:100%}}.inactive-row{opacity:.58;background:#fafafa}.action-modal{width:min(700px,95vw)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px}.profile-grid>div{display:grid;gap:5px;background:#f7f8fa;border-radius:9px;padding:13px}.product-profile small,.profile-grid small{font-size:9px;color:#7d8797}.profile-grid b{font-size:11px}.wide-profile{grid-column:1/-1}.history-list{padding:8px 22px 18px;max-height:55vh;overflow:auto}.history-list>div{display:flex;align-items:center;justify-content:space-between;padding:13px 3px;border-bottom:1px solid var(--line)}.history-list b,.history-list small{display:block}.history-list b{font-size:11px}.history-list small{font-size:9px;color:#7d8797;margin-top:4px}.history-list strong{font-size:11px}.empty-state{text-align:center!important;color:#8a94a3;padding:35px!important;font-size:10px}.product-profile{display:flex;gap:18px;align-items:center;padding:24px}.product-profile>.product-thumb{width:110px;height:110px}.product-profile h3{margin:4px 0;font-size:18px}.product-profile p{font-size:10px;color:#748091}.product-profile strong{display:block;color:var(--orange);margin:10px 0}.product-profile a{font-size:10px;color:#2868b4}.server-image-note{grid-column:1/-1;display:grid;gap:5px;padding:12px;background:#f7f8fa;border-radius:9px;font-size:10px;overflow-wrap:anywhere}.server-image-note small{color:#778293;line-height:1.45}.field-remove{margin-left:auto;border:0;background:transparent;color:#a43b3b;cursor:pointer;font-size:16px}.field-list label{min-width:0}.field-list label .field-remove{width:auto}.pagination button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:700px){.profile-grid{grid-template-columns:1fr}.wide-profile{grid-column:auto}.product-profile{align-items:flex-start;flex-direction:column}.server-image-note{grid-column:auto}}.sync-warning{color:#ffd27a!important}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#fff4ea,transparent 38%),#f4f6f9}.login-card{width:min(430px,100%);background:#fff;border:1px solid #e7eaf0;border-radius:18px;padding:34px;box-shadow:0 22px 60px rgba(25,31,45,.12)}.login-brand{display:flex;align-items:center;gap:12px}.login-brand>span{width:48px;height:48px;border-radius:14px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800}.login-brand b,.login-brand small{display:block}.login-brand b{font-size:16px}.login-brand small{font-size:8px;color:#8a94a3;letter-spacing:.08em;margin-top:4px}.login-card h1{font-size:25px;margin:32px 0 8px}.login-card>p{font-size:11px;line-height:1.7;color:#6f7988}.login-card form{display:grid;gap:15px;margin-top:24px}.login-card label{display:grid;gap:7px;font-size:10px;font-weight:700}.login-card input{border:1px solid #d9dfe8;border-radius:9px;padding:12px;font-size:14px}.login-card form button{padding:12px}.login-error{padding:10px;border-radius:8px;background:#fff0f0;color:#a93434;font-size:10px}.login-note{display:block;text-align:center;color:#8a94a3;margin-top:22px;font-size:9px}.line-note{display:flex;align-items:center;gap:12px;margin:0 19px 10px;padding:9px 11px;background:#fffaf7;border:1px solid #f2d9ca;border-radius:8px}.line-note span{font-size:9px;font-weight:700;color:#6e7888;white-space:nowrap}.line-note input{width:100%;border:1px solid #d8dee7;border-radius:7px;padding:8px;background:#fff}.template-manager-select{border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#fff;font-size:11px}.preview-template-select{display:flex;align-items:center;gap:8px;font-size:9px;color:#6f7988}.preview-template-select select{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;min-width:230px}.selectable-table.product-table .tr{grid-template-columns:34px 1.8fr 1fr 1.2fr .5fr .9fr .8fr 1.5fr;min-width:1400px}.selectable-table.quote-table .tr{grid-template-columns:34px 1fr 1.6fr .8fr 1fr .9fr 2.5fr}@media(max-width:700px){.line-note{align-items:flex-start;flex-direction:column}.line-note input{min-width:620px}.preview-template-select{width:100%;justify-content:space-between}.preview-template-select select{min-width:0;flex:1}}.line-note>input{flex:1;min-width:0;width:auto}.line-note-actions{display:flex;gap:5px;flex:none}.line-note-actions button{border:1px solid #d8dee7;background:#fff;color:#4f5f74;border-radius:6px;padding:7px 9px;font-size:8px;font-weight:700;white-space:nowrap;cursor:pointer}.line-note-actions button:last-child{border-color:#f1b48f;color:#c94e0b;background:#fff8f4}.picker-existing-count{font-style:normal;font-size:7px;color:#087653;background:#e8f7f0;border-radius:4px;padding:3px 5px;margin-top:2px;width:max-content;max-width:100%}.signout-button{display:flex;align-items:center;gap:6px;border:1px solid #dfe4eb;background:#fff;color:#5f6978;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:700;cursor:pointer}.signout-button:hover{border-color:#e8a37f;background:#fff8f4;color:#a94412}.signout-button span{font-size:14px}.signout-button:disabled{cursor:wait}@media(max-width:700px){.signout-button{width:34px;height:34px;padding:0;display:grid;place-items:center;font-size:0}.signout-button span{font-size:15px}}.row-actions .delete-link{color:#b43a3a}.row-actions .delete-link:hover{text-decoration:underline}.bulk-bar .danger-button{font-size:10px;padding:8px 12px}.add-line-button{display:block;width:calc(100% - 38px);margin:12px 19px 18px;border:1px dashed #e49a70;background:#fff8f3;color:#b94b12;border-radius:9px;padding:11px;font-weight:700;cursor:pointer}.product-picker{overflow:hidden;display:flex;flex-direction:column}.product-picker .modal-actions,.product-picker .modal-head,.product-picker .wide-search{flex:none}.product-picker .picker-grid{overflow-y:auto;max-height:55vh;padding-bottom:18px}.product-picker .modal-actions{position:sticky;bottom:0;z-index:2}.print-template-modal{width:min(580px,94vw)}.template-choice-list{display:grid;gap:8px;padding:18px 20px;max-height:55vh;overflow:auto}.template-choice-list label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px;cursor:pointer}.template-choice-list label.selected{border-color:var(--orange);background:#fff8f3}.template-choice-list div{display:grid;gap:3px}.template-choice-list em,.template-choice-list span{font-size:9px;color:#7c8797}.template-choice-list em{margin-left:auto;font-style:normal}.document-items th,.document-page{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.document-items th{background:var(--accent)!important;color:#fff!important}.inquiry-list-row{grid-template-columns:1fr 2fr 1fr 1fr 1.5fr}.inquiry-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.inquiry-actions .search{flex:1}.inquiry-actions>span{font-size:9px;color:#758091}.inquiry-table-wrap{overflow:auto}.inquiry-table{width:100%;border-collapse:collapse;font-size:10px}.inquiry-table th{background:#172033;color:#fff;padding:10px;white-space:nowrap}.inquiry-table td{border-bottom:1px solid var(--line);padding:8px}.inquiry-table td b,.inquiry-table td small{display:block}.inquiry-table td small{color:#8791a0}.inquiry-table input{min-width:100px;width:100%;border:1px solid #d8dee7;border-radius:7px;padding:8px}.inquiry-note{display:grid;gap:6px;padding:16px 19px;font-size:10px;font-weight:700}.inquiry-note input{border:1px solid #d8dee7;border-radius:7px;padding:9px}.user-list-row{grid-template-columns:1.5fr 1.3fr 1.2fr 1fr 1.5fr}.user-list-row select{border:1px solid var(--line);border-radius:7px;padding:7px;background:#fff}@media(max-width:700px){.sidebar nav{grid-template-columns:repeat(8,1fr)}.inquiry-actions{align-items:stretch;flex-direction:column}.inquiry-actions .search,.inquiry-actions button{width:100%}}.inquiry-search-wrap{position:relative;flex:1;min-width:320px}.inquiry-search-wrap>.search{width:100%;min-width:0}.inquiry-product-dropdown{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:30;background:#fff;border:1px solid #ccd4df;border-radius:11px;box-shadow:0 16px 40px #1720332b;max-height:430px;overflow:auto}.inquiry-product-dropdown>label{display:grid;grid-template-columns:18px 42px 1fr;gap:10px;align-items:center;padding:9px 12px;border-top:1px solid #edf0f4;cursor:pointer}.inquiry-product-dropdown>label:hover{background:#fff8f3}.inquiry-product-dropdown>label input{width:15px;height:15px;accent-color:var(--orange)}.inquiry-product-dropdown .product-thumb{width:38px;height:38px;border-radius:7px;object-fit:contain}.inquiry-product-dropdown b,.inquiry-product-dropdown small{display:block}.inquiry-product-dropdown b{font-size:10px}.inquiry-product-dropdown small{font-size:8px;color:#7c8797;margin-top:3px}.inquiry-product-dropdown>p{padding:24px;text-align:center;color:#7c8797;font-size:10px}.inquiry-dropdown-foot,.inquiry-dropdown-head{position:sticky;background:#fff;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 12px}.inquiry-dropdown-head{top:0;border-bottom:1px solid #edf0f4}.inquiry-dropdown-head button{margin-left:auto;border:0;background:transparent;color:#3168b8;cursor:pointer;font-size:9px}.inquiry-dropdown-foot{bottom:0;border-top:1px solid #edf0f4;justify-content:flex-end}.inquiry-dropdown-foot>span{margin-right:auto;font-size:9px;color:#748091}.inquiry-table td>.product-thumb{width:42px;height:42px;border-radius:7px;object-fit:contain}.stock-document-page{--accent:#ea580c;padding:5.5% 6%;display:flex;flex-direction:column}.stock-document-header{display:flex;justify-content:space-between;align-items:end;border-bottom:4px solid var(--accent);padding-bottom:14px}.stock-document-header>div{display:grid;gap:4px}.stock-document-header>div:last-child{text-align:right}.stock-document-header b{font-size:18px}.stock-document-header strong{font-size:20px;color:var(--accent)}.stock-document-header small,.stock-document-header span{font-size:9px;color:#738092}.stock-document-meta{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:22px 0}.stock-document-meta>div{display:grid;gap:5px}.stock-document-meta>div:last-child{text-align:right}.stock-document-meta small,.stock-document-note small{font-size:8px;color:#7a8696;font-weight:700}.stock-document-meta b{font-size:13px}.stock-document-meta span{font-size:9px;color:#6f7b8b}.stock-print-table{width:100%;border-collapse:collapse;font-size:9px;table-layout:fixed}.stock-print-table th{background:var(--accent)!important;color:#fff!important;padding:8px 5px;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.stock-print-table td{border:1px solid #d9dfe7;padding:8px 5px;text-align:center;vertical-align:middle;overflow-wrap:anywhere}.stock-print-table td:nth-child(2){text-align:left}.stock-document-product-image{margin:auto;display:grid;place-items:center;overflow:hidden}.stock-document-product-image .product-thumb{width:100%;height:100%;margin:auto;border-radius:5px;object-fit:contain}.stock-print-table td b,.stock-print-table td small{display:block}.stock-print-table td small{color:#7b8695;font-size:7px;margin-top:3px}.stock-document-note{margin-top:18px;padding:12px;background:#fff7f2;border-left:4px solid var(--accent)}.stock-document-note p{margin:5px 0 0;font-size:9px}.stock-document-footer{margin-top:auto;padding-top:12px;border-top:1px solid #dce1e8;display:flex;justify-content:space-between;font-size:8px;color:#7a8493}@media(max-width:700px){.inquiry-search-wrap{min-width:0;width:100%}.inquiry-product-dropdown{position:fixed;left:10px;right:10px;top:18%;max-height:65vh}.stock-document-page{padding:5%}.stock-document-meta{gap:10px}}.inquiry-list-row{grid-template-columns:34px 1fr 2fr 1fr 1fr 1.5fr}.mobile-line-field{display:block;min-width:0}.mobile-line-field>small{display:none}.mobile-line-field>input{width:100%}.stock-template-document{display:block;padding:0}.stock-template-document .stock-document-header{position:absolute;padding:5px;box-sizing:border-box}.stock-template-document .stock-document-meta{display:grid;grid-template-columns:1fr;gap:4px;padding:5px;box-sizing:border-box}.stock-template-document .stock-reference-block{text-align:inherit}.stock-template-document .stock-items-block{overflow:visible}.stock-template-document .stock-document-note{margin:0;padding:8px;box-sizing:border-box}.stock-template-document .stock-document-footer{margin:0;padding:8px 5px;box-sizing:border-box}.stock-item-count{display:grid;gap:4px}.stock-item-count small{color:#7a8696;font-size:.68em}.stock-item-count b{color:var(--accent);font-size:1.2em}@media(max-width:700px){body,html{width:100%;max-width:100%;overflow-x:hidden}.app-shell,.content,.workspace{width:100%!important;max-width:100vw!important;min-width:0!important}.workspace{margin-left:0!important}.content{overflow:hidden}.topbar{width:100%;max-width:100vw}.page-heading .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.page-heading .actions .primary:last-child{grid-column:1/-1}.page-heading .actions button{min-height:42px;padding:9px 8px}.line-card{overflow:hidden}.line-card .line-head{display:none}.quote-line-block{overflow:visible!important;padding:13px 12px}.line-row{min-width:0!important;padding:0;display:grid;grid-template-columns:30px minmax(0,1fr) 28px;grid-template-areas:"index product remove" "spec spec spec" "qty price amount";gap:10px;align-items:center}.line-row .index{grid-area:index}.line-row .product-cell{grid-area:product}.line-row .product-cell b{white-space:normal;line-height:1.3}.line-row .line-spec{grid-area:spec;background:#f7f8fa;border-radius:7px;padding:8px;font-size:10px}.line-row .line-qty{grid-area:qty}.line-row .line-price{grid-area:price}.line-row .line-amount{grid-area:amount;text-align:right;align-self:end;padding-bottom:9px;font-size:10px}.line-row>.remove{grid-area:remove}.mobile-line-field>small{display:block;color:#6f7988;font-size:8px;margin-bottom:5px}.line-row .mobile-line-field input{min-width:0;padding:9px}.line-note{margin:10px 0 0;display:grid;gap:6px}.line-note span{white-space:normal}.line-note input{min-width:0!important;width:100%}.pricing-panel{margin:11px 0 0!important;display:grid;grid-template-columns:34px 1fr;overflow:visible!important}.pricing-panel .spark{grid-column:1}.pricing-panel .price-copy{grid-column:2;min-width:0}.pricing-panel .price-option{grid-column:1/-1;width:100%;min-width:0;border:1px solid #dce3ee;border-radius:7px;padding:9px}.add-line-button{width:calc(100% - 24px);margin:10px 12px 16px}.footer-card .form-grid{padding:15px}.sidebar{max-width:100vw;overflow-x:auto;overflow-y:hidden}.sidebar nav{display:grid;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(74px,1fr);min-width:max-content}.sidebar nav button{min-width:74px}.customer-strip{margin-left:12px;margin-right:12px}.form-grid{padding-left:12px;padding-right:12px}.section-title{padding-left:14px;padding-right:14px}}.template-pagination-control{display:flex;align-items:end;gap:14px;padding:14px 16px}.template-pagination-control label{display:grid;gap:5px;min-width:230px;font-size:9px;font-weight:700;color:#687385}.template-pagination-control input,.template-pagination-control select{border:1px solid #d8dee7;border-radius:7px;background:#fff;padding:9px}.template-pagination-control>div{display:grid;gap:4px;padding:8px 12px;background:#eef6ff;border-radius:8px}.template-pagination-control>div b{font-size:10px;color:#245ba8}.template-pagination-control>div span{font-size:8px;color:#6d7a8d}@media(max-width:700px){.template-pagination-control{align-items:stretch;flex-direction:column}.template-pagination-control label{min-width:0}}.customer-combobox{position:relative;z-index:8}.customer-combobox-input{display:flex;align-items:center;border:1px solid #d9dfe8;border-radius:7px;background:#fff;overflow:hidden}.customer-combobox-input>span{padding-left:10px;color:#8a94a3}.customer-combobox-input input{border:0!important;border-radius:0!important;min-width:0;flex:1;padding-left:7px!important}.customer-combobox-input button{align-self:stretch;width:38px;border:0;border-left:1px solid #edf0f4;background:#fff;color:#687487;cursor:pointer}.customer-combobox-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:80;background:#fff;border:1px solid #ccd4df;border-radius:9px;box-shadow:0 15px 38px #17203329;max-height:330px;overflow:auto;padding:5px}.customer-combobox-menu>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:7px;background:#fff;padding:10px;text-align:left;cursor:pointer}.customer-combobox-menu>button.active,.customer-combobox-menu>button:hover{background:#fff5ef}.customer-combobox-menu>button.selected{box-shadow:inset 3px 0 var(--orange)}.customer-combobox-menu b,.customer-combobox-menu small{display:block}.customer-combobox-menu b{font-size:10px}.customer-combobox-menu small{font-size:8px;color:#7a8595;margin-top:4px}.customer-combobox-menu em{font-style:normal;font-size:9px;color:#566275;white-space:nowrap}.customer-combobox-menu p{text-align:center;color:#7e8998;font-size:9px;padding:18px}@media(max-width:700px){.customer-combobox-menu{position:fixed;left:12px;right:12px;top:145px;max-height:55vh}.customer-combobox-menu>button{padding:12px}}.empty-quote-lines{display:grid;gap:5px;padding:28px 20px;text-align:center;background:#fbfcfd;border-bottom:1px solid #e9edf2}.empty-quote-lines b{font-size:11px;color:#4f5b6d}.empty-quote-lines span{font-size:9px;color:#8791a1}.app-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:11px;background:#f3f5f8;color:var(--ink);text-align:center;padding:24px}.app-loading .loading-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:var(--orange);color:#fff;font-size:23px;font-weight:800}.app-loading b{font-size:16px}.app-loading span{max-width:460px;color:var(--muted);font-size:11px;line-height:1.6}.app-loading i{width:150px;height:4px;overflow:hidden;border-radius:3px;background:#e1e5eb;position:relative}.app-loading i:after{content:"";position:absolute;inset:0;width:45%;background:var(--orange);border-radius:3px;animation:loading-slide 1s ease-in-out infinite}.app-loading.load-error .loading-mark{background:#b94725}.app-loading.load-error .primary{margin-top:5px}@keyframes loading-slide{0%{transform:translateX(-110%)}to{transform:translateX(330%)}}.line-row .product-cell>span{display:grid;gap:4px;min-width:0}.line-row .product-cell b{display:block}.line-row .product-cell small{display:block;margin:0;color:#8b95a4;font-size:9px;font-weight:500;line-height:1.2}.template-studio{display:grid;grid-template-columns:235px minmax(480px,1fr) 250px;gap:16px;align-items:start}.template-panel{padding:16px;display:grid;gap:11px;position:sticky;top:86px;max-height:calc(100vh - 110px);overflow:auto}.template-panel h3{font-size:11px;margin:4px 0;color:#283244;border-bottom:1px solid var(--line);padding-bottom:8px}.template-panel label{display:grid;gap:5px;font-size:9px;font-weight:700;color:#687385}.template-panel input,.template-panel select{width:100%;border:1px solid #d8dee7;border-radius:7px;background:#fff;padding:8px;font-size:10px}.template-panel input[type=color]{height:34px;padding:3px}.template-panel input[type=range]{padding:0;border:0}.template-panel .switch-row{display:flex}.module-list{display:grid;gap:5px}.module-list button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px;text-align:left;font-size:9px;cursor:pointer}.module-list button.active{border-color:var(--orange);background:#fff7f2;color:#b74308}.module-list button span{color:#a4acb8}.module-list button em{margin-left:auto;font-style:normal;color:#19a56f}.selected-module-name{font-size:12px;color:var(--orange)}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.transport-preset{border:1px solid #f0ae85;background:#fff6ef;color:#a8440f;border-radius:8px;padding:9px;font-size:9px;font-weight:700;cursor:pointer}.field-list.compact{gap:4px}.field-list.compact label{padding:6px 4px;margin:0}.template-stage{background:#dfe4eb;border-radius:12px;padding:14px;overflow:auto}.stage-note{text-align:center;color:#647084;font-size:9px;margin-bottom:9px}.template-canvas{position:relative;aspect-ratio:210/297;width:min(100%,720px);min-width:460px;margin:auto;background:#fff;box-shadow:0 10px 30px #1d27372c;overflow:hidden;touch-action:none}.template-canvas-block{position:absolute;border:1px dashed transparent;padding:7px;display:grid;gap:3px;cursor:move;user-select:none;box-sizing:border-box;line-height:1.25}.template-canvas-block:hover{border-color:#b9c2cf}.template-canvas-block.selected{border:2px solid var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);z-index:2}.template-canvas-block small{font-size:.68em;color:#778292;display:block}.template-canvas-block strong{color:var(--accent)}.template-canvas-block table{width:100%;border-collapse:collapse;font-size:.72em}.template-canvas-block th{background:var(--accent);color:#fff;padding:5px}.template-canvas-block td{border:1px solid #dce2e9;padding:5px;text-align:center}.block-header{grid-template-columns:auto 1fr auto;align-items:center;border-bottom:3px solid var(--accent)!important}.block-header small{grid-column:1/2}.block-header strong{grid-column:3;grid-row:1/3}.block-signature{display:flex!important;justify-content:space-between}.demo-product-image{width:32px;height:32px;margin:auto;background:#edf1f5;display:grid;place-items:center;font-size:6px;color:#8993a1}.paper-stack{display:grid;gap:28px}.document-page{position:relative;aspect-ratio:210/297;min-height:0;padding:0;overflow:hidden;box-sizing:border-box}.document-block{position:absolute;box-sizing:border-box;padding:5px;line-height:1.35}.document-header{display:flex;align-items:center;gap:9px;border-bottom:3px solid var(--accent)}.document-header .document-title{margin-left:auto;color:var(--accent);font-size:.8em;letter-spacing:.05em}.document-meta{display:grid;gap:4px}.document-block small{display:block;color:#7d8796;font-size:.68em}.document-items{overflow:visible}.document-items table{width:100%;border-collapse:collapse;font-size:.78em}.document-items th{background:var(--accent);color:#fff;padding:7px 4px;line-height:1.25}.document-items td{border:1px solid #d9dfe7;padding:7px 4px;text-align:center;vertical-align:middle}.document-items td:first-child{text-align:left}.document-items td span{display:block;color:#7d8796;font-size:.8em}.document-items tr{break-inside:avoid;page-break-inside:avoid}.document-product-image{margin:auto;display:grid;place-items:center;overflow:hidden}.document-product-image .product-thumb{width:100%;height:100%;object-fit:contain}.document-summary{display:grid;gap:5px}.total-summary strong{color:var(--accent);font-size:1.15em}.document-signature{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #dce1e8}.document-page-number{position:absolute;bottom:2.5%;left:5%;right:5%;text-align:center;color:#858f9d;font-size:8px}.preview-overlay .paper-stack{width:100%}.preview-overlay .document-page{width:min(900px,calc(100vw - 70px));margin-left:auto;margin-right:auto}@media(max-width:1250px){.template-studio{grid-template-columns:210px minmax(450px,1fr)}.template-studio>.template-panel:last-child{grid-column:1/-1;position:static;max-height:none;grid-template-columns:repeat(3,1fr)}.template-studio>.template-panel:last-child .field-list,.template-studio>.template-panel:last-child .selected-module-name,.template-studio>.template-panel:last-child h3{grid-column:1/-1}}@media(max-width:800px){.template-studio{grid-template-columns:1fr}.template-panel{position:static;max-height:none}.template-studio>.template-panel:last-child{grid-column:auto;grid-template-columns:1fr}.template-canvas{min-width:430px}.template-stage{overflow:auto}}@media print{@page{size:A4 portrait;margin:0}body,html{margin:0!important;padding:0!important;background:#fff!important}body>.app-shell,body>div:not(.preview-overlay){display:none!important}.preview-overlay{position:static!important;inset:auto!important;width:100%!important;height:auto!important;background:#fff!important;overflow:visible!important}.preview-toolbar{display:none!important}.paper-stack{display:block!important;padding:0!important;gap:0!important}.document-page{width:210mm!important;height:297mm!important;max-width:none!important;min-height:297mm!important;margin:0!important;box-shadow:none!important;break-after:page;page-break-after:always}.document-page:last-child{break-after:auto;page-break-after:auto}.document-items tr{break-inside:avoid!important;page-break-inside:avoid!important}}.a4-rule-note{display:grid;gap:5px;padding:10px;border:1px solid #cbdcf5;background:#f4f8ff;border-radius:8px;color:#4f6178;font-size:9px;line-height:1.45}.a4-rule-note b{color:#285d9f}.template-live-stage{min-width:0}.template-live-stage .paper-wrap{background:transparent;padding:0;min-height:0}.template-live-stage .paper-stack{gap:18px}.template-live-stage .document-page{width:min(100%,720px);margin-inline:auto}.quote-a4-page{position:relative;display:flex;flex-direction:column;box-sizing:border-box;aspect-ratio:210/297;min-height:0;padding:5% 5.5% 4.5%;overflow:hidden}.quote-customer-grid,.quote-document-header,.quote-first-footer,.quote-first-page-only,.quote-product-section,.quote-summary-grid{position:static!important;box-sizing:border-box;width:100%!important;left:auto!important;top:auto!important}.quote-first-page-only{display:block}.quote-document-header{display:flex;align-items:center;gap:9px;border-bottom:3px solid var(--accent);padding:0 0 12px;margin-bottom:18px;min-height:52px}.quote-document-header .company{margin-left:0;display:grid;gap:3px}.quote-document-header .company:empty{display:none}.quote-document-header .company small{display:block;color:#7c8593;font-size:.62em;margin:0}.quote-document-header .document-title{margin-left:auto;color:var(--accent);font-size:.88em;letter-spacing:.04em}.quote-customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:16px}.quote-meta-card,.quote-summary-card{display:grid;gap:4px;padding:6px;border-radius:4px;line-height:1.35}.quote-meta-card small,.quote-summary-card small{display:block;color:#7d8796;font-size:.68em}.quote-meta-card span{color:#606c7c;font-size:.82em}.quote-summary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.38fr);gap:22px;align-items:end;margin-bottom:18px}.quote-summary-grid .total-summary{text-align:right}.quote-summary-grid .total-summary strong{display:block;color:var(--accent);font-size:1.3em}.quote-product-section{margin-top:0;overflow:visible;line-height:1.35}.quote-continuation-page .quote-product-section{margin-top:0}.quote-product-section table{width:100%;border-collapse:collapse;font-size:.78em;table-layout:fixed}.quote-product-section th{background:var(--accent)!important;color:#fff!important;padding:7px 4px;line-height:1.25;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.quote-product-section td{border:1px solid #d9dfe7;padding:7px 4px;text-align:center;vertical-align:middle;overflow-wrap:anywhere}.quote-product-section td:first-child{text-align:left}.quote-product-section td span{display:block;color:#7d8796;font-size:.8em;margin-top:3px}.quote-product-section tr{break-inside:avoid;page-break-inside:avoid}.quote-first-footer{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:auto;padding:10px 0 12px;border-top:1px solid #dce1e8}.quote-first-footer small{color:#7d8796}.quote-a4-page .document-page-number{bottom:1.6%}.quote-continuation-page{padding-top:4.5%}.quote-continuation-page .quote-product-section{flex:1}@media(max-width:800px){.template-live-stage .document-page{min-width:560px}.template-live-stage{overflow:auto}.quote-customer-grid,.quote-summary-grid{gap:12px}}@media print{.quote-a4-page{width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;padding:14mm 12mm 12mm!important}.quote-continuation-page{padding-top:12mm!important}.quote-product-section th{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.quote-a4-page .document-page-number{bottom:5mm!important}}.stock-flow-page{position:relative;display:flex;flex-direction:column;box-sizing:border-box;aspect-ratio:210/297;min-height:0;padding:5% 5.5% 4.5%;overflow:hidden}.stock-flow-page .stock-document-footer,.stock-flow-page .stock-document-header,.stock-flow-page .stock-first-meta,.stock-flow-page .stock-first-summary,.stock-flow-page .stock-items-block{position:static!important;left:auto!important;top:auto!important;width:100%!important;box-sizing:border-box}.stock-flow-page .stock-document-header{margin-bottom:12px}.stock-first-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:10px}.stock-flow-page .stock-document-meta{display:grid;grid-template-columns:1fr;gap:4px;padding:6px 0;text-align:left}.stock-flow-page .stock-document-meta:last-child{text-align:right}.stock-first-summary{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:20px;align-items:end;margin-bottom:14px}.stock-flow-page .stock-document-note{margin:0;padding:9px}.stock-flow-page .stock-item-count{display:grid;gap:4px;text-align:right}.stock-flow-page .stock-items-block{overflow:visible}.stock-flow-page .stock-document-footer{margin-top:auto;padding-bottom:10px}.stock-continuation-page{padding-top:4.5%}.stock-continuation-page .stock-items-block{flex:1}@media print{.stock-flow-page{width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;padding:14mm 12mm 12mm!important}.stock-continuation-page{padding-top:12mm!important}.stock-flow-page .document-page-number{bottom:5mm!important}}.quote-a4-page,.stock-flow-page{padding:2.7% 5.5%}.quote-document-header{min-height:40px;padding-bottom:8px;margin-bottom:10px}.quote-customer-grid{margin-bottom:8px}.quote-meta-card,.quote-summary-card{padding:3px}.quote-summary-grid{margin-bottom:10px}.quote-first-footer{padding:6px 0 7px}.paper .quote-first-footer{margin-top:auto}.quote-a4-page .document-page-number,.stock-flow-page .document-page-number{bottom:1%}.quote-continuation-page,.stock-continuation-page{padding-top:2.7%}.stock-flow-page .stock-document-header{margin-bottom:7px}.stock-first-meta{margin-bottom:5px}.stock-flow-page .stock-document-meta{padding:3px 0}.stock-first-summary{margin-bottom:8px}.stock-flow-page .stock-document-note{padding:5px}.stock-flow-page .stock-document-footer{padding-bottom:6px}@media print{.quote-a4-page,.stock-flow-page{padding:8mm 12mm!important}.quote-continuation-page,.stock-continuation-page{padding-top:8mm!important}.quote-a4-page .document-page-number,.stock-flow-page .document-page-number{bottom:3.5mm!important}}.drag-handle{border:0;background:#eef1f5;color:#677386;border-radius:7px;min-width:28px;height:30px;padding:0 6px;cursor:grab;font-weight:900;letter-spacing:-2px;touch-action:none}.drag-handle:active{cursor:grabbing;background:#ffe9dc;color:var(--orange)}.reorder-row{transition:opacity .15s ease,background .15s ease,box-shadow .15s ease}.reorder-row.is-dragging{opacity:.42;background:#fff4ed!important;box-shadow:inset 3px 0 var(--orange)}.index{display:flex;align-items:center;gap:5px}.index>small{font-size:8px;color:#98a1af}.product-select-sort{display:flex!important;align-items:center;gap:6px}.product-select-sort .drag-handle{min-width:24px;width:24px;height:28px;padding:0 3px}.table-sort-button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:inherit;padding:3px 0;font:inherit;font-weight:inherit;text-transform:inherit;cursor:pointer;text-align:left}.table-sort-button:hover{color:var(--orange)}.table-sort-button:focus-visible{outline:2px solid #f2a47c;outline-offset:3px;border-radius:3px}.inquiry-table .sort-column{width:58px;min-width:58px;text-align:center}.inquiry-table .sort-column small{display:block;margin-top:3px;color:#8c96a5;font-size:8px}@media(max-width:700px){.drag-handle{min-width:34px;height:34px}.inquiry-table .sort-column{position:sticky;left:0;background:#fff;z-index:1}.inquiry-table thead .sort-column{background:#172033}.line-note-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.line-note-actions button{min-height:36px}.line-note-actions button:last-child{grid-column:1/-1}.picker-existing-count{font-size:8px}}.line-card .line-head,.line-card .line-row{grid-template-columns:34px minmax(180px,1.65fr) 138px minmax(105px,.9fr) minmax(82px,.6fr) minmax(100px,.75fr) minmax(105px,.9fr) 25px}.compact-price-suggestion{width:128px;min-height:106px;justify-self:center;border:1px solid #d5dfed;background:#f7f9fd;border-radius:10px;padding:7px;display:flex;flex-direction:column;gap:5px;box-shadow:0 2px 7px #1720330b}.compact-price-suggestion.has-price{border-color:#f1b48f;background:#fffaf7}.compact-price-title{font-size:8px;color:#778294;line-height:1.2;text-align:center;white-space:nowrap}.compact-price-options{display:grid;gap:3px;flex:1}.compact-price-options button{min-width:0;border:0;background:#fff;border-radius:5px;padding:3px 5px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;text-align:left;cursor:pointer;color:#536074}.compact-price-options button:disabled{cursor:default;background:#f0f2f5;color:#9ba3af}.compact-price-options button.recommended{background:#fff0e7;color:#c94e0b;box-shadow:inset 0 0 0 1px #f2b48f}.compact-price-options button span{font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-price-options button b{font-size:9px;white-space:nowrap}.custom-column-heading{display:flex;align-items:center;justify-content:center;gap:6px}.custom-column-heading>button{width:18px;height:18px;border:1px solid #ffffff70;border-radius:50%;background:#ffffff18;color:#fff;line-height:14px;padding:0;cursor:pointer;font-size:13px}.custom-column-heading>button:hover{background:#fff;color:#b42318}@media(max-width:700px){.line-card .line-row{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"index product product product product remove" "suggestion suggestion suggestion suggestion suggestion suggestion" "spec spec spec spec spec spec" "qty qty price price amount amount"}.line-row .compact-price-suggestion{grid-area:suggestion;width:100%;min-height:0;justify-self:stretch}.compact-price-title{text-align:left}.compact-price-options{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-price-options button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:38px}.compact-price-options button span{width:100%}}