:root{--primary-orange:#e88a3d;--primary-orange-deep:#d6782d;--primary-orange-soft:#f8e2cf;--background-warm:#fff8f0;--background-warm-strong:#f8efe4;--card-white:#fff;--card-tint:#fffdf9;--text-primary:#333;--text-secondary:#666;--text-muted:#8c7d70;--success-green:#52a675;--success-green-soft:#edf8f1;--warning-yellow:#f3b33d;--warning-yellow-soft:#fff5dd;--error-red:#d95c5c;--error-red-soft:#fff0f0;--info-soft:#f8f1ea;--info-border:#ecdcc8;--border-soft:#e7d8c8;--border-strong:#e1c1a0;--border-success:#bfe0cc;--border-warning:#f0d18d;--border-error:#e9b3b3;--field-user-bg:var(--card-white);--field-auto-bg:#f4f1ec;--field-db-bg:#eef8f1;--field-db-border:#c6e5d1;--shadow-soft:0 6px 18px #6f543a14;--shadow-card:0 10px 28px #6f543a14;--shadow-hero:0 18px 36px #a0724424;--radius-card:12px;--radius-large:18px;--radius-pill:999px;--font-family-base:"Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;--font-size-page-title:24px;--font-size-section-title:18px;--font-size-label:14px;--font-size-data:16px;--font-size-hero-value:32px;--transition-fast:.2s ease;font-family:var(--font-family-base);color:var(--text-primary);background:var(--background-warm);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:var(--background-warm)}body{background:radial-gradient(circle at top right, var(--primary-orange-soft) 0%, transparent 22%), linear-gradient(180deg, var(--background-warm) 0%, var(--background-warm-strong) 100%);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0}#root{max-width:1440px;min-height:100vh;margin:0 auto;padding:28px 24px 36px}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{flex-direction:column;gap:20px;width:100%;display:flex}.hero-card{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 100%);border-radius:24px;padding:24px 28px;box-shadow:0 16px 40px #0f172a2e}.eyebrow{letter-spacing:.2em;text-transform:uppercase;opacity:.9;margin:0 0 8px;font-size:.85rem}.hero-card h1{color:#fff;margin:0 0 10px;font-size:2rem}.subtitle{color:#ffffffeb;max-width:760px;margin:0;line-height:1.6}.nav-tabs{flex-wrap:wrap;gap:10px;display:flex}.nav-tab{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:10px 14px}.nav-tab.active{color:#fff;background:#2563eb;border-color:#2563eb}.content-grid{grid-template-columns:1.6fr .9fr;gap:20px;display:grid}.workflow-column,.workflow-stack,.oem-dashboard{flex-direction:column;gap:20px;display:flex}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;box-shadow:0 10px 30px #0f172a0f}.panel h2,.panel h3{color:#0f172a;margin-top:0}.card{background:#fff}.card-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.card-title-row h2,.card-title-row h3,.card-title-row h4{margin:0}.card-icon{background:#dbeafe;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:inline-flex}.step-caption{letter-spacing:.08em;text-transform:uppercase;color:#2563eb;margin:0 0 6px;font-size:.78rem;font-weight:700}.section-description{color:#64748b;margin:0 0 16px;line-height:1.6}.workflow-overview-card{background:linear-gradient(135deg,#eff6ff 0%,#fff 100%)}.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.workflow-step{color:#475569;background:#ffffffdb;border:1px solid #dbeafe;border-radius:16px;flex-direction:column;gap:6px;padding:14px;display:flex}.step-badge{color:#fff;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-width:44px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.panel-actions{flex-wrap:wrap;gap:10px;display:flex}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.secondary-grid,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}label{color:#334155;flex-direction:column;gap:6px;font-size:.95rem;display:flex}input,select,button,textarea{font:inherit}input,select,textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px}.field-user{background:#fff}.field-db{background:#ecfdf5;border-color:#86efac}.field-auto,.readonly-chip,.meta-block-auto{background:#f1f5f9}textarea{resize:vertical;min-height:90px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #93c5fd}.section-heading{justify-content:space-between;align-items:center;margin:18px 0 10px;display:flex}.secondary-button,.ghost-button{cursor:pointer;border:none;border-radius:999px;transition:transform .2s,opacity .2s}.secondary-button{color:#fff;background:#2563eb;padding:10px 14px}.secondary-button-muted{color:#0f172a;background:#e2e8f0}.secondary-button:hover,.ghost-button:hover{opacity:.95;transform:translateY(-1px)}.small-button{padding:8px 10px}.ghost-button{color:#b91c1c;background:#fee2e2;padding:8px 10px}.formula-list{flex-direction:column;gap:14px;display:flex}.formula-row{background:#fcfdff;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.nutrient-row{border-left:4px solid #2563eb}.material-row{border-left:4px solid #0f766e}.row-toolbar,.row-meta,.form-actions,.inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-toolbar{justify-content:space-between;margin-bottom:10px}.row-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.row-meta{justify-content:flex-start;margin-top:8px}.row-status-banner{border:1px solid #0000;border-radius:12px;margin-top:10px;padding:10px 12px;font-size:.92rem;line-height:1.5}.row-status-normal{color:#166534;background:#ecfdf5;border-color:#bbf7d0}.row-status-warning{color:#a16207;background:#fefce8;border-color:#fde68a}.row-status-risk{color:#c2410c;background:#fff7ed;border-color:#fdba74}.row-status-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.row-status-insufficient{color:#475569;background:#f8fafc;border-color:#cbd5e1}.meta-block{color:#475569;background:#f8fafc;border-radius:10px;min-width:140px;padding:8px 10px}.meta-block strong{color:#0f172a;display:block}.temporary-card,.editor-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:10px;padding:10px}.packaging-subpanel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:16px;padding:16px}.packaging-subpanel h3{margin-bottom:12px}.subpanel-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.settings-accordion{background:#f8fafc;border:1px solid #dbe3ef;border-radius:14px;margin-top:14px}.settings-accordion summary{cursor:pointer;color:#0f172a;align-items:center;gap:10px;padding:14px 16px;font-weight:600;list-style:none;display:flex}.process-badge{white-space:nowrap;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:12px;font-weight:600}.process-dosage-chip{color:#334155;background:#e2e8f0;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.process-badge-normal{color:#15803d;background:#dcfce7}.process-badge-warning{color:#b45309;background:#fef3c7}.process-badge-error{color:#b91c1c;background:#fee2e2}.process-risk-banner{background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;margin-bottom:14px}.process-risk-title{color:#b45309;margin:0;font-weight:700}.process-risk-item+.process-risk-item{border-top:1px dashed #fde68a;margin-top:10px;padding-top:10px}.process-risk-msg{color:#78350f;margin:0 0 4px;font-weight:600}.process-risk-loc{color:#92400e;margin:0 0 4px;font-size:12px}.process-risk-detail{color:#78350f;margin:0 0 6px;padding-left:18px;font-size:13px}.process-risk-detail li+li{margin-top:2px}.process-risk-diff{color:#b91c1c;font-weight:600}.process-risk-solutions{margin-top:4px}.process-risk-solutions p{color:#92400e;margin:0 0 4px;font-weight:600}.process-risk-solutions ul{color:#78350f;margin:0;padding-left:18px}.settings-accordion summary::-webkit-details-marker{display:none}.accordion-content{padding:0 16px 16px}.accordion-group+.accordion-group{margin-top:14px}.accordion-group h4{color:#334155;margin:0 0 10px}.carton-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.carton-logistics-details{margin-top:14px}.carton-logistics-details summary{cursor:pointer;color:#2563eb;margin-bottom:10px;font-weight:600}.carton-logistics-details[open] summary{margin-bottom:14px}.temporary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.table-card{flex-direction:column;gap:8px;display:flex;overflow-x:auto}.table-header,.table-row{grid-template-columns:repeat(8,minmax(110px,1fr));align-items:center;gap:8px;display:grid}.table-header{color:#64748b;padding:0 2px;font-size:.84rem}.table-row{border-top:1px solid #e2e8f0;padding:8px 0}.database-header,.database-row{grid-template-columns:1.3fr 1.2fr .8fr 1fr .8fr .8fr .8fr 1fr}.wide-table{margin-top:12px}.source-row{grid-template-columns:1.6fr 1fr 90px;gap:10px;margin-top:8px;display:grid}.results-panel{flex-direction:column;gap:15px;display:flex}.dashboard-card{gap:12px}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.compact-stat-grid{margin-top:0}.stat-card{border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.stat-card span{color:#64748b;font-size:.9rem}.stat-card strong{color:#0f172a;font-size:1rem}.stat-card-readonly{background:#f8fafc}.summary-hero-block{background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border-radius:18px;padding:18px}.summary-figure{color:#0f172a;font-size:1.8rem;font-weight:700}.summary-subfigure{color:#64748b;margin-top:6px;font-size:1.05rem}.summary-total{color:#334155;margin-top:10px}.status-pill{border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.status-normal{color:#15803d;background:#dcfce7}.status-warning{color:#b45309;background:#fef3c7}.status-risk{color:#c2410c;background:#ffedd5}.status-neutral{color:#475569;background:#e2e8f0}.status-error{color:#b91c1c;background:#fee2e2}.breakdown-row,.breakdown-total,.param-row{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.breakdown-total{border-bottom:none;padding-bottom:0}.result-accordion{margin-top:14px}.status-panel{background:#f8fafc;border:1px solid;border-radius:16px;padding:14px}.status-title{margin-bottom:6px;font-size:1rem;font-weight:700}.status-copy,.status-hint{color:#475569;line-height:1.6}.helper-db{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:10px;padding:8px 10px}.stats-grid{gap:10px;display:grid}.stat-item{color:#334155;background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.stat-item strong{color:#0f172a}.suggestion-card,.validation-card{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%);border:1px solid #bfdbfe;border-radius:16px;padding:14px}.suggestion-card h3,.validation-card h3{margin-bottom:8px}.helper-text{color:#475569;margin-top:8px;font-size:.92rem}.validation-card ul{color:#b45309;margin:0;padding-left:18px}@media (width<=960px){.content-grid{grid-template-columns:1fr}.workflow-steps,.dashboard-stat-grid,.carton-summary-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.form-grid,.secondary-grid,.compact-grid,.row-fields,.temporary-grid,.table-header,.table-row,.database-header,.database-row,.source-row{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start;gap:10px}.workflow-steps,.dashboard-stat-grid,.carton-summary-grid{grid-template-columns:1fr}.card-title-row,.subpanel-title-row,.breakdown-row,.breakdown-total,.param-row{flex-direction:column;align-items:flex-start}}.quotation-section-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.quotation-progress-card,.quotation-actions-card{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%)}.quotation-steps-bar{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.quotation-step-button{color:#0f172a;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:10px;width:100%;padding:14px;display:flex}.quotation-step-index{color:#334155;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.82rem;font-weight:700;display:inline-flex}.quotation-step-copy{flex-direction:column;gap:4px;display:flex}.quotation-step-copy small{color:#64748b;line-height:1.45}.quotation-step-completed{background:#f0fdf4;border-color:#86efac}.quotation-step-completed .quotation-step-index{color:#fff;background:#16a34a}.quotation-step-active{background:#eff6ff}.pi-document{padding:16px}.pi-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pi-page{color:#1e293b;background:#fff;border-radius:4px;max-width:900px;margin:0 auto;padding:40px 48px;font-family:Helvetica Neue,Arial,sans-serif;box-shadow:0 4px 16px #0f172a14}.pi-header{border-bottom:3px solid #1e3a5f;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;display:flex}.pi-title-block h1{color:#1e3a5f;letter-spacing:1px;margin:0;font-size:2rem}.pi-title-block p{color:#1e3a5f;letter-spacing:3px;margin:4px 0 0;font-size:1.1rem;font-weight:700}.pi-meta{text-align:right;color:#334155;font-size:.85rem;line-height:1.7}.pi-meta strong{color:#1e3a5f;margin-right:6px}.pi-parties{gap:40px;margin-bottom:24px;display:flex}.pi-party{border:1px solid #cbd5e1;border-radius:4px;flex:1;min-height:96px;padding:12px 14px}.pi-party h3{letter-spacing:1px;color:#1e3a5f;border-bottom:1px solid #e2e8f0;margin:0 0 8px;padding-bottom:4px;font-size:.8rem}.pi-party p{color:#334155;margin:2px 0;font-size:.85rem;line-height:1.5}.pi-table{border-collapse:collapse;width:100%;margin-bottom:20px}.pi-table th{color:#fff;letter-spacing:.5px;text-align:left;background:#1e3a5f;padding:10px 8px;font-size:.72rem}.pi-table td{color:#1e293b;border:1px solid #cbd5e1;padding:10px 8px;font-size:.85rem}.pi-col-no{width:6%}.pi-col-desc{width:46%}.pi-col-qty{width:11%}.pi-col-unit{width:10%}.pi-col-price{width:13%}.pi-col-amount{width:14%}.pi-spec{color:#64748b;margin-top:2px;font-size:.75rem}.pi-freight-row td{text-align:right;background:#f8fafc;font-weight:600}.pi-total-row td{text-align:right;color:#1e3a5f;background:#eff6ff;font-size:.95rem;font-weight:700}.pi-terms,.pi-bank{border:1px solid #cbd5e1;border-radius:4px;margin-bottom:16px;padding:12px 14px}.pi-terms h3,.pi-bank h3{letter-spacing:1px;color:#1e3a5f;margin:0 0 6px;font-size:.8rem}.pi-terms p,.pi-bank p{color:#334155;margin:2px 0;font-size:.82rem}.pi-signatures{gap:60px;margin-top:40px;display:flex}.pi-signature{border-top:1px solid #1e3a5f;flex:1;padding-top:10px}.pi-sign-title{color:#1e3a5f;margin:0;font-size:.85rem;font-weight:700}.pi-sign-caption{color:#64748b;margin:2px 0 0;font-size:.72rem}.pi-settings{max-width:900px;margin:0 auto 16px}.pi-settings details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px}.pi-settings summary{cursor:pointer;color:#1e3a5f;font-weight:600}.pi-settings-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px;display:grid}.process-status-green{color:#15803d;font-size:.9rem}.capsule-risk-panel{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;margin-top:12px;padding:14px}.capsule-plan-block{margin-top:14px}.capsule-risk-title{color:#b45309;margin:0 0 10px;font-size:.95rem;font-weight:700}.capsule-risk-grid{color:#78350f;grid-template-columns:repeat(2,1fr);gap:8px 16px;font-size:.88rem;display:grid}.capsule-risk-overage{color:#b91c1c}.capsule-plan-title{color:#92400e;margin:14px 0 8px;font-size:.9rem;font-weight:600}.capsule-plan-cards{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.capsule-plan-card{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:12px;font-family:inherit;font-size:.85rem;transition:border-color .15s,box-shadow .15s;display:flex}.capsule-plan-card:hover{border-color:#f59e0b}.capsule-plan-card.selected{background:#fffbeb;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b2e}.capsule-plan-card:disabled{opacity:.6;cursor:not-allowed}.capsule-plan-card-title{color:#92400e;font-weight:700}.capsule-plan-card-row{color:#57534e}.capsule-plan-preview,.capsule-confirm-panel{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-top:12px;padding:12px 14px}.capsule-plan-step{color:#1e40af;margin:0 0 8px;font-size:.85rem;font-weight:600}.capsule-preview-grid{color:#1e3a8a;grid-template-columns:repeat(2,1fr);gap:6px 16px;font-size:.88rem;display:grid}.capsule-confirm-panel .panel-actions{margin-top:12px}@media (width<=720px){.capsule-risk-grid,.capsule-plan-cards,.capsule-preview-grid{grid-template-columns:1fr}}.pi-settings-grid h4{color:#1e3a5f;margin:0 0 6px;font-size:.8rem}.pi-settings-grid label{color:#64748b;flex-direction:column;gap:2px;margin-bottom:6px;font-size:.72rem;display:flex}.pi-settings-grid input,.pi-settings-grid select{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:4px 6px;font-size:.8rem}@media print{body *{visibility:hidden}.pi-page,.pi-page *{visibility:visible}.pi-page{width:210mm;min-height:297mm;box-shadow:none;border-radius:0;padding:18mm 20mm;position:absolute;top:0;left:0}.no-print,.pi-settings{display:none!important}}.quotation-step-active .quotation-step-index{color:#fff;background:#2563eb}.quotation-step-warning{background:#fffbeb;border-color:#fde68a}.quotation-step-warning .quotation-step-index{color:#fff;background:#d97706}.quotation-step-error{background:#fef2f2;border-color:#fca5a5}.quotation-step-error .quotation-step-index{color:#fff;background:#dc2626}.quotation-step-pending{background:#f8fafc;border-color:#cbd5e1}.secondary-button-outline{color:#2563eb;background:#fff;border:1px solid #93c5fd}.compact-helper{margin-top:0}.packaging-summary-note{margin-bottom:0}.readiness-progress-track{background:#e2e8f0;border-radius:999px;width:100%;height:10px;overflow:hidden}.readiness-progress-fill{background:linear-gradient(90deg,#2563eb 0%,#16a34a 100%);border-radius:999px;height:100%}.readiness-checklist,.status-list{flex-direction:column;gap:10px;display:flex}.readiness-item{border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.readiness-item-complete{color:#166534;background:#f0fdf4}.readiness-item-pending{color:#475569;background:#f8fafc}.readiness-pending-list{color:#64748b;flex-direction:column;gap:6px;margin-top:8px;display:flex}.status-item-button{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.status-item-button span{font-weight:600}.status-item-normal{background:#f0fdf4;border-color:#bbf7d0}.status-item-warning{background:#fffbeb;border-color:#fde68a}.status-item-risk{background:#fff7ed;border-color:#fdba74}.status-item-error{background:#fef2f2;border-color:#fecaca}.status-item-insufficient{background:#f8fafc;border-color:#cbd5e1}@media (width<=960px){.quotation-steps-bar{grid-template-columns:1fr 1fr}}@media (width<=720px){.quotation-steps-bar{grid-template-columns:1fr}.readiness-item,.status-item-button{flex-direction:column;align-items:flex-start}}.customer-summary-line{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;font-size:.85rem;display:flex}.customer-summary-label{color:#334155;font-weight:700}.customer-summary-item{color:#0f172a;font-weight:600}.customer-summary-sep{color:#cbd5e1}.product-confirm-columns{grid-template-columns:1fr 1fr;gap:14px;margin-top:12px;display:grid}.product-confirm-col{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.product-confirm-col-title{letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-bottom:10px;font-size:.8rem;font-weight:700}.product-confirm-fields{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.product-confirm-fields label{flex-direction:column;gap:4px;min-width:0;display:flex}.product-confirm-fields label span{color:#64748b;font-size:.72rem}.product-confirm-fields .field-auto{box-sizing:border-box;width:100%}.current-formula-line{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;padding:10px 14px;font-size:.85rem;display:flex}.current-formula-line-sub{background:#fff}.process-params-accordion>summary{color:#334155;align-items:center;gap:8px;font-weight:600;display:flex}.process-params-accordion>summary .process-params-toggle{color:#2563eb;margin-left:auto;font-size:.78rem;font-weight:600}@media (width<=960px){.product-confirm-columns,.product-confirm-fields{grid-template-columns:1fr}}.customer-requirement-actions{justify-content:flex-end}.current-formula-header-row{justify-content:flex-end;margin-bottom:8px;display:flex}.formula-workspace-toolbar{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:12px;display:flex}.product-confirm-headline{color:#64748b;text-align:right;margin-bottom:10px;font-size:.78rem}.product-confirm-fields-slim{grid-template-columns:1fr 1fr}.drawer-overlay{z-index:100;background:#0f172a59;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.drawer-panel{background:#fff;width:480px;max-width:92vw;padding:24px;animation:.2s slideInRight;overflow-y:auto;box-shadow:-8px 0 32px #0f172a26}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.drawer-header h3{margin:0;font-size:1.1rem}.inline-edit-cell{cursor:pointer;border:1px solid #0000;border-radius:4px;min-width:60px;padding:2px 4px;display:inline-block}.inline-edit-cell:hover{background:#f1f5f9;border-color:#cbd5e1}.inline-edit-input{box-sizing:border-box;border:1px solid #1d4ed8;border-radius:4px;width:100%;padding:2px 6px;font-size:.85rem}.material-table{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.material-table-header,.material-table-row{border-bottom:1px solid #f1f5f9;grid-template-columns:80px 1.6fr 1fr .8fr .9fr .7fr 2fr;align-items:center;gap:8px;padding:10px 12px;display:grid}.material-table-header{color:#475569;background:#f8fafc;font-size:.78rem;font-weight:600}.material-table-row:hover{background:#f8fafc}.material-name strong{font-size:.9rem;display:block}.material-name em{color:#64748b;font-size:.75rem;font-style:normal;display:block}.material-actions{flex-wrap:wrap;gap:6px;display:flex}