:root{color:#0f172a;font-synthesis:none;--brand:#ff8900;--brand-dark:#e87900;--brand-soft:#fff4e7;--blue:#2488eb;--blue-soft:#eaf4ff;--green:#159267;--green-soft:#eaf8f2;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--line:#e5e7eb;--line-soft:#eef2f6;--surface:#fff;background:#f4f7fb;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.prototype{background:#f4f7fb;min-height:100vh}.prototype-bar{border-bottom:1px solid var(--line);z-index:40;background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 22px;display:grid;position:relative}.prototype-brand{align-items:center;gap:10px;display:flex}.prototype-brand img{object-fit:contain;width:40px;height:40px}.prototype-brand div{line-height:1.2;display:grid}.prototype-brand strong{font-size:15px}.prototype-brand span{color:var(--text-3);margin-top:4px;font-size:11px}.surface-switch{border:1px solid var(--line);background:#f8fafc;border-radius:8px;gap:3px;padding:4px;display:flex}.surface-switch button{color:#64748b;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;height:34px;padding:0 16px;font-size:13px;font-weight:650;display:flex}.surface-switch button.active{color:#0f172a;background:#fff;box-shadow:0 1px 5px #0f172a14}.prototype-reset{justify-self:end}.icon-button{border:1px solid var(--line);color:#475569;background:#fff;border-radius:7px;flex:none;place-items:center;width:34px;height:34px;display:inline-grid;position:relative}.icon-button:hover{color:#0f172a;background:#f8fafc}.button{color:#334155;background:#fff;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:13px;font-weight:650;display:inline-flex}.button--ghost{border-color:#dfe5ec}.button--ghost:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.button--primary{color:#fff;background:#2488eb;border-color:#1685e3;box-shadow:0 5px 12px #2488eb29}.button--primary:hover{background:#1679d1}.admin-shell{grid-template-columns:226px minmax(0,1fr);height:calc(100vh - 64px);display:grid}.admin-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;min-height:0;padding:10px 13px 16px;display:flex}.admin-logo{align-items:center;gap:10px;height:58px;padding:0 8px;display:flex}.admin-logo img{object-fit:contain;width:40px;height:40px}.admin-logo strong{font-size:17px}.admin-sidebar nav{flex:1;min-height:0;padding-top:10px;overflow:auto}.nav-group-label{color:#a1adbc;padding:8px 12px;font-size:11px;font-weight:700;display:block}.nav-group-label--spaced{margin-top:16px}.admin-sidebar nav button{color:#475569;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;width:100%;height:44px;margin-bottom:5px;padding:0 12px;font-size:13px;display:grid}.admin-sidebar nav button:hover{color:#0f172a;background:#f8fafc}.admin-sidebar nav button.active{color:#075985;background:#e0f2fe;font-weight:700}.sidebar-user{border:1px solid var(--line);background:#f8fafc;border-radius:8px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-height:58px;padding:10px;display:grid}.sidebar-user>div:nth-child(2){min-width:0;display:grid}.sidebar-user strong{font-size:13px}.sidebar-user span{color:#94a3b8;font-size:11px}.sidebar-user svg{color:#94a3b8}.avatar{color:#075985;background:#e0f2fe;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:750;display:grid}.avatar--small{width:24px;height:24px;font-size:10px}.admin-main{flex-direction:column;min-width:0;min-height:0;display:flex}.admin-header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:14px;min-height:78px;padding:13px 24px;display:flex;box-shadow:0 1px 4px #0f172a09}.page-title{min-width:0}.page-title h1{margin:0;font-size:18px;line-height:1.35}.page-title p{color:#64748b;margin:4px 0 0;font-size:12px}.header-actions{gap:9px;margin-left:auto;display:flex}.header-actions .icon-button i{background:#ef4444;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px}.admin-content{flex:1;min-height:0;padding:18px 20px 28px;overflow:auto}.page-stack{gap:14px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:8px;box-shadow:0 5px 16px #0f172a09}.eyebrow{color:#94a3b8;text-transform:uppercase;font-size:10px;font-weight:750}.order-list-panel{overflow:hidden}.order-list-tabs{border-bottom:1px solid var(--line-soft);align-items:end;gap:22px;min-height:54px;padding:0 14px;display:flex}.order-list-tabs button{color:#64748b;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;height:54px;padding:0 2px;font-size:12px;font-weight:650;display:flex}.order-list-tabs button.active{color:#1769b0;border-bottom-color:#2488eb}.order-list-tabs small{color:#8a99aa;background:#f1f5f9;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;display:grid}.order-list-tabs button.active small{color:#1769b0;background:#e7f2ff}.order-list-toolbar{background:#fbfcfe;justify-content:flex-start}.order-list-toolbar .search-input{width:360px}.order-list-toolbar .toolbar-right{margin-left:auto}.order-list-table{width:100%;overflow-x:auto}.order-list-row{border-bottom:1px solid var(--line-soft);color:#526174;grid-template-columns:minmax(230px,1.35fr) minmax(180px,1fr) minmax(190px,1.05fr) 100px 130px 100px 82px 112px;align-items:center;gap:12px;min-width:1220px;min-height:76px;padding:10px 14px;font-size:10px;display:grid}.order-list-row.head{color:#64748b;background:#f8fafc;min-height:42px;font-size:10px;font-weight:750}.order-list-row:not(.head):hover{background:#fbfdff}.order-list-row>span{min-width:0}.order-list-row>span:nth-child(2),.order-list-row>span:nth-child(3),.fulfillment-state,.order-project-cell{gap:5px;display:grid}.order-list-row strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.order-project-cell strong{color:#172234;font-size:11px}.order-list-row small{color:#94a3b8;font-size:8px}.order-open-button{min-height:30px;padding:0 9px;font-size:10px}.table-panel{overflow:hidden}.panel-toolbar{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 14px;display:flex}.segmented{background:#f1f5f9;border-radius:7px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:#64748b;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;min-height:31px;padding:0 11px;font-size:12px;font-weight:650;display:flex}.segmented button.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #0f172a14}.segmented button span{color:#94a3b8;font-size:10px}.toolbar-right{gap:8px;display:flex}.search-input{color:#94a3b8;background:#fff;border:1px solid #dfe5ec;border-radius:7px;align-items:center;gap:8px;width:255px;height:36px;padding:0 11px;display:flex}.search-input input{color:#334155;border:0;outline:0;flex:1;min-width:0;font-size:12px}.data-table{width:100%;overflow-x:auto}.data-row{border-bottom:1px solid var(--line-soft);color:#475569;grid-template-columns:minmax(280px,1.8fr) 150px 130px 100px 100px 80px 72px;align-items:center;gap:12px;min-width:940px;min-height:68px;padding:9px 14px;font-size:12px;display:grid}.data-row:hover:not(.data-head){background:#fbfdff}.data-head{color:#64748b;background:#f8fafc;min-height:42px;font-size:11px;font-weight:700}.material-cell{align-items:center;gap:10px;min-width:0;display:flex}.material-cell>span:last-child{gap:3px;min-width:0;display:grid}.material-cell strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.material-cell small,.cell-sub{color:#94a3b8;font-size:10px;font-style:normal;display:block}.cell-sub{margin-top:5px}.product-thumb{--product-tint:#e2e8f0;background:linear-gradient(145deg, #fff 0%, var(--product-tint) 100%);color:#334155;text-align:left;border:1px solid #0f172a0f;border-radius:7px;flex:none;grid-template-rows:1fr auto;width:42px;height:42px;padding:5px;line-height:1;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff8c}.product-thumb span{font-size:8px;font-weight:800}.product-thumb b{font-size:9px}.type-tag{color:#8a5a0c;white-space:nowrap;background:#fff4d8;border-radius:4px;width:fit-content;padding:3px 6px;font-size:9px;font-style:normal;font-weight:750;display:inline-flex}.type-tag--main{color:#854d0e;background:#ffedd5}.status-tag{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:3px 7px;font-size:10px;font-style:normal;font-weight:700;display:inline-flex}.status-tag--green{color:#087653;background:#e8f7f0}.status-tag--orange{color:#b65c00;background:#fff0dc}.status-tag--blue{color:#1769b0;background:#e7f2ff}.status-tag--gray{color:#64748b;background:#f1f5f9}.status-tag--white{color:#fff;background:#fff3;border:1px solid #ffffff47}.strong-price{color:#0f172a;font-weight:750}.row-actions{gap:5px;display:flex}.row-actions button{border:1px solid var(--line);color:#64748b;background:#fff;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.row-actions button:hover{color:#0f172a;background:#f8fafc}.table-footer{color:#94a3b8;justify-content:space-between;align-items:center;min-height:52px;padding:10px 14px;font-size:11px;display:flex}.table-footer>div{gap:4px;display:flex}.table-footer button{border:1px solid var(--line);color:#64748b;background:#fff;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.table-footer button.active{color:#fff;background:#2488eb;border-color:#2488eb}.rule-formula{color:#334155;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-layout{grid-template-columns:270px minmax(0,1fr);gap:14px;display:grid}.service-rail{align-self:start;overflow:hidden}.rail-title{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;min-height:58px;padding:11px 12px;display:flex}.rail-title>div{align-items:baseline;gap:8px;display:flex}.rail-title strong{font-size:14px}.rail-title span{color:#94a3b8;font-size:10px}.service-row{border:0;border-bottom:1px solid var(--line-soft);color:#475569;text-align:left;background:#fff;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:66px;padding:10px 11px;display:grid}.service-row:hover{background:#f8fafc}.service-row.active{background:#edf7ff;box-shadow:inset 3px 0 #2488eb}.service-row>span:nth-child(2){gap:4px;min-width:0;display:grid}.service-row strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.service-row small{color:#94a3b8;font-size:9px}.service-icon{color:#a85b00;background:#fff1df;border-radius:7px;flex:none;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.group-main{gap:14px;min-width:0;display:grid}.service-summary{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:86px;padding:14px;display:grid}.service-badge{color:#a85b00;background:linear-gradient(145deg,#fff6e8,#ffddb1);border-radius:8px;place-items:center;width:48px;height:48px;font-size:17px;font-weight:800;display:grid}.service-summary h2{margin:3px 0 4px;font-size:15px}.service-summary p{color:#64748b;margin:0;font-size:11px}.group-workspace{grid-template-columns:minmax(0,1fr) 286px;align-items:start;gap:14px;min-width:0;display:grid}.combo-panel,.preview-panel{padding:16px}.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;min-height:40px;display:flex}.section-heading h3{margin:3px 0 0;font-size:14px}.section-heading>button:not(.button){color:#64748b;background:0 0;border:0;align-items:center;gap:2px;font-size:11px;display:flex}.combo-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.combo-tabs button{border:1px solid var(--line);color:#475569;text-align:left;background:#fff;border-radius:7px;min-height:62px;padding:9px 11px;display:grid;position:relative}.combo-tabs button.active{background:#f0f8ff;border-color:#4ca0ea;box-shadow:0 0 0 1px #4ca0ea}.combo-tabs span{color:#1e293b;font-size:12px;font-weight:750}.combo-tabs small{color:#94a3b8;margin-top:3px;font-size:10px}.combo-tabs b{color:#b65c00;background:#fff0dc;border-radius:3px;padding:2px 5px;font-size:8px;position:absolute;top:6px;right:6px}.combo-meta{background:#f8fafc;border-radius:7px;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;padding:12px;display:grid}.combo-meta label{color:#64748b;gap:5px;font-size:10px;display:grid}.combo-meta label.wide{grid-column:1/-1}.combo-meta input{color:#334155;background:#fff;border:1px solid #dfe5ec;border-radius:5px;height:32px;padding:0 9px;font-size:11px}.combo-list-head{justify-content:space-between;align-items:center;margin:16px 0 8px;display:flex}.combo-list-head span{font-size:12px;font-weight:750}.combo-list-head small{color:#94a3b8;font-size:9px}.combo-list{border:1px solid var(--line-soft);border-radius:7px;display:grid;overflow:hidden}.combo-item{border-bottom:1px solid var(--line-soft);grid-template-columns:18px 38px minmax(130px,1fr) 44px minmax(150px,1fr) 32px;align-items:center;gap:8px;min-height:58px;padding:7px 9px;display:grid}.combo-item:last-child{border-bottom:0}.combo-item>svg:first-child{color:#cbd5e1}.combo-item .product-thumb{width:36px;height:36px}.combo-item>div{gap:3px;min-width:0;display:grid}.combo-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.combo-item div span{color:#94a3b8;font-size:9px}.combo-item .rule{color:#64748b;align-items:center;gap:5px;font-size:9px;display:flex}.add-line{color:#4f6680;background:#f8fafc;border:1px dashed #b9c6d4;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;height:38px;margin-top:9px;font-size:11px;font-weight:650;display:flex}.metric-input{color:#64748b;gap:6px;margin-top:14px;font-size:10px;display:grid}.metric-input>div{border:1px solid #cfd8e3;border-radius:6px;align-items:center;height:40px;display:flex;overflow:hidden}.metric-input input{border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 10px;font-size:17px;font-weight:750}.metric-input b{color:#64748b;padding:0 12px;font-size:12px}.formula-box{background:#f2f9ff;border:1px solid #d8e9f8;border-radius:7px;gap:5px;margin-top:12px;padding:11px;display:grid}.formula-box span{color:#4a7ca6;font-size:9px}.formula-box strong{color:#174b75;font-size:10px}.formula-box small{color:#7c9ab3;font-size:9px}.preview-results{margin-top:12px;display:grid}.preview-results>div{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;min-height:44px;display:flex}.preview-results span{gap:2px;font-size:10px;display:grid}.preview-results small{color:#94a3b8;font-size:8px}.preview-results strong{font-size:11px}.preview-total{background:#fff8ed;border-radius:7px;margin-top:12px;padding:12px;display:grid}.preview-total span{color:#8a5a0c;font-size:10px}.preview-total strong{color:#b65c00;margin:4px 0 2px;font-size:21px}.preview-total small{color:#b99461;font-size:8px}.product-editor-page{padding-bottom:70px}.product-editor-head{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:66px;padding:10px 14px;display:grid}.product-editor-head>div{gap:3px;display:grid}.product-editor-head h2{margin:0;font-size:15px}.existing-product-form,.existing-services-panel,.integrated-material-plans{overflow:hidden}.existing-section-title{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:11px 14px;display:flex}.existing-section-title>div{gap:4px}.existing-section-title:not(:has(>div)){gap:4px}.existing-section-title>div{display:grid}.existing-section-title strong{font-size:13px}.existing-section-title span{color:#94a3b8;font-size:9px}.existing-field-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;display:grid}.existing-field-grid label{color:#64748b;gap:6px;font-size:10px;display:grid}.existing-field-grid input,.existing-field-grid select{color:#334155;background:#fff;border:1px solid #dfe5ec;border-radius:6px;width:100%;height:36px;padding:0 10px;font-size:11px}.existing-field-grid input:disabled,.existing-field-grid select:disabled{color:#64748b;opacity:1;background:#f8fafc}.existing-service-table{width:100%;overflow-x:auto}.existing-service-row{border-top:1px solid var(--line-soft);color:#475569;grid-template-columns:minmax(230px,1.6fr) 105px 105px 120px 120px 55px;align-items:center;gap:12px;min-width:900px;min-height:54px;padding:8px 14px;font-size:10px;display:grid}.existing-service-row.head{color:#64748b;background:#f8fafc;border-top:0;min-height:38px;font-size:9px;font-weight:700}.existing-service-row strong{color:#1e293b;font-size:10px}.existing-service-row input{border:1px solid #dfe5ec;border-radius:5px;width:64px;height:30px;padding:0 7px;font-size:10px}.existing-service-row button{color:#dc5d5d;background:0 0;border:0;font-size:9px}.integrated-plan-tabs{border-bottom:1px solid var(--line-soft);background:#fbfcfe;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px;display:grid}.integrated-plan-tabs button{border:1px solid var(--line);color:#475569;text-align:left;background:#fff;border-radius:6px;gap:4px;min-height:58px;padding:9px 11px;display:grid;position:relative}.integrated-plan-tabs button.active{background:#eef7ff;border-color:#2488eb;box-shadow:inset 0 -2px #2488eb}.integrated-plan-tabs span{color:#1e293b;align-items:center;gap:6px;font-size:11px;font-weight:750;display:flex}.integrated-plan-tabs span b{color:#b65c00;background:#fff0dc;border-radius:3px;padding:1px 4px;font-size:7px}.integrated-plan-tabs small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.integrated-material-plans .product-config-workspace{gap:0}.integrated-material-plans .service-category-panel{border-right:1px solid var(--line-soft)}.integrated-material-plans .plan-completeness{background:#fbfcfe;align-self:stretch}.product-editor-actions{z-index:10;border:1px solid var(--line);background:#fffffff5;border-radius:7px;justify-content:flex-end;gap:8px;min-height:58px;padding:9px 14px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 24px #0f172a0f}.product-plan-layout{grid-template-columns:286px minmax(0,1fr);align-items:start;gap:14px;display:grid}.product-rail{overflow:hidden}.product-row{border:0;border-bottom:1px solid var(--line-soft);color:#64748b;text-align:left;background:#fff;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:76px;padding:11px 12px;display:grid}.product-row:hover{background:#f8fafc}.product-row.active{background:#edf7ff;box-shadow:inset 3px 0 #2488eb}.product-row-icon{color:#1769b0;background:#e3f2ff;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.product-row>span:nth-child(2){gap:5px;min-width:0;display:grid}.product-row strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.product-row small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.product-plan-main{gap:14px;min-width:0;display:grid}.product-summary{grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:92px;padding:12px;display:grid}.product-summary img{object-fit:cover;border-radius:7px;width:84px;height:66px}.product-summary h2{margin:4px 0;font-size:15px}.product-summary p{color:#64748b;margin:0;font-size:10px}.product-plan-tabs{grid-template-columns:205px minmax(420px,1fr) auto;align-items:center;gap:15px;min-height:88px;padding:12px 14px;display:grid}.product-plan-tabs>div:first-child{gap:5px;display:grid}.product-plan-tabs>div:first-child strong{font-size:11px}.product-plan-tabs .combo-tabs{margin:0}.product-config-workspace{grid-template-columns:minmax(680px,1fr) 286px;align-items:start;gap:14px;min-width:0;display:grid}.service-category-panel{min-width:0;padding:15px}.relation-note{color:#64748b;align-self:center;font-size:9px}.service-category-list{gap:9px;margin-top:12px;display:grid}.service-category{border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.service-category-head{color:#475569;text-align:left;background:#f8fafc;border:0;grid-template-columns:20px 1fr auto;align-items:center;gap:7px;width:100%;min-height:52px;padding:9px 11px;display:grid}.service-category-head>svg{transition:transform .18s}.service-category-head>svg.collapsed{transform:rotate(-90deg)}.service-category-head>span{gap:3px;display:grid}.service-category-head strong{color:#1e293b;font-size:11px}.service-category-head small{color:#94a3b8;font-size:8px}.service-item-list{display:grid}.service-config-row{border-top:1px solid var(--line-soft);grid-template-columns:34px minmax(170px,1.25fr) minmax(190px,1fr) 105px 92px;align-items:center;gap:10px;min-height:76px;padding:9px 11px;display:grid}.service-config-name{gap:4px;min-width:0;display:grid}.service-config-name strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.service-config-name small{color:#94a3b8;font-size:8px}.service-material-preview{align-items:center;gap:5px;min-width:0;min-height:42px;display:flex}.service-material-preview>span{position:relative}.service-material-preview .product-thumb{width:38px;height:38px}.service-material-preview .type-tag{padding:1px 3px;font-size:7px;position:absolute;bottom:-3px;right:-3px;box-shadow:0 0 0 2px #fff}.service-material-preview>small{color:#a1adbc;font-size:9px}.service-material-preview>b{color:#64748b;background:#f1f5f9;border-radius:6px;place-items:center;width:30px;height:30px;font-size:9px;display:grid}.service-config-status{gap:4px;display:grid}.service-config-status strong{color:#334155;font-size:9px}.service-config-status small{color:#94a3b8;font-size:8px}.service-config-status small.warning{color:#d97706}.service-config-row>.button{padding:0 9px;font-size:9px}.plan-completeness{padding:15px}.plan-completeness>.section-heading{grid-template-columns:1fr;gap:7px;display:grid}.plan-completeness>.section-heading .status-tag{justify-self:start}.completion-ring{border:10px solid #dff1e9;border-top-color:#20a575;border-radius:50%;align-content:center;place-items:center;width:112px;height:112px;margin:15px auto;display:grid}.completion-ring strong{color:#147b59;font-size:20px}.completion-ring span{color:#789083;margin-top:3px;font-size:8px}.plan-stats{border-top:1px solid var(--line-soft);display:grid}.plan-stats>div{border-bottom:1px solid var(--line-soft);color:#64748b;justify-content:space-between;align-items:center;min-height:37px;font-size:9px;display:flex}.plan-stats strong{color:#1e293b;font-size:10px}.order-detail-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:64px;padding:10px 13px;display:grid}.order-detail-heading>div{gap:3px;display:grid}.order-detail-heading h2{margin:0;font-size:15px}.order-context{grid-template-columns:92px minmax(280px,1fr) minmax(380px,520px);align-items:center;gap:14px;min-height:104px;padding:12px;display:grid}.order-context>img{object-fit:cover;border-radius:7px;width:92px;height:76px}.order-context-main{min-width:0}.context-top{align-items:center;gap:8px;display:flex}.context-top>span{color:#94a3b8;font-size:10px}.order-context-main h2{text-overflow:ellipsis;white-space:nowrap;margin:6px 0;font-size:14px;overflow:hidden}.order-context-main p{color:#64748b;align-items:center;gap:5px;margin:0;font-size:10px;display:flex}.order-context-main p span{background:#d7dee7;width:1px;height:10px;margin:0 5px}.order-progress{grid-template-columns:repeat(5,1fr);display:grid;position:relative}.order-progress:before{content:"";background:#dfe5ec;height:1px;position:absolute;top:13px;left:12%;right:12%}.order-progress>div{color:#94a3b8;justify-items:center;gap:5px;font-size:9px;display:grid;position:relative}.order-progress i{background:#fff;border:1px solid #d7dee7;border-radius:50%;place-items:center;width:26px;height:26px;font-style:normal;font-weight:700;display:grid}.order-progress .done i{color:#fff;background:#19996a;border-color:#19996a}.order-progress .done span{color:#277d61}.order-progress .current i{color:#fff;background:#2488eb;border-color:#2488eb;box-shadow:0 0 0 4px #e5f2ff}.order-progress .current span{color:#1769b0;font-weight:700}.order-base-section{padding:14px}.order-worktype-list{border:1px solid var(--line-soft);border-radius:6px;margin-top:10px;display:grid;overflow:hidden}.order-worktype-list>div{border-bottom:1px solid var(--line-soft);grid-template-columns:32px minmax(230px,1fr) 100px 110px;align-items:center;gap:10px;min-height:54px;padding:8px 10px;font-size:9px;display:grid}.order-worktype-list>div:last-child{border-bottom:0}.order-worktype-list>div>span:not(.service-icon){gap:3px;display:grid}.order-worktype-list small{color:#94a3b8;font-size:8px}.order-worktype-list strong{color:#334155;font-size:10px}.order-service-material-section{padding:14px}.service-material-map-head,.service-material-map-row{grid-template-columns:minmax(230px,1.05fr) 90px minmax(420px,2fr);align-items:center;gap:12px;display:grid}.service-material-map-head{color:#64748b;border:1px solid var(--line-soft);background:#f8fafc;border-radius:6px 6px 0 0;min-height:36px;margin-top:10px;padding:0 10px;font-size:9px;font-weight:750}.service-material-map-list{border:1px solid var(--line-soft);border-top:0;border-radius:0 0 6px 6px}.service-material-map-row{border-bottom:1px solid var(--line-soft);color:#64748b;min-height:72px;padding:9px 10px;font-size:9px}.service-material-map-row:last-child{border-bottom:0}.service-material-map-row>span:nth-child(2){gap:4px;display:grid}.service-material-map-row>span:nth-child(2) strong{color:#334155;font-size:10px}.service-material-map-row small{color:#94a3b8;font-size:8px}.mapped-service{align-items:center;gap:9px;min-width:0;display:flex}.mapped-service>i{color:#1769b0;background:#e8f3ff;border-radius:6px;flex:none;place-items:center;width:30px;height:30px;font-size:10px;font-style:normal;font-weight:800;display:grid}.mapped-service>span{gap:4px;min-width:0;display:grid}.mapped-service strong{color:#27364a;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mapped-materials{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.mapped-material{border:1px solid var(--line-soft);background:#fff;border-radius:6px;align-items:center;gap:7px;min-width:150px;padding:5px 7px;display:flex}.mapped-material .product-thumb{width:32px;height:32px}.mapped-material>span{gap:3px;display:grid}.mapped-material strong{color:#334155;font-size:9px}.mapped-material small{align-items:center;gap:4px;display:flex}.mapped-material .type-tag{padding:1px 4px;font-size:7px}.no-material-required{color:#5d8878;align-items:center;gap:5px;display:flex}.quote-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 13px;display:flex}.quote-toolbar--locked{background:#fbfffd;border-color:#cfe4d9}.quote-batch{align-items:center;gap:8px;display:flex}.quote-batch>strong{font-size:13px}.toolbar-actions{gap:7px;display:flex}.quote-layout{grid-template-columns:minmax(650px,1fr) 310px;align-items:start;gap:14px;min-width:0;display:grid}.quote-editor{min-width:0;overflow:hidden}.quote-editor--locked .quote-material-row{background:#fcfdfd}.plan-tabs{border-bottom:1px solid var(--line-soft);background:#fbfcfe;grid-template-columns:repeat(3,minmax(135px,1fr)) 110px;gap:7px;min-height:70px;padding:10px 12px;display:grid}.plan-tabs button{border:1px solid var(--line);color:#475569;text-align:left;background:#fff;border-radius:6px;align-content:center;gap:3px;padding:8px 10px;display:grid}.plan-tabs button.active{background:#eef7ff;border-color:#2488eb;box-shadow:inset 0 -2px #2488eb}.plan-tabs span{color:#1e293b;gap:6px;font-size:11px;font-weight:750;display:flex}.plan-tabs span b{color:#b65c00;background:#fff0dc;border-radius:3px;padding:1px 4px;font-size:8px}.plan-tabs small{color:#94a3b8;font-size:9px}.plan-tabs .new-plan{color:#64748b;text-align:center;border-style:dashed;justify-content:center;align-items:center;gap:5px;display:flex}.quote-editor--locked .plan-tabs{grid-template-columns:repeat(3,minmax(135px,1fr))}.locked-version-note{color:#168460;background:#f1fbf6;border-bottom:1px solid #cfe4d9;align-items:center;gap:8px;min-height:48px;padding:9px 13px;display:flex}.locked-version-note>span{gap:2px;display:grid}.locked-version-note strong{font-size:10px}.locked-version-note small{color:#5d8878;font-size:8px}.quote-service-builder{border-bottom:1px solid var(--line-soft)}.quote-service-builder-head{background:#fbfcfe;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:10px 12px;display:flex}.quote-service-builder-head>div{gap:3px;display:grid}.quote-service-builder-head strong{color:#27364a;font-size:11px}.quote-service-builder-head small{color:#94a3b8;font-size:8px}.quote-service-builder-head>span{color:#1769b0;background:#eaf4ff;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:700}.quote-service-builder-list{display:grid}.quote-service-card{border-top:1px solid var(--line-soft);min-width:980px;transition:opacity .18s,background .18s}.quote-service-card.excluded{opacity:.5;background:#f8fafc}.quote-service-card-head{grid-template-columns:34px minmax(260px,1fr) 112px 94px;align-items:center;gap:10px;min-height:62px;padding:9px 12px;display:grid}.quote-service-card-head>.button{min-height:30px;padding:0 8px;font-size:8px}.service-check{width:22px;height:22px;position:relative}.service-check input{opacity:0;width:22px;height:22px;margin:0;position:absolute}.service-check span{background:#fff;border:1px solid #cad4df;border-radius:4px;place-items:center;width:18px;height:18px;display:grid}.service-check input:checked+span{background:#2488eb;border-color:#2488eb;box-shadow:inset 0 0 0 3px #2488eb}.service-check input:checked+span:after{content:"✓";color:#fff;font-size:11px;font-weight:800}.builder-service-name{align-items:center;gap:8px;min-width:0;display:flex}.builder-service-name>i{color:#1769b0;background:#e8f3ff;border-radius:6px;flex:none;place-items:center;width:30px;height:30px;font-size:9px;font-style:normal;font-weight:800;display:grid}.builder-service-name>span{gap:4px;min-width:0;display:grid}.builder-service-name strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.builder-service-name small,.builder-subtotal small{color:#94a3b8;font-size:7px}.builder-subtotal{gap:4px;display:grid}.builder-subtotal strong{color:#27364a;font-size:10px}.service-material-variable-list{background:#fbfdff;border-top:1px solid #e4edf5;overflow-x:auto}.service-material-variable-head,.service-material-variable-row{grid-template-columns:minmax(180px,1fr) 145px 260px 75px 105px;align-items:center;gap:10px;min-width:950px;padding:0 12px 0 56px;display:grid}.service-material-variable-head{color:#7b8da1;background:#f3f7fa;min-height:31px;font-size:8px;font-weight:750}.service-material-variable-row{border-top:1px solid #e9eff4;min-height:70px;padding-top:8px;padding-bottom:8px}.variable-material{align-items:center;gap:8px;min-width:0;display:flex}.variable-material .product-thumb{flex:none;width:36px;height:36px}.variable-material>span{gap:4px;min-width:0;display:grid}.variable-material strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.variable-material small{color:#94a3b8;align-items:center;gap:4px;font-size:7px;display:flex}.material-variable-editor{display:contents}.material-rule-name{color:#2488eb;align-items:center;gap:6px;display:flex}.material-rule-name>span{gap:3px;display:grid}.material-rule-name strong{color:#475569;font-size:8px}.material-rule-name small{color:#94a3b8;font-size:7px}.material-variable-fields{gap:6px;display:flex}.material-variable-fields label{color:#64748b;flex:1;gap:3px;min-width:0;font-size:7px;display:grid}.material-variable-fields label>div{background:#fff;border:1px solid #d9e3ec;border-radius:5px;height:31px;display:flex;overflow:hidden}.material-variable-fields input{color:#334155;border:0;outline:0;width:100%;min-width:0;padding:0 7px;font-size:9px;font-weight:750}.material-variable-fields input:focus{box-shadow:inset 0 0 0 2px #2488eb26}.material-variable-fields b{color:#64748b;background:#f8fafc;border-left:1px solid #e7edf2;justify-content:center;align-items:center;min-width:30px;padding:0 6px;font-size:7px;display:flex}.material-variable-result,.material-variable-amount{gap:4px;display:grid}.material-variable-result strong,.material-variable-amount strong{color:#27364a;font-size:9px}.material-variable-result small,.material-variable-amount small{color:#94a3b8;font-size:7px}.material-variable-amount strong{color:#172033;font-size:10px}.material-variable-amount small{color:#2488eb}.service-material-variable-empty{color:#94a3b8;background:#fbfdff;border-top:1px solid #e9eff4;align-items:center;min-height:44px;padding:0 12px 0 56px;font-size:8px;display:flex}.measurement-bar{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;min-height:58px;padding:9px 12px;display:flex}.measurement-bar>div:first-child{margin-right:2px;display:grid}.measurement-bar>div:first-child strong{font-size:11px}.measurement-bar>span{color:#64748b;background:#f1f5f9;border-radius:5px;padding:6px 8px;font-size:9px}.measurement-bar>button{color:#2488eb;background:0 0;border:0;align-items:center;margin-left:auto;font-size:9px;display:flex}.compact-number{border:1px solid #dfe5ec;border-radius:6px;height:32px;display:flex;overflow:hidden}.compact-number button{color:#64748b;background:#f8fafc;border:0;place-items:center;width:30px;display:grid}.compact-number input{text-align:right;border:0;outline:0;width:52px;font-size:11px;font-weight:750}.compact-number span{align-items:center;padding:0 5px 0 2px;font-size:10px;display:flex}.quote-section-title{justify-content:space-between;align-items:center;padding:13px 14px 9px;display:flex}.quote-section-title h3{margin:0;font-size:13px}.quote-section-title p{color:#94a3b8;margin:3px 0 0;font-size:9px}.quote-material-head,.quote-material-row{grid-template-columns:minmax(220px,1.5fr) 58px minmax(155px,1.1fr) 90px 70px 90px 58px;align-items:center;gap:9px;min-width:920px;padding:8px 12px;display:grid}.quote-material-head{color:#64748b;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:#f8fafc;min-height:36px;font-size:9px;font-weight:700}.quote-material-list{max-height:430px;overflow:auto}.quote-material-row{border-bottom:1px solid var(--line-soft);color:#475569;min-height:64px;font-size:10px}.quote-material-row:hover{background:#fbfdff}.quote-material-row .material-cell strong{font-size:10px}.quote-material-row .material-cell small{align-items:center;gap:4px;font-size:8px;display:flex}.quote-material-row .product-thumb{width:38px;height:38px}.usage-cell{color:#475569;gap:4px;font-size:8px;display:grid}.usage-cell small{color:#2488eb;align-items:center;gap:3px;font-size:8px;display:flex}.usage-cell--warning{color:#b45309}.usage-cell--warning small{color:#d97706}.quote-side{gap:14px;display:grid}.price-summary{padding:15px}.price-lines{margin-top:10px;display:grid}.price-lines>div{border-bottom:1px solid var(--line-soft);color:#64748b;justify-content:space-between;align-items:center;min-height:37px;font-size:10px;display:flex}.price-lines strong{color:#1e293b;font-size:11px}.price-lines .sub{color:#94a3b8;border-bottom:0;min-height:27px;padding-left:12px;font-size:9px}.grand-total{border-top:1px solid #dfe5ec;justify-content:space-between;align-items:center;margin-top:9px;padding:13px 0 9px;display:flex}.grand-total span{color:#334155;font-size:11px;font-weight:750;display:grid}.grand-total small{color:#94a3b8;margin-top:3px;font-size:8px;font-weight:500}.grand-total strong{color:#e87900;font-size:23px}.margin-bar{background:#f8fafc;border-radius:6px;grid-template-columns:1fr auto;gap:6px 10px;padding:10px;font-size:9px;display:grid}.margin-bar>div{background:#e2e8f0;border-radius:5px;grid-column:1/-1;height:5px;overflow:hidden}.margin-bar i{border-radius:inherit;background:#1fa878;height:100%;display:block}.margin-bar strong{color:#168460}.fulfillment-section{padding:14px}.fulfillment-empty{color:#64748b;background:#f8fafc;border:1px dashed #cfd8e3;border-radius:6px;align-items:center;gap:11px;min-height:78px;margin-top:10px;padding:14px;display:flex}.fulfillment-empty>div{gap:5px;min-width:0;display:grid}.fulfillment-empty strong{color:#334155;font-size:11px}.fulfillment-empty span{font-size:9px;line-height:1.5}.fulfillment-empty--split>.button{white-space:nowrap;margin-left:auto}.split-preview{gap:8px;margin-top:4px;display:flex}.split-preview span{color:#536a80;background:#fff;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;display:inline-flex}.fulfillment-grid{grid-template-columns:minmax(560px,1.25fr) minmax(390px,.75fr);gap:12px;margin-top:10px;display:grid}.fulfillment-card{border:1px solid var(--line);border-radius:6px;padding:12px}.fulfillment-card>div:first-child{border-bottom:1px solid var(--line-soft);grid-template-columns:24px 1fr auto;align-items:center;gap:8px;min-height:40px;display:grid}.fulfillment-card>div:first-child>span{gap:3px;display:grid}.fulfillment-card>div:first-child strong{font-size:11px}.fulfillment-card>div:first-child small{color:#94a3b8;font-size:8px}.fulfillment-card>div:first-child b{color:#334155;font-size:11px}.fulfillment-card p{border-bottom:1px solid var(--line-soft);color:#64748b;justify-content:space-between;align-items:center;gap:10px;min-height:34px;margin:0;font-size:9px;display:flex}.fulfillment-card p:last-child{border-bottom:0}.suborder-head,.service-suborder-row{grid-template-columns:minmax(260px,1fr) 70px 74px 32px;align-items:center;gap:8px;display:grid}.suborder-head{color:#8291a1;background:#f8fafc;min-height:31px;font-size:8px}.suborder-head span{padding-left:6px}.service-suborder-row{border-bottom:1px solid var(--line-soft);color:#64748b;min-height:48px;font-size:9px}.service-suborder-row>span:first-child{gap:3px;padding-left:6px;display:grid}.service-suborder-row strong{color:#334155;font-size:9px}.service-suborder-row small{color:#94a3b8;font-size:8px}.service-suborder-row .icon-button{width:28px;height:28px}.material-order-facts{border-bottom:1px solid var(--line-soft);gap:7px;padding:9px 0;display:grid}.material-order-facts>span{gap:3px;display:grid}.material-order-facts small{color:#94a3b8;font-size:8px}.material-order-facts strong{color:#435269;font-size:9px;line-height:1.45}.backend-material-flow{border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(4,1fr);padding:12px 0;display:grid;position:relative}.backend-material-flow:before{content:"";background:#dce3eb;height:1px;position:absolute;top:22px;left:12%;right:12%}.backend-material-flow span{color:#94a3b8;justify-items:center;gap:5px;display:grid;position:relative}.backend-material-flow i{background:#fff;border:1px solid #d7dee7;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;font-style:normal;display:grid}.backend-material-flow span.active{color:#1769b0}.backend-material-flow span.active i{color:#fff;background:#2488eb;border-color:#2488eb}.backend-material-flow small{font-size:7px}.material-order-actions{justify-content:space-between;align-items:end;gap:8px;min-height:44px;display:flex}.material-order-actions .button{min-height:30px;padding:0 9px;font-size:9px}.prototype--mini{background:#edf1f6;min-height:100vh;overflow:auto}.mini-stage{grid-template-columns:320px 414px;justify-content:center;align-items:center;gap:48px;min-height:calc(100vh - 64px);padding:24px;display:grid}.mini-notes{align-self:center}.mini-notes h2{margin:7px 0 10px;font-size:25px;line-height:1.35}.mini-notes>p{color:#64748b;margin:0;font-size:13px;line-height:1.75}.flow-list{margin-top:24px;display:grid}.flow-list button{color:#64748b;text-align:left;background:0 0;border:0;border-bottom:1px solid #dce3eb;grid-template-columns:32px 1fr;align-items:center;gap:12px;min-height:68px;padding:10px 0;display:grid}.flow-list i{background:#f8fafc;border:1px solid #cbd5e1;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-style:normal;font-weight:750;display:grid}.flow-list span{gap:4px;display:grid}.flow-list strong{color:#334155;font-size:12px}.flow-list small{color:#94a3b8;font-size:10px}.flow-list button.active i{color:#fff;background:#ff8900;border-color:#ff8900;box-shadow:0 0 0 4px #ffe8c9}.flow-list button.active strong{color:#bd6500}.phone-shell{background:#f4f6f9;border:1px solid #d5dce5;border-radius:34px;width:414px;height:min(862px,100vh - 88px);min-height:700px;padding:7px;position:relative;overflow:hidden;box-shadow:0 20px 45px #0f172a21}.phone-status{z-index:5;color:#172033;pointer-events:none;justify-content:space-between;align-items:center;height:30px;padding:0 20px;font-size:11px;font-weight:800;display:flex;position:absolute;top:7px;left:7px;right:7px}.phone-status>div{align-items:end;gap:3px;display:flex}.phone-status i{background:currentColor;width:3px;height:8px;display:block;box-shadow:4px 0,8px 0}.phone-status i:nth-child(2){width:9px;height:7px;box-shadow:none;background:0 0;border:2px solid;border-top-color:#0000;border-radius:0 0 8px 8px}.phone-status b{border:1px solid;border-radius:3px;width:17px;height:9px}.mini-screen{background:#f5f7fb;border:1px solid #e4e9ef;border-radius:27px;width:398px;height:100%;position:relative;overflow:hidden}.mini-page{color:#172033;flex-direction:column;height:100%;padding-top:30px;display:flex}.mini-page button{-webkit-tap-highlight-color:transparent}.mini-header{background:#fff;flex:none}.mini-title-row{grid-template-columns:1fr auto 1fr;align-items:center;height:46px;padding:0 14px;display:grid}.mini-title-row>span{align-items:center;font-size:12px;font-weight:700;display:flex}.mini-title-row>strong{font-size:16px}.mini-title-row>button{background:0 0;border:0;justify-self:end}.mini-search{color:#9aa6b6;background:#f4f7fa;border-radius:13px;align-items:center;gap:8px;height:42px;margin:0 14px 10px;padding:0 12px;font-size:11px;display:flex}.mall-switch{border-bottom:1px solid #edf1f5;grid-template-columns:1fr 1fr;gap:6px;height:40px;padding:0 14px;display:grid}.mall-switch button{color:#8793a4;background:0 0;border:0;font-size:12px;font-weight:700;position:relative}.mall-switch button.active{color:#d97200}.mall-switch button.active:after{content:"";background:#ff8900;border-radius:3px;width:25px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mall-body{flex:1;grid-template-columns:86px 1fr;min-height:0;display:grid;overflow:hidden}.mall-body>aside{background:#f2f5f8;align-content:start;gap:5px;padding:8px 6px;display:grid;overflow:auto}.mall-body>aside button{color:#7a8797;background:0 0;border:0;border-radius:10px;min-height:42px;padding:5px;font-size:10px;font-weight:650}.mall-body>aside button.active{color:#b65c00;background:#fff;box-shadow:0 4px 10px #0f172a0b}.mall-body>main{background:#fff;min-width:0;padding:10px;overflow:auto}.mall-banner{color:#fff;border-radius:13px;height:82px;position:relative;overflow:hidden}.mall-banner:after{content:"";background:linear-gradient(90deg,#1f2937bf,#1f293726);position:absolute;inset:0}.mall-banner img{object-fit:cover;width:100%;height:100%}.mall-banner div{z-index:2;align-content:center;padding:12px;display:grid;position:absolute;inset:0}.mall-banner span{color:#ffd79d;font-size:9px}.mall-banner strong{margin:3px 0;font-size:12px}.mall-banner small{font-size:8px}.mini-section-title{justify-content:space-between;align-items:center;min-height:40px;display:flex}.mini-section-title strong{font-size:12px}.mini-section-title span{color:#94a3b8;font-size:9px}.product-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.product-grid button{text-align:left;background:#fff;border:1px solid #edf1f5;border-radius:10px;min-width:0;padding:9px;display:grid}.product-grid .product-thumb{border-radius:8px;width:100%;height:78px;margin-bottom:8px;padding:10px}.product-grid .product-thumb span{font-size:10px}.product-grid .product-thumb b{font-size:12px}.product-grid>button>strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.product-grid>button>small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.product-grid>button>span{color:#e87900;margin-top:6px;font-size:12px;font-weight:800}.product-grid>button>span small{font-size:8px;font-weight:500}.mini-tabbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-top:1px solid #e8edf2;flex:none;grid-template-columns:repeat(4,1fr);height:61px;padding:6px 8px 5px;display:grid}.mini-tabbar button{color:#8b96a5;background:0 0;border:0;align-content:center;justify-items:center;gap:3px;font-size:8px;display:grid}.mini-tabbar button.active{color:#ee7f00}.compare-page{background:#f5f7fb;padding-top:0}.quote-hero{color:#fff;background:#f58216;flex:none;padding:30px 15px 15px;position:relative;overflow:hidden}.mini-nav{z-index:1;grid-template-columns:34px 1fr 34px;align-items:center;height:40px;display:grid;position:relative}.mini-nav button{color:currentColor;background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid}.mini-nav button:last-child{justify-self:end}.mini-nav strong{justify-self:center;font-size:15px}.quote-hero-status{z-index:1;align-items:center;gap:7px;display:flex;position:relative}.quote-hero-status>span{color:#ffffffbf;font-size:9px}.quote-hero-status>em{color:#ffffffc7;margin-left:auto;font-size:8px;font-style:normal}.hero-price{z-index:1;margin-top:10px;position:relative}.hero-price>span{opacity:.82;font-size:10px}.hero-price>strong{letter-spacing:0;margin-top:2px;font-size:31px;line-height:1.15;display:block}.hero-price>strong small{margin-right:3px;font-size:14px}.hero-price p{opacity:.78;margin:5px 0 0;font-size:9px}.hero-breakdown{z-index:1;border-top:1px solid #fff3;grid-template-columns:repeat(3,1fr);margin-top:13px;padding:10px 0 0;display:grid;position:relative}.hero-breakdown>div{border-right:1px solid #ffffff2e;gap:3px;display:grid}.hero-breakdown>div:not(:first-child){padding-left:10px}.hero-breakdown>div:last-child{border-right:0}.hero-breakdown span{opacity:.72;font-size:8px}.hero-breakdown strong{font-size:10px}.compare-scroll{flex:1;min-height:0;padding:10px 12px 18px;overflow:auto}.mini-project{background:#fff;border:1px solid #e8edf2;border-radius:8px;grid-template-columns:50px 1fr auto;align-items:center;gap:9px;min-height:62px;padding:8px;display:grid}.mini-project img{object-fit:cover;border-radius:8px;width:50px;height:44px}.mini-project>div{gap:4px;min-width:0;display:grid}.mini-project strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mini-project span{color:#94a3b8;font-size:8px}.mini-project svg{color:#94a3b8}.mini-plan-strip{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;display:grid}.mini-plan-strip button{color:#64748b;text-align:left;background:#fff;border:1px solid #e4e9ef;border-radius:8px;align-content:center;min-height:66px;padding:9px;display:grid;position:relative}.mini-plan-strip button.active{background:#fff8ef;border-color:#f58216;box-shadow:inset 0 -2px #f58216}.mini-plan-strip b{color:#fff;background:#ff8900;border-radius:6px 6px 6px 0;padding:2px 5px;font-size:7px;position:absolute;top:-7px;right:4px}.mini-plan-strip strong{color:#263143;font-size:10px}.mini-plan-strip span{margin-top:3px;font-size:8px}.mini-plan-strip small{color:#a0aaba;margin-top:5px;font-size:7px}.selected-plan-copy{background:#fff;border:1px solid #edf1f5;border-radius:8px;justify-content:space-between;align-items:center;min-height:54px;padding:9px 10px;display:flex}.selected-plan-copy>div{gap:4px;min-width:0;display:grid}.selected-plan-copy strong{font-size:11px}.selected-plan-copy span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.selected-plan-copy button{color:#b85f00;background:#fffaf4;border:1px solid #f4c58f;border-radius:6px;align-items:center;gap:4px;height:29px;padding:0 8px;font-size:8px;font-weight:700;display:flex}.detail-tabs{background:#fff;border-bottom:1px solid #e6ebf1;grid-template-columns:1fr 1fr;height:42px;margin-top:10px;display:grid}.detail-tabs button{color:#7d8897;background:0 0;border:0;font-size:11px;font-weight:700;position:relative}.detail-tabs button.active{color:#ee7e00}.detail-tabs button.active:after{content:"";background:#ff8900;border-radius:3px;width:26px;height:3px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.mini-material-groups,.mini-labor-list{background:#fff;border-radius:0 0 8px 8px;overflow:hidden}.material-group-total{justify-content:space-between;align-items:center;min-height:42px;padding:0 10px;font-size:10px;display:flex}.material-group-total>span{gap:2px;display:grid}.material-group-total>span strong{font-size:10px}.material-group-total>span small{color:#94a3b8;font-size:7px}.material-group-total>strong{font-size:12px}.type-totals{background:#fafbfd;border-top:1px solid #f0f3f6;border-bottom:1px solid #f0f3f6;align-items:center;gap:8px;min-height:32px;padding:0 10px;display:flex}.type-totals>span{color:#94a3b8;border-right:1px solid #e5e9ef;padding-right:9px;font-size:8px}.type-totals strong{color:#475569;margin-left:4px}.mini-material-row{border-bottom:1px solid #f0f3f6;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:66px;padding:8px 10px;display:grid}.mini-material-row>div{gap:3px;min-width:0;display:grid}.mini-material-row>div strong{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex;overflow:hidden}.mini-material-row>div span{color:#8490a0;font-size:8px}.mini-material-row>div small{color:#a1acba;font-size:8px}.mini-material-row>div small i{color:#64748b;border-left:1px solid #e5e9ef;margin-left:6px;padding-left:6px;font-style:normal}.mini-material-row>b{color:#263143;font-size:10px}.mini-labor-list>div{border-bottom:1px solid #f0f3f6;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;min-height:60px;padding:8px 10px;display:grid}.mini-labor-list span:nth-child(2){gap:3px;display:grid}.mini-labor-list strong{font-size:9px}.mini-labor-list small{color:#94a3b8;font-size:8px}.mini-labor-list b{font-size:9px}.mini-safe{color:#39765a;background:#f2faf5;border:1px solid #d8ecdf;border-radius:7px;align-items:center;gap:7px;min-height:38px;margin:6px 12px 72px;padding:8px 9px;font-size:8px;line-height:1.45;display:flex}.mini-bottom-actions{z-index:5;background:#fffffff7;border-top:1px solid #e8edf3;grid-template-columns:115px 1fr;gap:8px;height:65px;padding:8px 12px;display:grid;position:absolute;bottom:0;left:0;right:0}.mini-bottom-actions--single{grid-template-columns:1fr}.mini-bottom-actions button{color:#c66a00;background:#fff;border:1px solid #f2a34c;border-radius:8px;font-size:11px;font-weight:750}.mini-bottom-actions button.primary{color:#fff;background:#ff8900;border-color:#ff8900;justify-content:center;align-items:center;gap:6px;display:flex}.orders-page{background:#f5f7fb}.mini-simple-header{background:#fff;border-bottom:1px solid #edf1f5;grid-template-columns:34px 1fr 34px;align-items:center;height:46px;padding:0 12px;display:grid}.mini-simple-header button{background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid}.mini-simple-header button:last-child{justify-self:end}.mini-simple-header strong{justify-self:center;font-size:15px}.order-success{background:#fff;border-bottom:1px solid #edf1f5;align-content:center;justify-items:center;min-height:118px;padding:14px;display:grid}.order-success>div{color:#fff;background:#19a270;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 0 0 5px #e8f8f1}.order-success.pending>div{color:#d87300;background:#fff3e4;box-shadow:0 0 0 5px #fff8ef}.order-success>span{color:#1a8d64;margin-top:9px;font-size:9px;font-weight:700}.order-success.pending>span{color:#bd6500}.order-success>strong{margin-top:3px;font-size:13px}.order-success>small{color:#94a3b8;margin-top:5px;font-size:8px}.project-order-total{background:#fff;border:1px solid #e4e9ef;border-radius:8px;gap:8px;margin:8px 12px 0;padding:11px;display:grid}.project-order-total>span:first-child{justify-content:space-between;align-items:center;display:flex}.project-order-total>span:first-child small{color:#64748b;font-size:9px}.project-order-total>span:first-child strong{color:#172033;font-size:15px}.project-order-total>span:nth-child(2){grid-template-columns:repeat(3,1fr);gap:0;display:grid}.project-order-total b{color:#334155;border-left:1px solid #edf1f5;gap:3px;padding-left:8px;font-size:8px;font-weight:750;display:grid}.project-order-total b:first-child{border-left:0;padding-left:0}.project-order-total b small{color:#94a3b8;font-size:7px;font-weight:500}.project-order-total p{color:#159267;border-top:1px solid #eef2f6;margin:0;padding-top:6px;font-size:7px}.split-order-tabs{grid-template-columns:1fr 1fr;gap:8px;height:64px;padding:7px 12px;display:grid}.split-order-tabs button{color:#64748b;text-align:left;background:#fff;border:1px solid #e4e9ef;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.split-order-tabs button.active{color:#bd6500;background:#fff9f1;border-color:#f2ad61;box-shadow:inset 0 -2px #f58216}.split-order-tabs span{gap:2px;display:grid}.split-order-tabs strong{font-size:10px}.split-order-tabs small{color:#94a3b8;font-size:8px}.order-detail-scroll{flex:1;min-height:0;padding:5px 12px 75px;overflow:auto}.mini-order-card{background:#fff;border:1px solid #e5ebf1;border-radius:8px;margin-bottom:9px;padding:12px}.order-card-head{justify-content:space-between;align-items:center;display:flex}.order-card-head>span{color:#94a3b8;align-items:center;gap:6px;font-size:8px;display:flex}.order-card-head>strong{font-size:13px}.order-card-title{justify-content:space-between;align-items:end;gap:8px;margin-top:11px;display:flex}.order-card-title>span{gap:3px;display:grid}.order-card-title strong{color:#263143;font-size:11px}.order-card-title small{color:#94a3b8;font-size:8px}.order-card-title button{color:#bd6500;background:0 0;border:0;align-items:center;font-size:8px;display:flex}.order-material-preview{gap:6px;margin-top:10px;display:flex}.order-material-preview .product-thumb{width:48px;height:48px}.order-material-preview>span{color:#94a3b8;background:#f1f5f9;border-radius:6px;place-items:center;width:48px;height:48px;font-size:10px;display:grid}.order-info-line{color:#64748b;border-top:1px solid #edf1f5;align-items:center;gap:6px;margin-top:10px;padding-top:9px;font-size:8px;display:flex}.order-info-line--address{border-top:0;margin-top:7px;padding-top:0}.order-info-line span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fulfillment-progress{padding-bottom:11px}.delivery-steps{margin-top:5px;display:grid}.delivery-steps>div{grid-template-columns:25px 1fr;gap:8px;min-height:44px;display:grid;position:relative}.delivery-steps>div:before{content:"";background:#e3e8ee;width:1px;position:absolute;top:21px;bottom:-5px;left:10px}.delivery-steps>div:last-child:before{display:none}.delivery-steps i{color:#94a3b8;background:#fff;border:1px solid #d5dce5;border-radius:50%;place-items:center;width:21px;height:21px;font-size:8px;font-style:normal;display:grid}.delivery-steps .active i{color:#fff;background:#19a270;border-color:#19a270}.delivery-steps span{align-content:start;gap:3px;display:grid}.delivery-steps strong{font-size:9px}.delivery-steps small{color:#94a3b8;font-size:7px}.mini-inline-action{color:#b86000;background:#fff9f1;border:1px solid #f2ad61;border-radius:6px;justify-content:center;align-items:center;gap:4px;width:100%;height:34px;margin-top:2px;font-size:9px;font-weight:750;display:flex}.labor-order-lines{margin-top:8px;display:grid}.labor-order-lines>div{border-top:1px solid #edf1f5;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;min-height:54px;display:grid}.labor-order-lines>div>span:nth-child(2){gap:3px;display:grid}.labor-order-lines strong{font-size:9px}.labor-order-lines small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.labor-order-lines b{color:#64748b;font-size:8px}.notice-card{color:#95621e;background:#fffaf1;gap:9px;display:flex}.notice-card div{gap:3px;display:grid}.notice-card strong{font-size:9px}.notice-card span{color:#ad8552;font-size:8px;line-height:1.55}.overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.picker{background:#fff;border-radius:10px;flex-direction:column;width:min(720px,100vw - 40px);max-height:min(760px,100vh - 40px);display:flex;overflow:hidden;box-shadow:0 28px 70px #0f172a40}.picker-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:66px;padding:13px 16px;display:flex}.picker-head h3{margin:3px 0 0;font-size:15px}.picker-search{color:#94a3b8;border:1px solid #dfe5ec;border-radius:7px;align-items:center;gap:8px;height:38px;margin:12px 14px 8px;padding:0 10px;display:flex}.picker-search input{border:0;outline:0;flex:1;min-width:0;font-size:11px}.picker-filter{border-bottom:1px solid var(--line-soft);align-items:center;gap:6px;min-height:37px;padding:0 14px 8px;display:flex}.picker-filter button{border:1px solid var(--line);color:#64748b;background:#fff;border-radius:5px;height:26px;padding:0 9px;font-size:9px}.picker-filter button.active{color:#1769b0;background:#edf7ff;border-color:#b8daf6}.picker-filter span{color:#94a3b8;margin-left:auto;font-size:9px}.picker-list{flex:1;gap:5px;min-height:0;padding:7px 14px;display:grid;overflow:auto}.picker-list>button{border:1px solid var(--line-soft);color:#334155;text-align:left;background:#fff;border-radius:7px;grid-template-columns:44px 1fr 24px;align-items:center;gap:9px;min-height:62px;padding:8px;display:grid}.picker-list>button:hover{background:#f8fafc}.picker-list>button.selected{background:#f1f8ff;border-color:#8fc3ee}.picker-list>button>span:nth-child(2){gap:3px;min-width:0;display:grid}.picker-list strong{font-size:11px}.picker-list small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.picker-list b{color:#e87900;font-size:10px}.picker-list i{color:#fff;border:1px solid #cbd5e1;border-radius:5px;place-items:center;width:20px;height:20px;font-style:normal;display:grid}.picker-list .selected i{background:#2488eb;border-color:#2488eb}.picker-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:10px 14px;display:flex}.picker-foot span{color:#94a3b8;font-size:9px}.picker--mini{border-radius:20px 20px 14px 14px;width:374px;max-height:650px}.picker--mini .picker-head,.picker--mini .picker-list>button{min-height:58px}.modal{background:#fff;border-radius:10px;width:min(500px,100vw - 40px);overflow:hidden;box-shadow:0 28px 70px #0f172a40}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;padding:10px 14px;display:flex}.modal-head h3{margin:0;font-size:14px}.form-stack{gap:8px;padding:16px;display:grid}.form-stack label{color:#475569;font-size:11px;font-weight:650}.form-stack textarea{resize:vertical;color:#334155;border:1px solid #dfe5ec;border-radius:7px;outline:0;min-height:110px;padding:10px;font-size:11px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.add-material-modal{flex-direction:column;width:min(1120px,100vw - 40px);max-height:min(900px,100vh - 32px);display:flex}.modal-title-with-preview{align-items:center;gap:10px;min-width:0;display:flex}.modal-title-with-preview .product-thumb{width:40px;height:40px}.modal-title-with-preview>span{gap:3px;min-width:0;display:grid}.modal-title-with-preview h3{margin:0}.modal-title-with-preview small{color:#94a3b8;font-size:9px;font-weight:500}.material-form{gap:0;min-height:0;padding:0 20px 20px;display:grid;overflow:auto}.material-form-section{border-bottom:1px solid var(--line-soft);gap:14px;padding:18px 0;display:grid}.material-form-section:last-child{border-bottom:0}.form-section-title{align-items:center;gap:9px;display:flex}.form-section-title>span{color:#1769b0;background:#e8f3ff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-weight:800;display:grid}.form-section-title>div{gap:2px;display:grid}.form-section-title strong{font-size:12px}.form-section-title small{color:#94a3b8;font-size:9px}.form-grid{grid-template-columns:1fr 1.5fr;gap:11px 12px;display:grid}.form-grid--material{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label{color:#475569;align-content:start;gap:5px;min-width:0;font-size:10px;font-weight:650;display:grid}.form-grid label>span{min-height:16px}.form-grid label>span b{color:#ef4444}.form-grid input,.form-grid select{color:#253247;background:#fff;border:1px solid #dfe5ec;border-radius:6px;outline:0;width:100%;height:36px;padding:0 10px;font-size:11px}.form-grid input:focus,.form-grid select:focus{border-color:#58a6e9;box-shadow:0 0 0 3px #2488eb1a}.form-grid input::placeholder{color:#b0bac7}.form-grid label>em{color:#dc2626;font-size:8px;font-style:normal;font-weight:500}.form-grid label.field-error input,.form-grid label.field-error select{background:snow;border-color:#f29b9b}.material-status-row{background:#fafcfe;border:1px solid #edf1f5;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:9px 11px;display:flex}.material-status-row>span{gap:3px;display:grid}.material-status-row strong{font-size:10px}.material-status-row small{color:#94a3b8;font-size:8px}.price-status-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:end;gap:18px;display:grid}.form-notice{color:#2477b9;background:#f2f9ff;border:1px solid #cfe5f7;border-radius:7px;align-items:flex-start;gap:8px;padding:10px 11px;display:flex}.form-notice>span{gap:3px;display:grid}.form-notice strong{font-size:10px}.form-notice small{color:#6c91ae;font-size:8px;line-height:1.6}.add-material-actions{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;align-items:center;gap:8px;min-height:62px;padding:11px 18px;display:flex}.add-material-actions .button:disabled{cursor:not-allowed;opacity:.45}.save-scope-note{color:#7890a6;margin-right:auto;font-size:9px}.usage-rule-section-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.single-rule-badge{color:#1769b0;background:#eaf4ff;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:750}.formula-source-note{color:#2477b9;background:#f4faff;border:1px solid #cfe5f7;border-radius:7px;align-items:flex-start;gap:9px;padding:10px 12px;display:flex}.formula-source-note>span{gap:3px;display:grid}.formula-source-note strong{font-size:10px}.formula-source-note small{color:#6c91ae;font-size:8px;line-height:1.55}.rule-error{color:#b42318;background:#fff7f7;border:1px solid #f4b2b2;border-radius:6px;padding:8px 10px;font-size:9px}.material-rule-list{gap:9px;display:grid}.material-rule-card{border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.material-rule-card.active{border-color:#9bc9ed;box-shadow:0 0 0 2px #2488eb0f}.material-rule-summary{cursor:pointer;background:#fbfcfe;grid-template-columns:28px minmax(0,1fr) 80px 18px 32px;align-items:center;gap:9px;min-height:58px;padding:8px 10px;display:grid}.material-rule-card.active .material-rule-summary{background:#f6fbff;border-bottom:1px solid #dcecf8}.rule-index{color:#1769b0;background:#e8f3ff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;font-weight:800;display:grid}.material-rule-summary>span:nth-child(2){gap:4px;min-width:0;display:grid}.material-rule-summary strong{color:#344256;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.material-rule-summary small{color:#91a0af;font-size:8px}.material-rule-summary code{color:#1769b0;text-align:right;font-family:inherit;font-size:10px;font-weight:750}.material-rule-summary>svg{color:#8da2b5;transition:transform .2s}.material-rule-card.active .material-rule-summary>svg{transform:rotate(180deg)}.material-rule-editor{gap:13px;padding:14px;display:grid}.single-material-rule{background:#fff;border:1px solid #d9e5ef;border-radius:7px}.single-rule-overview{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:14px;min-height:48px;padding-bottom:11px;display:flex}.single-rule-overview>span{grid-template-columns:auto auto;align-items:center;gap:3px 7px;display:grid}.single-rule-overview>span:first-child svg{color:#2488eb;grid-row:1/3}.single-rule-overview strong{color:#334155;font-size:10px}.single-rule-overview small{color:#94a3b8;font-size:8px}.single-rule-overview>span:last-child{justify-items:end}.material-rule-editor .formula-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.material-rule-editor .formula-template-grid>button{min-height:62px}.rule-config-block{gap:11px;padding-top:2px;display:grid}.rule-config-block+.rule-config-block{border-top:1px solid var(--line-soft);padding-top:14px}.rule-block-title{justify-content:space-between;align-items:center;gap:16px;min-height:28px;display:flex}.rule-block-title>span{align-items:center;gap:7px;display:flex}.rule-block-title b,.rule-test-head>span>b{color:#1769b0;background:#e8f3ff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;display:grid}.rule-block-title strong{color:#263a50;font-size:11px}.rule-block-title small{color:#94a3b8;font-size:8px}.rule-item-explanation{color:#1769b0;background:#f4faff;border-left:3px solid #2488eb;align-items:flex-start;gap:9px;min-height:64px;padding:11px 12px;display:flex}.rule-item-explanation>span{gap:5px;display:grid}.rule-item-explanation strong{color:#28506f;font-size:10px}.rule-item-explanation small{color:#6c91ae;font-size:9px;line-height:1.6}.rule-data-source{color:#7f91a3;justify-content:space-between;gap:16px;font-size:8px;display:flex}.rule-scope-grid,.rule-parameter-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.rule-scope-grid label,.rule-parameter-grid label{color:#475569;gap:5px;min-width:0;font-size:9px;font-weight:650;display:grid}.rule-scope-grid select,.rule-parameter-grid input,.rule-parameter-grid select{color:#334155;background:#fff;border:1px solid #dfe5ec;border-radius:6px;width:100%;height:36px;padding:0 9px;font-size:10px}.rule-parameter-grid input:read-only,.rule-parameter-grid select:disabled{color:#64748b;background:#f8fafc}.formula-template-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.formula-template-grid>button{border:1px solid var(--line);color:#64748b;text-align:left;background:#fff;border-radius:6px;grid-template-columns:22px 1fr 18px;align-items:center;gap:6px;min-height:68px;padding:9px;display:grid}.formula-template-grid>button.active{color:#1769b0;background:#eff8ff;border-color:#75b5e9;box-shadow:inset 0 -2px #2488eb}.formula-template-grid span{gap:4px;display:grid}.formula-template-grid strong{color:#334155;font-size:10px}.formula-template-grid small{color:#94a3b8;font-size:8px}.rule-preview{color:#5b7590;background:#f7fbff;border:1px solid #d7e9f7;border-radius:7px;grid-template-columns:1fr 24px .8fr 24px .8fr 1fr;align-items:center;gap:8px;min-height:80px;padding:11px 13px;display:grid}.rule-preview>div{gap:4px;display:grid}.rule-preview span{font-size:8px}.rule-preview strong{color:#263a50;font-size:12px}.rule-preview>svg{color:#9cb8cf}.rule-preview .preview-amount{background:#fff4e7;border-radius:6px;padding:10px}.rule-preview .preview-amount strong{color:#d87300;font-size:16px}.rule-expression{border:1px solid var(--line-soft);background:#fafcfe;border-radius:6px;grid-template-columns:90px 1fr;align-items:center;gap:10px;min-height:44px;padding:9px 11px;display:grid}.rule-expression span{color:#64748b;font-size:9px}.rule-expression code{color:#1769b0;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.rule-test-panel{background:#f7fbff;border:1px solid #cfe5f7;border-radius:7px;gap:11px;padding:13px;display:grid}.rule-test-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.rule-test-head>span{align-items:center;gap:8px;display:flex}.rule-test-head>span>span{gap:3px;display:grid}.rule-test-head strong{color:#263a50;font-size:11px}.rule-test-head small{color:#7890a6;font-size:8px}.rule-test-head em{color:#6c8094;background:#eaf1f7;border-radius:4px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:650}.rule-test-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.rule-test-inputs label{color:#475569;gap:5px;font-size:9px;font-weight:650;display:grid}.rule-test-inputs label>div{background:#fff;border:1px solid #ccdbe8;border-radius:6px;grid-template-columns:minmax(0,1fr) 42px;display:grid;overflow:hidden}.rule-test-inputs input{color:#24384b;background:0 0;border:0;outline:0;width:100%;height:38px;padding:0 10px;font-size:11px;font-weight:700}.rule-test-inputs input:focus{box-shadow:inset 0 0 0 2px #2488eb2e}.rule-test-inputs i{color:#64748b;background:#f6f9fb;border-left:1px solid #e0e8ef;place-items:center;font-size:9px;font-style:normal;display:grid}.rule-test-equation{background:#fff;border:1px solid #dce9f3;border-radius:6px;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:10px;min-height:46px;padding:9px 11px;display:grid}.rule-test-equation span{color:#64748b;font-size:9px}.rule-test-equation strong{color:#1769b0;font-size:11px;font-weight:750}.rule-test-results{background:#f1f8fd;border-top:1px solid #dceaf5;grid-template-columns:.8fr 20px .8fr 20px 1.15fr .8fr 1fr;align-items:stretch;gap:8px;min-height:88px;padding:10px 11px;display:grid}.rule-test-results--item{grid-template-columns:.85fr 24px .85fr 1fr}.rule-test-results>svg{color:#8eb2cf;align-self:center}.rule-test-result{align-content:center;gap:5px;min-width:0;padding:7px 8px;display:grid}.rule-test-result span{color:#7890a6;font-size:8px}.rule-test-result strong{color:#263a50;white-space:nowrap;font-size:13px}.rule-test-result strong small{color:#64748b;font-size:8px;font-weight:650}.rule-test-result--purchase{background:#ffffff94;border-left:1px solid #d8e6f1}.rule-test-result--amount{background:#fff3e5;border-radius:6px}.rule-test-result--amount span{color:#a76b27}.rule-test-result--amount strong{color:#d87300;font-size:16px}.service-material-modal{flex-direction:column;width:min(1040px,100vw - 40px);max-height:min(850px,100vh - 40px);display:flex}.service-material-modal .modal-head>div{gap:4px;display:grid}.service-material-modal .modal-head h3{margin:0}.service-material-body{min-height:0;padding:14px 17px 16px;overflow:auto}.relation-explainer{color:#2477b9;background:#f2f9ff;border:1px solid #cfe5f7;border-radius:7px;align-items:flex-start;gap:9px;min-height:54px;padding:10px 12px;display:flex}.relation-explainer>span{gap:3px;display:grid}.relation-explainer strong{font-size:10px}.relation-explainer small{color:#6c91ae;font-size:8px;line-height:1.55}.relation-section-head{justify-content:space-between;align-items:center;min-height:42px;display:flex}.relation-section-head strong{font-size:11px}.relation-section-head span{color:#94a3b8;font-size:8px}.relation-section-head--library{border-top:1px solid var(--line-soft);margin-top:9px}.selected-relation-list{border:1px solid var(--line);border-radius:7px;display:grid;overflow:hidden}.selected-relation-row{border-bottom:1px solid var(--line-soft);grid-template-columns:18px 42px minmax(170px,1.15fr) 126px minmax(210px,1.3fr) 30px;align-items:center;gap:8px;min-height:72px;padding:8px 9px;display:grid}.selected-relation-row:last-child{border-bottom:0}.selected-relation-row>svg:first-child{color:#cbd5e1}.relation-material-name{gap:4px;min-width:0;display:grid}.relation-material-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.relation-material-name small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.relation-type-control,.relation-rule{color:#64748b;gap:4px;min-width:0;font-size:8px;display:grid}.relation-type-control .segmented{width:fit-content}.relation-type-control .segmented button{min-height:25px;padding:0 8px;font-size:9px}.relation-rule input{color:#475569;border:1px solid #dfe5ec;border-radius:5px;outline:0;width:100%;height:31px;padding:0 8px;font-size:9px}.relation-rule input:read-only{color:#64748b;cursor:default;background:#f8fafc}.relation-rule input:focus{border-color:#58a6e9;box-shadow:0 0 0 3px #2488eb17}.relation-empty{color:#94a3b8;align-content:center;place-items:center;gap:5px;min-height:90px;font-size:9px;display:grid}.relation-search{margin:0 0 8px}.relation-library{grid-template-columns:1fr 1fr;gap:6px;max-height:230px;display:grid;overflow:auto}.relation-library>button{border:1px solid var(--line-soft);color:#334155;text-align:left;background:#fff;border-radius:6px;grid-template-columns:40px minmax(120px,1fr) auto 20px;align-items:center;gap:8px;min-height:60px;padding:7px 8px;display:grid}.relation-library>button.selected{background:#f0f8ff;border-color:#7ebbec}.relation-library .product-thumb{width:38px;height:38px}.relation-library>button>span{gap:3px;min-width:0;display:grid}.relation-library strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.relation-library small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.relation-library b{color:#d87300;font-size:9px}.relation-library i{color:#fff;border:1px solid #cbd5e1;border-radius:4px;place-items:center;width:19px;height:19px;font-style:normal;display:grid}.relation-library .selected i{background:#2488eb;border-color:#2488eb}.relation-scope-note{color:#94a3b8;margin-right:auto;font-size:8px}.relation-scope-note.warning{color:#d97706;font-weight:700}.confirm-sheet{background:#fff;border-radius:18px;justify-items:center;width:356px;padding:20px;display:grid;box-shadow:0 28px 70px #0f172a40}.confirm-icon{color:#c66a00;background:#fff0dc;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.confirm-sheet h3{margin:11px 0 6px;font-size:17px}.confirm-sheet>p{color:#64748b;text-align:center;margin:0;font-size:10px;line-height:1.65}.confirm-total{background:#fff7eb;border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin-top:14px;padding:12px;display:flex}.confirm-total span{color:#9a5a00;font-size:10px}.confirm-total strong{color:#e87900;font-size:20px}.confirm-breakdown{grid-template-columns:repeat(3,1fr);gap:5px;width:100%;padding:8px 4px 0;display:grid}.confirm-breakdown span{color:#94a3b8;gap:2px;font-size:7px;display:grid}.confirm-breakdown b{color:#475569;font-size:8px}.confirm-check{color:#64748b;grid-template-columns:20px 1fr;gap:7px;margin-top:12px;font-size:9px;line-height:1.55;display:grid}.confirm-check button{color:#fff;background:#fff;border:1px solid #cbd5e1;border-radius:4px;place-items:center;width:18px;height:18px;display:grid}.confirm-check button.checked{background:#ff8900;border-color:#ff8900}.confirm-actions{grid-template-columns:1fr 1.5fr;gap:8px;width:100%;margin-top:16px;display:grid}.confirm-actions button{color:#64748b;background:#fff;border:1px solid #e1e7ed;border-radius:10px;height:42px;font-size:11px;font-weight:700}.confirm-actions button:last-child{color:#fff;background:#ff8900;border-color:#ff8900}.toast{z-index:120;color:#12684d;background:#f0faf5;border:1px solid #bfe5d5;border-radius:8px;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:11px;font-weight:650;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0f172a24}@media (width<=1180px){.quote-layout{grid-template-columns:1fr}.quote-side{grid-template-columns:1fr 1fr}.order-context{grid-template-columns:80px 1fr}.order-context>img{width:80px}.order-progress{grid-column:1/-1;margin-top:4px}.group-workspace{grid-template-columns:1fr}.preview-panel{grid-template-columns:1fr 1fr;gap:10px 18px;display:grid}.preview-panel .section-heading,.preview-panel .preview-total{grid-column:1/-1}.product-plan-tabs{grid-template-columns:170px 1fr}.product-plan-tabs>.button{grid-column:1/-1;justify-self:end}.product-config-workspace{grid-template-columns:1fr}.plan-completeness{grid-template-columns:1fr 1fr;gap:10px 18px;display:grid}.plan-completeness .section-heading,.plan-completeness .preview-total{grid-column:1/-1}.completion-ring{margin:4px auto}}@media (width<=850px){body{overflow:auto}.prototype-bar{grid-template-columns:auto 1fr auto;padding:0 10px}.prototype-brand div{display:none}.prototype-brand img{width:36px;height:36px}.surface-switch{justify-self:center}.surface-switch button{padding:0 10px}.admin-shell{grid-template-columns:68px minmax(0,1fr)}.admin-sidebar{padding:8px}.admin-logo{justify-content:center;padding:0}.admin-logo strong,.nav-group-label,.admin-sidebar nav button span,.admin-sidebar nav button>svg:last-child,.sidebar-user>div:not(.avatar),.sidebar-user>svg{display:none}.admin-sidebar nav button{grid-template-columns:1fr;justify-items:center;padding:0}.sidebar-user{grid-template-columns:1fr;justify-items:center;padding:6px}.admin-header{padding:10px 12px}.page-title p,.header-actions .button{display:none}.admin-content{padding:12px}.panel-toolbar{flex-direction:column;align-items:stretch}.toolbar-right{flex-wrap:wrap}.search-input{width:100%}.group-layout{grid-template-columns:1fr}.service-rail{display:none}.product-plan-layout{grid-template-columns:1fr}.product-rail{grid-template-columns:repeat(3,minmax(220px,1fr));display:grid;overflow-x:auto}.product-rail .rail-title{grid-column:1/-1}.product-row{border-right:1px solid var(--line-soft)}.product-summary{grid-template-columns:64px 1fr}.product-summary img{width:64px;height:54px}.product-summary>.button{grid-column:1/-1;justify-self:end}.product-plan-tabs{grid-template-columns:1fr}.product-plan-tabs>.button{grid-column:auto}.service-config-row{grid-template-columns:34px minmax(150px,1fr) minmax(160px,1fr) 90px}.service-config-row>.button{grid-column:2/-1;justify-self:end}.selected-relation-row{grid-template-columns:18px 42px minmax(150px,1fr) 120px 30px}.relation-rule{grid-column:3/-1}.relation-library{grid-template-columns:1fr}.quote-toolbar{flex-direction:column;align-items:flex-start}.toolbar-actions{flex-wrap:wrap;width:100%}.plan-tabs{grid-template-columns:1fr 1fr}.quote-side{grid-template-columns:1fr}.mini-stage{grid-template-columns:1fr;justify-items:center;padding:12px 0}.mini-notes{display:none}.phone-shell{width:100vw;height:calc(100vh - 64px);min-height:620px;box-shadow:none;border:0;border-radius:0;padding:0}.phone-status{top:0;left:0;right:0}.mini-screen{border:0;border-radius:0;width:100%}.picker--mini,.confirm-sheet{width:min(374px,100vw - 20px)}.add-material-modal{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.form-grid,.price-status-grid,.fulfillment-grid{grid-template-columns:1fr}.usage-rule-section-head{flex-direction:column;align-items:flex-start}.material-rule-editor .formula-template-grid{grid-template-columns:1fr 1fr}.rule-data-source{flex-direction:column;align-items:flex-start;gap:5px}.rule-scope-grid,.rule-parameter-grid{grid-template-columns:1fr}.formula-template-grid{grid-template-columns:1fr 1fr}.rule-block-title,.rule-test-head{flex-direction:column;align-items:flex-start;gap:7px}.rule-test-inputs{grid-template-columns:1fr}.rule-test-equation{grid-template-columns:1fr;gap:5px}.rule-test-results,.rule-test-results--item{grid-template-columns:1fr 1fr}.rule-test-results>svg{display:none}.rule-test-result--purchase{border-left:0}.rule-preview{grid-template-columns:1fr 20px 1fr}.rule-preview>svg:nth-of-type(2),.rule-preview>div:nth-of-type(3),.rule-preview .preview-amount{display:none}}