*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#eef1f4;color:#222}
button,input,select{font-family:inherit}
.top{height:54px;background:#0d2037;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700}
.logo-b{width:28px;height:28px;border-radius:6px;background:#2f9e8f;color:#07231d;display:grid;place-items:center;font-weight:900}
.tabs{height:40px;background:#fff;border-bottom:1px solid #cfd6de;display:flex;align-items:center;gap:10px;padding:0 12px}
.tab{border:1px solid #d5dbe3;background:#f8fafc;border-radius:6px;padding:7px 14px;font-weight:700;cursor:pointer}
.tab.active{background:#fff5e8;border-color:#f59e0b}
.page{height:calc(100vh - var(--fq-shell-h));display:flex;min-height:0}
.side{width:92px;background:#f7f8fa;border-right:1px solid #d7dde5;padding:10px 7px;overflow:auto}
.tool{width:100%;min-height:42px;border:1px solid #d6dce4;border-radius:8px;background:#fff;margin-bottom:7px;cursor:pointer;font-size:11px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#2a2f36}
.tool.active{background:#fff3e0;border-color:#f59e0b}
.canvas-wrap{flex:1;display:flex;flex-direction:column;min-width:0}
.canvas-head{height:38px;background:#fafbfc;border-bottom:1px solid #e5e9ef;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:13px}
.field{margin-bottom:10px}.field label{display:block;font-size:11px;color:#64748b;margin-bottom:4px;text-transform:lowercase}.field input,.field select{width:100%;padding:8px 9px;border:1px solid #d1d7e0;border-radius:6px;background:#fff}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.grid{display:grid;gap:12px}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.btn{border:none;border-radius:7px;background:#2563eb;color:white;font-weight:800;padding:9px 13px;cursor:pointer}.btn.green{background:#16a34a}.btn.red{background:#dc2626}.btn.gray{background:#fff;color:#111;border:1px solid #d1d5db}.btn.active{background:#dbeafe!important;color:#1d4ed8!important;border-color:#2563eb!important}
table{width:100%;border-collapse:collapse;background:white}th,td{border-bottom:1px solid #e5e7eb;padding:9px;text-align:left;font-size:13px}th{background:#f8fafc;color:#374151}
.dim-edit{position:absolute;width:80px;padding:4px 6px;border:2px solid #2563eb;border-radius:5px;text-align:center;font-weight:800;z-index:15000;background:#fff}
@media(max-width:768px){.dim-edit{position:fixed!important;left:50%!important;top:45%!important;transform:translate(-50%,-50%)!important;width:128px!important;height:46px!important;font-size:18px!important;z-index:15000!important;box-shadow:0 8px 30px rgba(0,0,0,.28)!important}}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1f6b61;color:white;padding:11px 20px;border-radius:10px;font-size:13px;z-index:99}
.hint{font-size:11px;color:#8a94a3}
@media(max-width:900px){.props{width:230px}.grid3{grid-template-columns:1fr}.tab{padding: 3px 4px;font-size:12px}}
.props{width:310px}
.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.pill-tabs{display:flex;gap:6px;margin:8px 0 12px}
.pill{border:1px solid #d1d5db;background:#fff;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:700}
.pill.active{background:#2563eb;color:#fff;border-color:#2563eb}
.mini-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.right-note{font-size:11px;color:#64748b;line-height:1.35;margin-top:10px}
.detail-box h4{margin:0 0 8px;font-size:14px}.kv{display:grid;grid-template-columns:85px 1fr;gap:6px;font-size:11px;margin:4px 0}.kv b{color:#64748b}
.catalog-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#fff;margin-bottom:10px}
.catalog-card.active{border-color:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.18)}
.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.swatch{height: 18px;border-radius:8px;border:2px solid #e5e7eb;cursor:pointer}.swatch.active{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.18)}
.badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800}
.catalog-page{padding:18px 24px;min-height:calc(100vh - 94px);background:#eef1f5;overflow:auto}
.catalog-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;margin:8px 0 14px;color:#111827}
.default-banner{border:1px solid #facc15;background:#fff9db;color:#7c5a00;border-radius:8px;padding:9px 14px;font-weight:800;font-size:11px;margin-bottom:20px}
.catalog-stage{display:grid;grid-template-columns:repeat(4,150px);justify-content:space-around;align-items:center;gap:70px;min-height:390px}
.sys-card{width:150px;background:#fff;border:1px solid #dfe5ec;border-radius:12px;padding:7px;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.sys-card.active{border:2px solid #16a34a;background:#dcfce7}
.sys-thumb{height:72px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:7px}
.window-icon{width:56px;height:56px;border:4px solid #1682d4;background:#9bd4ff;position:relative;box-shadow:inset 0 0 0 3px rgba(255,255,255,.4)}
.window-icon:before,.window-icon:after{content:'';position:absolute;background:#1682d4}.window-icon:before{left:50%;top:0;width:2px;height:100%}.window-icon:after{top:50%;left:0;height:2px;width:100%}
.window-icon .x1,.window-icon .x2{position:absolute;left:5px;right:5px;top:50%;height:1px;background:#1682d4;transform:rotate(45deg)}.window-icon .x2{transform:rotate(-45deg)}
.sys-name{height:46px;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;font-size:11px;color:#111827;padding:5px;background:#fff;margin-bottom:6px}
.sys-default{height:20px;border:1px solid #facc15;background:#fff2b3;color:#8a6500;border-radius:5px;display:grid;place-items:center;font-size:10px;font-weight:900;margin-bottom:5px}.sys-card.active .sys-default{background:#16a34a;color:white;border-color:#16a34a}
.sys-actions{display:flex;gap:4px}.sys-open{flex:1;height:22px;border:0;border-radius:5px;background:#1976d2;color:white;font-weight:900;font-size:10px;cursor:pointer}.sys-tool{width:28px;border:1px solid #93c5fd;background:#eff6ff;border-radius:5px;color:#1d4ed8;font-weight:900;cursor:pointer}.sys-menu{width:22px;border:1px solid #d1d5db;background:#f8fafc;border-radius:5px;color:#64748b}.row-setting-modal .quote-form-grid{grid-template-columns:1fr 1fr}.row-setting-hint{font-size:11px;color:#64748b;line-height:1.35;margin-top:8px}
.top .version{color:#8cc0ff;font-size:12px}
.system-design{height:calc(100vh - var(--fq-shell-h));display:flex;flex-direction:column;background:#eef1f4;min-height:0}
.system-bar{height:46px;background:#15172b;color:#fff;display:flex;align-items:center;gap:12px;padding:0 14px;border-top:1px solid rgba(255,255,255,.06)}
.back-btn{background:#3a3a3a;color:#fff;border:none;border-radius:5px;padding:8px 13px;font-weight:800;cursor:pointer}
.sys-title{font-weight:900;color:#dbeafe}.system-bar .spacer{flex:1}
.system-bar .blue{background:#1d78d0}.system-bar .green{background:#16a34a}
.system-canvas-zone .page{height:100%;min-height:0}.system-canvas-zone .canvas-head{height:35px}.system-canvas-zone .props{width:260px}.system-canvas-zone .side{width:76px;padding:8px 6px}.system-canvas-zone .tool{min-height:36px;font-size:10px;margin-bottom:5px}
.stripe{width:4px;height:22px;border-radius:2px;background:#1d78d0}.stripe.glass{background:#0ea5e9}.stripe.addon{background:#38bdf8}.stripe.fabrication{background:#a855f7}.stripe.calc{background:#f59e0b}
.sys-mini-table td,.sys-mini-table th{padding:7px}
.system-canvas-zone .props{width:280px;padding:0;background:#f2f3f6;display:flex;flex-direction:row;overflow:hidden;border-left:1px solid #cfd3da}
.right-panel-body{flex:1;overflow:auto;padding:10px 10px 12px 10px}
.right-v616-title{height:28px;font-size:11px;font-weight:900;color:#6b7280;text-transform:lowercase;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.v616-field{margin-bottom:6px;position:relative}.v616-field label{display:block;font-size:10px;color:#8a8f99;margin-bottom:2px}.v616-field input,.v616-field select,.v616-field textarea{width:100%;height:32px;border:1px solid #d7dbe2;border-radius:4px;background:#eef0f3;padding:6px 34px 6px 8px;font-size:11px;color:#303642}.v616-field textarea{height:58px}.gear-btn{position:absolute;right:5px;bottom:4px;width:24px;height:24px;border:none;background:transparent;color:#8b94a3;font-size:15px;cursor:pointer}.right-rail{width:31px;background:#eef0f4;border-left:1px solid #d3d7de;display:flex;flex-direction:column;align-items:stretch}.rail-tab{height:58px;border:0;border-bottom:1px solid #d3d7de;background:#eef0f4;color:#626b78;font-size:11px;font-weight:700;writing-mode:vertical-rl;transform:rotate(180deg);cursor:pointer}.rail-tab.active{background:#fff;color:#1d4ed8;border-left:3px solid #1d4ed8}.system-canvas-zone .pill-tabs,.system-canvas-zone .panel-title{display:none}.detail-box{border-radius:4px;box-shadow:none}
.system-canvas-zone .props{width:230px;background:#fff;display:flex;flex-direction:row;border-left:1px solid #d8d8d8;overflow:hidden;padding:0}
.ac-props-body{background:#fff;padding:12px 10px 20px 12px;flex:1;font-family:Arial,Helvetica,sans-serif;color:#555;font-size:11px;overflow-y:auto;overflow-x:hidden}
.ac-props-rail{width:28px;background:#eee;border-right:1px solid #ddd;display:flex;flex-direction:column;align-items:stretch;padding:0;margin:0}
.ac-props-rail .rail-tab{height:56px;border:0;border-bottom:1px solid #ddd;background:#eee;color:#555;font-size:11px;writing-mode:vertical-rl;transform:rotate(180deg);cursor:pointer;text-transform:lowercase}
.ac-props-rail .rail-tab.active{background:#4169e1;color:#fff;font-weight:700}
.ac-side-title{font-size:15px;color:#4169e1;margin:4px 0 12px;text-transform:lowercase}
.ac-field{position:relative;margin-bottom:8px}.ac-field label{display:block;font-size:10px;color:#9b9b9b;margin-bottom:1px;text-transform:lowercase}.ac-field input,.ac-field select,.ac-field textarea{width:100%;height:28px;border:1px solid #bfc4ca;border-radius:3px;background:#fff;padding:3px 7px;font-size:13px;color:#333}.ac-field textarea{height:78px;resize:none}.ac-field select{appearance:auto}.mm-field{display:grid;grid-template-columns:1fr 28px 34px;gap:4px;align-items:end}.mm-field label{grid-column:1 / 4}.mm-field input{grid-column:1}.mm-field span{height:28px;display:grid;place-items:center;color:#1682d4;font-weight:700}.mm-field button{height:26px;border:0;background:#eee;color:#888;border-radius:3px;font-weight:700}.ac-mini-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:-2px 0 10px}.ac-mini-actions button{height:30px;border:1px solid #bfc4ca;background:#fff;border-radius:4px;font-weight:700;color:#333;cursor:pointer}.ac-mini-actions button.active{background:#eef4ff;border-color:#4169e1;color:#4169e1}.ac-opening{display:flex;align-items:center;gap:8px;margin-top:8px}.ac-opening span{font-size:11px;color:#777}.ac-opening button{flex:1;background:#4b5df5;color:#fff;border:0;border-radius:3px;height:30px;font-weight:700}.ac-radio-row,.ac-radio-block{display:flex;gap:10px;align-items:center;margin:8px 0;color:#666}.ac-radio-block{display:grid;grid-template-columns:1fr auto auto}.ac-radio-block span{font-size:11px;color:#777}.ac-color-picker{width:34px;height: 18px;border-radius:4px;background:linear-gradient(135deg,red,orange,yellow,lime,cyan,blue,magenta);margin:8px 0}.ac-swatch-grid{display:grid;grid-template-columns:repeat(3,32px);gap:12px 16px;margin:10px 0}.ac-swatch{width:32px;height:32px;border:0;border-radius:4px;box-shadow:0 0 0 1px #ddd;cursor:pointer}.ac-linkrow{display:flex;gap:26px;color:#1e82d8;font-size:11px;margin-top:10px}.ac-option-title{font-size:11px;margin:12px 0;color:#777;display:flex;justify-content:space-between}.ac-slide-options{display:grid;gap:10px}
.ac-slide-options div:before,.ac-slide-options div:after,.ac-slide-options button:before,.ac-slide-options button:after{display:none!important;content:none!important}
.ac-slide-options,.ac-slide-options *{-webkit-user-select:none;user-select:none}
.ac-slide-options button,.ac-slide-options div{position:relative;min-height:42px;border:1px solid #d7dbe2;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#333;cursor:pointer;text-align:center;padding:6px 8px;outline:none}
.ac-slide-options button.active,.ac-slide-options div.active{border-color:#24c58e;box-shadow:inset 0 0 0 2px rgba(36,197,142,.18);background:#f0fdf4}
.ac-slide-options button span,.ac-slide-options div span{pointer-events:none}
.ac-slide-options button.active span,.ac-slide-options div.active span{position:absolute;right:0;top:0;background:#24c58e;color:#fff;font-size:10px;padding:3px 15px 3px 8px}
.ac-slide-options button.active span:after,.ac-slide-options div.active span:after{content:'';position:absolute;right:0;top:0;border-top:18px solid #60d9ae;border-left:18px solid transparent}
.ac-panel-chip{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:6px;padding:8px 10px;margin:8px 0 12px;font-size:12px}
.quote-page-v616{padding:20px;background:#eef1f5;min-height:calc(100vh - 94px);font-family:Arial,Helvetica,sans-serif}
.quote-titlebar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.quote-titlebar h2{font-size:22px;margin:0;color:#111827;display:flex;align-items:center;gap:10px}
.quote-add-btn{background:#1976d2;color:#fff;border:none;border-radius:8px;padding:12px 22px;font-weight:800;box-shadow:0 1px 3px rgba(0,0,0,.12);cursor:pointer}
.quote-actions-top{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #d8dde6;border-radius:8px;padding:10px 12px;margin-bottom:12px}
.quote-hint-input{height: 18px;border:1px solid #d5dbe5;border-radius:7px;padding:0 10px;color:#6b7280;width:170px;font-size:12px}
.quote-top-buttons{display:flex;gap:8px}
.quote-top-buttons button,.q-action-btn{border:none;border-radius:6px;padding:8px 13px;font-weight:800;cursor:pointer;font-size:11px;color:white}
.q-edit{background:#f59e0b}.q-print{background:#06a3b5}.q-bill{background:#7c3aed}.q-eway{background:#0f766e}.q-delete{background:#e11d48}.q-clone{background:#6b7280}.q-design{background:#22c55e}.q-add{background:#22c55e}.q-detail{background:#64748b}.q-operate{background:#f59e0b;color:#111!important}.operate-modal .quote-form-grid{grid-template-columns:1fr 1fr}.operate-card{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:10px;margin-top:8px}.operate-card b{display:block;margin-bottom:4px}.operate-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.operate-actions button{border:0;border-radius:8px;padding:12px 10px;font-weight:900;cursor:pointer}.operate-opt{background:#0ea5e9;color:#fff}.operate-system{background:#16a34a;color:#fff}.optimizer-modal{width:96vw;max-width:1180px;max-height:90vh;overflow:auto}.optimizer-top{display:grid;grid-template-columns:90px 1fr 80px 120px 110px 120px 120px 130px;gap:8px;align-items:end;margin-bottom:10px}.optimizer-top label{font-size:11px;color:#64748b;font-weight:800}.optimizer-top input{width:100%;height:32px;border:1px solid #cfd6df;border-radius:5px;padding:5px 7px}.optimizer-btn{border:0;border-radius:6px;padding:9px 8px;font-weight:900;cursor:pointer}.opt-blue{background:#2563eb;color:#fff}.opt-green{background:#10b981;color:#fff}.opt-dark{background:#334155;color:#fff}.opt-purple{background:#7c3aed;color:#fff}.opt-orange{background:#f59e0b;color:#111}.optimizer-hint{font-size:11px;color:#64748b;margin:6px 0}.optimizer-table-wrap{border:1px solid #d1d5db;max-height:300px;overflow:auto;background:#fff}.optimizer-table{width:100%;border-collapse:collapse;font-size:12px}.optimizer-table th,.optimizer-table td{border:1px solid #e5e7eb;padding:7px;text-align:left}.optimizer-table th{background:#f3f4f6;color:#374151;position:sticky;top:0}.optimizer-log{height:80px;border:1px solid #d1d5db;background:#fff;border-radius:6px;padding:8px;font-size:12px;overflow:auto;white-space:pre-wrap}.optimizer-output{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:10px;margin-top:10px}.optimizer-output-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.optimizer-output-row button{border:0;border-radius:6px;padding:9px 10px;font-weight:900;color:#fff;cursor:pointer}.optimizer-modal .quote-modal-actions{flex-wrap:wrap}.optimizer-modal .v253-btn{white-space:nowrap}@media(max-width:900px){.optimizer-top{grid-template-columns:1fr 1fr}.optimizer-modal{width:96vw}}
.quote-table-wrap{border:1px solid #9ca3af;background:#f4f6f9;height:calc(100vh - 245px);overflow:auto}
.quote-table-v616{width:100%;border-collapse:collapse;background:#fff;font-size:13px}
.quote-table-v616 th{background:#f9fafb;color:#374151;border:1px solid #d1d5db;padding:10px 8px;text-align:center;font-weight:700;position:sticky;top:0;z-index:1}
.quote-table-v616 td{border:1px solid #d1d5db;padding:8px 8px;background:#ffffff;height:40px}
.quote-table-v616 tr.selected td{background:#e8f1ff!important;color:#0f172a!important}
.quote-id{font-weight:700;color:#111827;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quote-status{font-weight:800;color:inherit}
.quote-status-badge{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:5px 9px;border-radius:999px;border:1px solid #cbd5e1;background:#f8fafc;color:#475569;font-size:11px;font-weight:900;line-height:1.15;white-space:nowrap}
.quote-status-badge.status-pending{background:#f1f5f9;border-color:#cbd5e1;color:#475569}
.quote-status-badge.status-process{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}
.quote-status-badge.status-approved,.quote-status-badge.status-stage-order-approved{background:#fff7ed;border-color:#fdba74;color:#c2410c}
.quote-status-badge.status-revise{background:#faf5ff;border-color:#d8b4fe;color:#7e22ce}
.quote-status-badge.status-cancelled,.quote-status-badge.status-error{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}
.quote-status-badge.status-completed,.quote-status-badge.status-stage-installation-completed{background:#dcfce7;border-color:#86efac;color:#166534}
.quote-status-badge.status-stage-measurement-confirmed{background:#ecfeff;border-color:#67e8f9;color:#0e7490}
.quote-status-badge.status-stage-material-ordered{background:#f5f3ff;border-color:#c4b5fd;color:#6d28d9}
.quote-status-badge.status-stage-material-received{background:#eef2ff;border-color:#a5b4fc;color:#4338ca}
.quote-status-badge.status-stage-cutting-started{background:#fff7ed;border-color:#fdba74;color:#ea580c}
.quote-status-badge.status-stage-assembly-started{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}
.quote-status-badge.status-stage-glass-fitting{background:#ecfeff;border-color:#67e8f9;color:#0891b2}
.quote-status-badge.status-stage-ready-for-dispatch{background:#ecfdf5;border-color:#6ee7b7;color:#047857}
.quote-status-badge.status-stage-dispatched{background:#eef2ff;border-color:#93c5fd;color:#1e40af}
@media(max-width:760px){.quote-status-badge{white-space:normal;text-align:center;padding:5px 7px;font-size:10px}}
.quote-row-actions{display:flex;gap:6px;align-items:center;justify-content:flex-start}
.quote-footer{font-size:11px;color:#9ca3af;margin-top:9px}
.quote-empty{height:140px;text-align:center;color:#6b7280;background:#fff!important}
.quote-type-badge{display:inline-flex;align-items:center;justify-content:center;min-width:66px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap;border:1px solid transparent}
.quote-type-window{background:#e0f2fe;color:#075985;border-color:#7dd3fc}.quote-type-manual{background:#fef3c7;color:#92400e;border-color:#fbbf24}.quote-type-mixed{background:#ede9fe;color:#5b21b6;border-color:#c4b5fd}
.universal-quote-modal{width:min(1120px,96vw)!important;max-width:1120px!important;max-height:92vh!important;overflow:auto!important}
.manual-items-editor{grid-column:1/-1;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc;padding:12px;margin-top:8px}
.manual-items-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.manual-items-head h4{margin:0;font-size:14px;color:#0f172a}.manual-items-head button{border:0;border-radius:7px;background:#16a34a;color:#fff;padding:8px 12px;font-weight:900;cursor:pointer}
.manual-item-row{display:grid;grid-template-columns:80px 130px minmax(150px,1.1fr) minmax(170px,1.4fr) minmax(190px,1.2fr) 95px 105px 95px 78px 100px 36px;gap:6px;align-items:end;border:1px solid #dbe3ec;border-radius:10px;background:#fff;padding:8px;margin-bottom:8px}
.manual-item-row label{font-size:9px!important;color:#64748b!important;margin:0!important}.manual-item-row input,.manual-item-row select{width:100%;height:34px;border:1px solid #cbd5e1;border-radius:6px;padding:5px 7px;background:#fff;font-size:11px}.manual-item-row .manual-amount{background:#f1f5f9;font-weight:900;color:#0f172a}.manual-remove{height:34px;border:0;border-radius:7px;background:#fee2e2;color:#b91c1c;font-size:18px;font-weight:900;cursor:pointer}
.manual-calc-hint{min-height:15px;margin-top:3px;font-size:9px;line-height:1.25;font-weight:800;color:#0f766e}.manual-calc-hint.invalid{color:#dc2626}.manual-calc-hint.legacy{color:#a16207}
.manual-items-empty{border:1px dashed #cbd5e1;border-radius:10px;padding:18px;text-align:center;color:#64748b;background:#fff}.manual-total-line{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:10px 4px 0;font-size:13px}.manual-total-line b{font-size:17px;color:#0f766e}
.quote-type-note{grid-column:1/-1;padding:9px 11px;border-radius:8px;background:#eff6ff;color:#1e3a8a;font-size:11px;line-height:1.4;border:1px solid #bfdbfe}
@media(max-width:900px){.universal-quote-modal{width:96vw!important}.manual-item-row{grid-template-columns:1fr 1fr}.manual-item-row label:nth-child(3),.manual-item-row label:nth-child(4),.manual-item-row label:nth-child(5),.manual-items-editor{grid-column:1/-1}.manual-remove{grid-column:2;justify-self:end;width:44px}.quote-table-v616{min-width:1250px!important}}
.quote-table-v616 tr.selected td:first-child{box-shadow:inset 4px 0 0 #2563eb;}
.quote-modal-back{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:200;display:flex;align-items:center;justify-content:center}
.quote-modal{width:520px;background:white;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.25);padding:18px}
.quote-modal h3{margin:0 0 14px;color:#111827}
.quote-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.quote-form-grid label{font-size:11px;color:#64748b;font-weight:700}
.quote-form-grid input,.quote-form-grid select,.quote-form-grid textarea{width:100%;padding:9px;border:1px solid #cfd6df;border-radius:6px;margin-top:4px}
.quote-form-grid .wide{grid-column:1/-1}
.quote-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.quote-modal-actions button{border:none;border-radius:7px;padding:9px 14px;font-weight:800;cursor:pointer}
.quote-cancel{background:#e5e7eb}.quote-save{background:#16a34a;color:#fff}
.eway-required-badge{display:inline-block;margin-top:4px;padding:2px 6px;border-radius:999px;background:#fff7ed;border:1px solid #fb923c;color:#c2410c;font-size:9px;font-weight:900;white-space:nowrap}
.eway-modal{width:94vw;max-width:1040px;max-height:92vh;overflow:auto;padding:0}
.eway-head{position:sticky;top:0;z-index:2;background:#0f766e;color:#fff;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.eway-head h3{margin:0;color:#fff}.eway-body{padding:14px 16px 18px}.eway-section{border:1px solid #dbe2ea;border-radius:9px;padding:11px;margin-bottom:11px;background:#fff}.eway-section-title{font-size:12px;font-weight:900;color:#0f766e;margin-bottom:9px;text-transform:uppercase;letter-spacing:.4px}.eway-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.eway-field{font-size:10px;color:#64748b;font-weight:800}.eway-field input,.eway-field select,.eway-field textarea{width:100%;height:34px;margin-top:3px;padding:6px 8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#111827}.eway-field textarea{height:60px;resize:vertical}.eway-field.wide2{grid-column:span 2}.eway-field.wide4{grid-column:1/-1}.eway-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:9px}.eway-summary div{border:1px solid #cbd5e1;background:#f8fafc;border-radius:7px;padding:8px;text-align:center;font-size:10px;color:#64748b}.eway-summary b{display:block;color:#111827;font-size:13px;margin-top:3px}.eway-warning{border:1px solid #fb923c;background:#fff7ed;color:#9a3412;border-radius:8px;padding:9px 11px;font-size:12px;font-weight:800;margin-bottom:11px}.eway-ok{border-color:#86efac;background:#f0fdf4;color:#166534}.eway-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.eway-actions button{border:0;border-radius:7px;padding:9px 12px;font-weight:900;cursor:pointer}.eway-copy{background:#2563eb;color:#fff}.eway-json{background:#7c3aed;color:#fff}.eway-portal{background:#f59e0b;color:#111}.eway-save{background:#16a34a;color:#fff}.eway-close{background:#e5e7eb;color:#111}
@media(max-width:900px){.eway-grid{grid-template-columns:1fr 1fr}.eway-summary{grid-template-columns:1fr 1fr}.eway-field.wide2{grid-column:span 2}}
@media(max-width:560px){.eway-grid{grid-template-columns:1fr}.eway-summary{grid-template-columns:1fr 1fr}.eway-field.wide2,.eway-field.wide4{grid-column:1}.eway-actions button{flex:1 1 45%}}
.active-quote-strip{height:30px;background:#fff7ed;border-bottom:1px solid #fed7aa;color:#9a3412;display:flex;align-items:center;gap:12px;padding:0 12px;font-size:11px;font-weight:700}
.active-quote-strip button{border:1px solid #fdba74;background:#fff;border-radius:5px;padding:3px 8px;font-weight:700;cursor:pointer}
.design-work-area{flex:1;position:relative;min-height:0}
.saved-card-bar{height:165px;background:#fff;border-top:1px solid #d7dde5;display:flex;align-items:stretch;gap:10px;padding:8px 12px;overflow-x:auto}
.saved-card-label{writing-mode:vertical-rl;transform:rotate(180deg);background:#2563eb;color:#fff;border-radius:5px;padding:8px 4px;font-size:11px;letter-spacing:4px;text-align:center}
.design-card-mini{width:172px;min-width:172px;border:1px solid #93c5fd;background:#fff;border-radius:3px;position:relative;padding-top:18px;text-align:center;cursor:pointer}
.design-card-mini.active{outline:2px solid #2563eb}
.design-card-actions{position:absolute;top:3px;left:0;right:0;display:flex;justify-content:center;gap:10px;font-size:11px}
.design-card-actions span{cursor:pointer;color:#2563eb}
.design-card-actions span:last-child{color:#dc2626}
.design-card-preview{height:112px;margin:0 6px;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden;padding:1px}
.design-card-window{width:70px;height:42px;border:4px solid #333;position:relative;background:#e5eef0}
.design-card-window:after{content:'';position:absolute;left:50%;top:0;width:3px;height:100%;background:#333}
.design-card-title{font-size:11px;margin-top:4px;color:#111827}
.quote-selected-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;padding:8px 10px;color:#1d4ed8;font-size:11px;font-weight:700;margin-bottom:8px}
.system-bottom{height:38%;min-height:230px;background:#fff;border-top:1px solid #d7dde5;display:flex;flex-direction:column;overflow:hidden}
.sys-tab-strip{height:34px;background:#eef0f4;border-bottom:1px solid #d5dbe3;display:flex;align-items:center;gap:2px;padding:0 6px;flex-shrink:0}
.sys-tab{height:28px;border:none;background:transparent;border-radius:4px;padding:0 14px;font-size:12px;font-weight:800;color:#374151;cursor:pointer}
.sys-tab.active{background:#1976d2;color:#fff}
.sys-section{border-bottom:1px solid #e5e7eb;background:#fff}
.sys-section-head{height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer;font-weight:900;color:#1f2937;user-select:none}
.sys-section-head:hover{background:#f8fafc}
.sys-section .stripe{display:inline-block;width:4px;height:20px;border-radius:2px;background:#1e88e5}
.sys-section .stripe.glass{background:#1e88e5}.sys-section .stripe.addon{background:#1e88e5}.sys-section .stripe.fabrication{background:#9c27b0}.sys-section .stripe.calc{background:#f59e0b}
.sys-section-actions{margin-left:auto;font-size:11px;font-weight:700;color:#1d78d0}
.sys-sub-head{height:30px;background:#fafafa;border-top:1px solid #edf0f3;display:flex;align-items:center;gap:8px;padding:0 24px;cursor:pointer;font-size:13px;font-weight:800;color:#374151}
.sys-sub-head:hover{background:#f1f5f9}
.sys-sub-head .sub-stripe{width:3px;height:18px;background:#60a5fa;border-radius:2px}
.sys-mini-table{width:100%;border-collapse:collapse;font-size:11px;background:#fff}
.sys-mini-table th{background:#f3f4f6;border:1px solid #e5e7eb;padding:6px;text-align:left;color:#6b7280}
.sys-mini-table td{border:1px solid #edf0f3;padding:5px 6px;color:#1f2937}
.sys-mini-table tr:hover td{background:#fff7ed}
.sys-empty{padding:12px 24px;color:#94a3b8;font-size:12px}
.calc-card{padding:12px 18px;background:#fff}
.calc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.calc-grid div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:10px;font-size:12px}.calc-grid b{display:block;color:#64748b;margin-bottom:4px}
.sys-mini-table tr.row-selected td{background:#1976d2!important;color:#fff!important}
.sys-section-actions span{cursor:pointer;margin-left:5px}
.sys-section-actions span.disabled{color:#9ca3af;opacity:.55;pointer-events:auto}
.sys-action-btn{border:0;background:transparent;color:#0b72bd;font-size:11px;font-weight:800;margin-left:5px;padding:2px 1px;cursor:pointer;line-height:1}
.sys-action-btn:hover{color:#064e9c;text-decoration:underline}
.sys-action-btn:active{transform:translateY(1px)}
.sys-sub-head .sys-section-actions{margin-left:auto;display:flex;align-items:center;gap:4px}
.sys-sub-head .sys-action-btn{pointer-events:auto}
.edit-modal-back{position:fixed;inset:0;background:rgba(0,0,0,.22);z-index:5000;display:flex;align-items:center;justify-content:center}
.edit-modal{width:620px;background:#fff;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.35);border:1px solid #cfd6df;overflow:hidden}
.edit-modal-title{height:34px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #e5e7eb;font-size:13px;color:#111827}
.edit-modal-title .spacer{flex:1}
.edit-modal-title button{border:none;background:transparent;font-size:18px;cursor:pointer}
.edit-form{padding:0;margin:14px 18px 12px;display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #d1d5db;border-left:1px solid #d1d5db;background:#fff}
.edit-field{display:flex;flex-direction:column;gap:4px;padding:9px 10px;border-right:1px solid #d1d5db;border-bottom:1px solid #d1d5db;background:#fff}
.edit-field label{font-size:11px;color:#6b7280;font-weight:700}
.edit-field input,.edit-field select,.edit-field textarea{height:32px;border:1px solid #cfd6df;border-radius:3px;padding:6px 8px;font-size:12px;background:#fff}
.edit-field.wide{grid-column:1/-1}
.edit-field.half-wide{grid-column:auto}
.edit-form .edit-toggle-row{flex-wrap:wrap}
.edit-toggle-row{display:flex;align-items:center;gap:8px}
.edit-pill{border:1px solid #d1d5db;border-radius:6px;padding:7px 16px;background:#f3f4f6;font-size:12px;cursor:pointer}
.edit-pill.on{background:#1976d2;color:#fff}
.edit-modal-foot{height:54px;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 18px}
.edit-modal-foot button{border:none;border-radius:6px;padding:9px 18px;font-weight:800;cursor:pointer}
.edit-cancel{background:#e5e7eb;color:#374151}.edit-confirm{background:#1976d2;color:#fff}.edit-delete{background:#dc2626;color:#fff}.edit-delete:disabled{background:#fca5a5;color:#fff;cursor:not-allowed;opacity:.65}
html,body{height:100%;overflow:auto;}
.system-design{height:calc(100vh - var(--fq-shell-h));overflow-y:auto;overflow-x:hidden;display:block;}
.system-bottom{height:auto!important;min-height:560px;overflow:visible!important;flex:none;}
.sys-tab-body{overflow:visible!important;padding:10px 18px 24px 18px;}
.sys-table-wrap{max-height:none!important;overflow:visible!important;}
.sys-mini-table th,.sys-mini-table td{white-space:nowrap;}
.calc-result-wrap{border-top:1px solid #edf0f3;background:#fff;}
.calc-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 12px;background:#fff7ed;border-top:1px solid #fed7aa;border-bottom:1px solid #fed7aa;font-size:12px;}
.calc-summary-strip b{display:block;color:#9a3412;font-size:11px;margin-bottom:2px;}
@media(max-width:900px){.system-canvas-zone{height:45vh;min-height:300px}.system-bottom{min-height:520px}.calc-summary-strip{grid-template-columns:1fr 1fr}}
.calc-summary-strip{display:none!important;}
.system-canvas-zone svg{touch-action:none;overscroll-behavior:contain;user-select:none;}
.system-canvas-zone{overscroll-behavior:contain;}
.canvas-wrap,.design-work-area{overscroll-behavior:contain;}
body.canvas-drag-lock{overflow:hidden!important;}
.sys-action-btn:disabled{color:#9ca3af;cursor:not-allowed;opacity:.55}
.match-modal{width:620px;max-width:92vw;background:#fff;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.35);border:1px solid #cfd6df;overflow:hidden}
.match-head{height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #e5e7eb;font-size:14px;font-weight:900;color:#1a1a2e}
.match-head .spacer{flex:1}.match-head button{border:0;background:transparent;font-size:18px;cursor:pointer}
.match-body{padding:12px 14px;background:#fff;max-height:360px;overflow:auto}
.match-row{display:grid;grid-template-columns:1.4fr 1.15fr .9fr 42px 28px;gap:6px;margin-bottom:8px;align-items:center}
.match-row select,.match-row input{height:32px;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;background:#fff;font-size:12px}
.match-row .and-btn{height:28px;border:0;background:#1976d2;color:#fff;border-radius:3px;font-weight:800;font-size:11px;cursor:pointer}
.match-row .del-btn{height:28px;border:0;background:#dc3545;color:#fff;border-radius:3px;font-weight:800;cursor:pointer}
.match-foot{height:52px;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 14px}
.match-foot button{border:none;border-radius:6px;padding:9px 18px;font-weight:800;cursor:pointer}
.match-modal-back{position:fixed;inset:0;background:rgba(0,0,0,.28);z-index:9000;display:flex;align-items:center;justify-content:center}
.match-modal-back .match-modal{position:relative;z-index:9001}
.ac-field.gear-field.has-gear select{padding-right:34px}
.ac-field.gear-field.no-gear select{padding-right:7px}
.ac-gear{position:absolute;right:4px;bottom:2px;width:24px;height:24px;border:0;background:#eef0f3;color:#666;border-radius:3px;cursor:pointer;font-size:14px;line-height:24px}
.ac-gear:hover{background:#dbeafe;color:#1d4ed8}
.option-modal-back{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:6500;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.option-modal{width:520px;max-width:calc(100vw - 32px);max-height:min(84vh,760px);background:#fff;border-radius:8px;border:1px solid #cfd6df;box-shadow:0 20px 60px rgba(0,0,0,.32);overflow:hidden;display:flex;flex-direction:column}
.option-modal-head{height:36px;min-height:36px;flex:0 0 36px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #e5e7eb;background:#f8fafc;font-weight:900;color:#111827;position:relative;z-index:3}
.option-modal-head .spacer{flex:1}.option-modal-head button{border:0;background:transparent;font-size:18px;cursor:pointer}
.option-modal-body{padding:12px;overflow:auto;min-height:0;flex:1 1 auto;-webkit-overflow-scrolling:touch}.option-add-grid{display:grid;grid-template-columns:1fr 110px 74px;gap:8px;margin-bottom:10px}
.option-add-grid input{height:32px;border:1px solid #cfd6df;border-radius:4px;padding:6px 8px;font-size:12px}
.option-add-grid button,.option-row-actions button,.option-modal-foot button{border:0;border-radius:5px;padding:7px 10px;font-weight:800;cursor:pointer}
.option-add-grid button{background:#16a34a;color:#fff}.option-table{width:100%;border-collapse:collapse;font-size:12px}
.option-table th,.option-table td{border:1px solid #e5e7eb;padding:6px;text-align:left;height:30px!important}.option-table th{background:#f3f4f6;color:#374151;position:sticky;top:0;z-index:2}
.option-row-actions{display:flex;gap:5px}.option-row-actions .edit{background:#f59e0b;color:#111}.option-row-actions .del{background:#dc2626;color:#fff}.option-row-actions .use,.option-row-actions .default{background:#2563eb;color:#fff}.option-table tr.active-option td{background:#e0f2fe!important;color:#075985!important;font-weight:800}
.option-modal-foot{height:46px;min-height:46px;flex:0 0 46px;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:0 12px;position:relative;z-index:3}.option-modal-foot .cancel{background:#e5e7eb;color:#374151}.option-modal-foot .save{background:#1976d2;color:#fff}
.mini-hint{font-size:10px;color:#888;margin-top:4px}
.system-design{height:calc(100vh - var(--fq-shell-h))!important;overflow-y:auto!important;overflow-x:hidden!important;display:block!important;}
.system-canvas-zone{height:50vh!important;min-height:340px!important;max-height:50vh!important;overflow:hidden!important;border-bottom:1px solid #d7dde5;}
.system-canvas-zone .page{height:100%!important;min-height:0!important;}
.system-canvas-zone .canvas-wrap{height:100%!important;min-height:0!important;}
.system-canvas-zone .design-work-area{height:100%!important;min-height:0!important;}
.system-bottom{height:auto!important;min-height:480px!important;overflow:visible!important;}
.system-bottom .sys-table-wrap{max-height:230px!important;overflow:auto!important;border-bottom:1px solid #e5e7eb;}
.system-bottom .calc-result-wrap{max-height:230px!important;overflow:auto!important;}
.system-bottom .sys-mini-table thead th{position:sticky;top:0;z-index:2;}
.glass-v166-form{grid-template-columns:110px 1fr!important;border:0!important;margin:18px 46px 28px!important;gap:10px 12px!important;background:#fff!important}
.glass-v166-form .edit-field{display:grid!important;grid-template-columns:90px 1fr!important;grid-column:1 / -1!important;border:0!important;padding:0!important;align-items:center!important;gap:10px!important}
.glass-v166-form .edit-field label{font-size:12px!important;color:#4b5563!important;font-weight:700!important}
.glass-v166-form .edit-field input,.glass-v166-form .edit-field select{height:31px!important;border:1px solid #d1d5db!important;border-radius:4px!important;background:#fff!important;font-size:12px!important;padding:5px 8px!important}
.catalog-page .card.system-form-hidden{display:none!important}
.sys-mini-table tr.row-selected td{background:#0d6efd!important;color:#fff!important;outline:1px solid #084298;}
.sys-mini-table tr.row-selected td:first-child{box-shadow:inset 4px 0 0 #f59e0b;}
.sys-mini-table input[type="checkbox"]{width:15px;height:15px;accent-color:#0d6efd;cursor:pointer;}
.selected-row-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px 0;padding:8px 12px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:6px;font-size:12px;font-weight:800;}
.selected-row-strip .muted{color:#64748b;font-weight:700;}
.selected-row-strip button{border:1px solid #93c5fd;background:#fff;color:#1d4ed8;border-radius:5px;padding:4px 9px;font-weight:800;cursor:pointer;}
.sys-section-actions .selected-chip{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:999px;background:#dcfce7;color:#166534;font-size:10px;font-weight:900;}
.sys-action-btn:disabled{opacity:.42!important;}
@media (max-width: 768px){
html,body,#root{width:100%;max-width:100%;overflow-x:hidden;}
body{font-size:13px;background:#eef1f4;}
.top{height:48px;padding:0 10px;gap:8px;position:sticky;top:0;z-index:80;}
.logo{font-size:18px;min-width:0;}
.logo-b{width:28px;height:28px;min-width:28px;}
.top .version{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;}
.tabs{height:auto;min-height:42px;padding:6px 8px;gap:6px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;position:sticky;top:48px;z-index:79;-webkit-overflow-scrolling:touch;}
.tab{padding:8px 12px;font-size:13px;min-width:max-content;}
.page{height:auto!important;min-height:calc(100vh - 92px);display:grid!important;grid-template-columns:72px minmax(0,1fr);grid-template-areas:"side canvas" "props props";align-items:stretch;}
.side{grid-area:side;width:72px!important;height:calc(56vh - 10px);min-height:330px;overflow-y:auto;overflow-x:hidden;padding:6px 5px;position:sticky;top:92px;z-index:20;background:#f7f8fa;border-right:1px solid #d7dde5;}
.tool{min-height:48px;margin-bottom:6px;font-size:10px;line-height:1.1;border-radius:9px;padding:4px 2px;}
.canvas-wrap{grid-area:canvas;width:100%;min-width:0;height:56vh!important;min-height:330px!important;overflow:hidden;background:#fff;}
.canvas-head{height:auto!important;min-height:36px;padding:6px 8px;gap:6px;flex-wrap:wrap;font-size:11px;}
.canvas-head b{font-size:12px;}
.canvas-head .btn,.canvas-head button{padding:7px 9px;font-size:11px;}
.design-work-area{height:calc(56vh - 42px)!important;min-height:285px!important;overflow:hidden!important;}
.props{grid-area:props;width:100%!important;height:auto!important;max-height:none!important;display:block!important;border-left:0!important;border-top:1px solid #d7dde5;background:#fff;overflow:visible!important;padding:0!important;}
.ac-props-body,.right-panel-body{width:100%!important;padding:12px!important;overflow:visible!important;}
.ac-field input,.ac-field select,.ac-field textarea,.v616-field input,.v616-field select,.v616-field textarea{height:44px!important;font-size:16px!important;padding:8px 10px!important;}
.ac-field label,.v616-field label{font-size:12px!important;margin-bottom:4px!important;}
.ac-mini-actions button,.ac-opening button{height:40px!important;font-size:13px!important;}
.ac-slide-options button,.ac-slide-options div{min-height:44px!important;font-size:12px!important;}
.saved-card-bar{height:130px!important;overflow-x:auto;overflow-y:hidden;padding:8px!important;-webkit-overflow-scrolling:touch;}
.design-card-mini{width:150px!important;min-width:150px!important;height:112px!important;}
.design-card-preview{height:78px!important;}
.system-design{height:auto!important;min-height:100vh!important;overflow-x:hidden!important;}
.system-bar{height:auto!important;min-height:44px;padding:6px 8px;gap:6px;flex-wrap:wrap;position:sticky;top:90px;z-index:70;}
.system-bar .btn,.back-btn{padding:8px 10px;font-size:12px;}
.system-canvas-zone{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;}
.system-canvas-zone .page{height:auto!important;display:grid!important;grid-template-columns:72px minmax(0,1fr);grid-template-areas:"side canvas" "props props";}
.system-canvas-zone .canvas-wrap{height:52vh!important;min-height:310px!important;}
.system-canvas-zone .design-work-area{height:calc(52vh - 42px)!important;min-height:260px!important;}
.system-canvas-zone .props{width:100%!important;}
.system-bottom{min-height:0!important;height:auto!important;overflow:visible!important;}
.sys-tab-strip{overflow-x:auto;gap:4px;padding:5px 6px;height:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;}
.sys-tab{min-width:max-content;padding:8px 12px;height:auto;}
.sys-tab-body{padding:8px!important;overflow-x:hidden!important;}
.sys-section-head,.sys-sub-head{height:auto!important;min-height:38px;padding:8px!important;gap:6px;}
.sys-section-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;}
.sys-table-wrap,.calc-result-wrap{max-height:260px!important;overflow:auto!important;-webkit-overflow-scrolling:touch;}
table{min-width:640px;}
th,td{font-size:12px;padding:7px;}
.edit-modal,.option-modal,.match-modal,.quote-modal{width:94vw!important;max-height:86vh!important;overflow:auto!important;}
.option-modal-back{padding:10px!important;align-items:center!important;}
.option-modal{width:94vw!important;max-width:94vw!important;max-height:82dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
.option-modal-head{flex:0 0 42px!important;height:42px!important;min-height:42px!important;}
.option-modal-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:10px!important;}
.option-modal-foot{flex:0 0 50px!important;height:50px!important;min-height:50px!important;}
.option-modal .option-table{min-width:0!important;width:100%!important;}
.option-modal .option-row-actions{flex-wrap:wrap!important;}
.edit-form,.quote-form-grid{grid-template-columns:1fr!important;margin:12px!important;}
.edit-field,.edit-field.wide,.edit-field.half-wide{grid-column:1/-1!important;}
.option-add-grid{grid-template-columns:1fr!important;}
.quote-page-v616{padding:10px!important;min-height:calc(100vh - 92px)!important;}
.quote-titlebar,.quote-actions-top{gap:8px;flex-wrap:wrap;}
.quote-table-wrap{height:55vh!important;overflow:auto!important;}
.catalog-page{padding:12px!important;}
.catalog-stage{grid-template-columns:repeat(2, minmax(135px, 1fr))!important;gap:14px!important;justify-content:stretch!important;min-height:0!important;}
.sys-card{width:100%!important;}
.material-page,.material-wrap{overflow-x:hidden!important;}
.material-page input,.material-page select,.material-page button{font-size:15px!important;min-height:40px;}
}
@media (max-width: 430px){
.top .version{max-width:135px;}
.page,.system-canvas-zone .page{grid-template-columns:62px minmax(0,1fr);}
.side{width:62px!important;padding:5px 4px;}
.tool{font-size:9px;min-height:44px;}
.canvas-wrap{height:52vh!important;min-height:300px!important;}
.design-work-area{height:calc(52vh - 42px)!important;min-height:255px!important;}
.tab{padding:8px 10px;font-size:13px;}
.catalog-stage{grid-template-columns:1fr!important;}
}
.canvas-wrap svg,.design-work-area svg{touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;}
.design-props-toggle{position:absolute;right:10px;top:8px;z-index:8;border:1px solid #cfd6df;background:#fff;color:#1d4ed8;border-radius:999px;width:34px;height:34px;font-weight:900;box-shadow:0 1px 4px rgba(0,0,0,.12);cursor:pointer}
.design-detail-back{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:9000;display:flex;align-items:center;justify-content:center;padding:14px}
.design-detail-modal{width:860px;max-width:96vw;max-height:88vh;background:#fff;border-radius:10px;box-shadow:0 18px 55px rgba(0,0,0,.28);overflow:hidden;display:flex;flex-direction:column}
.design-detail-head{height:42px;background:#0d2037;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-weight:900}
.design-detail-head button{border:0;background:#fff;color:#0d2037;border-radius:5px;padding:5px 10px;font-weight:900;cursor:pointer}
.design-detail-body{padding:12px;overflow:auto;font-size:12px}.design-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.design-detail-box{border:1px solid #e5e7eb;border-radius:7px;padding:8px;background:#f8fafc}.design-detail-box b{display:block;color:#64748b;font-size:11px;margin-bottom:3px}.design-detail-table{width:100%;border-collapse:collapse;margin:8px 0 14px}.design-detail-table th,.design-detail-table td{border:1px solid #e5e7eb;padding:6px;text-align:left;font-size:12px}.design-detail-table th{background:#f3f4f6;color:#374151}.design-detail-section{font-weight:900;color:#1d4ed8;margin:12px 0 5px}
@media(max-width:900px){.design-props-toggle{right:8px;top:6px}.design-detail-grid{grid-template-columns:1fr 1fr}.design-detail-modal{max-height:92vh}.design-detail-table th,.design-detail-table td{font-size:11px;padding:5px}.props{width:100%!important}}
@media (max-width: 768px){
html,body,#root{width:100%!important;max-width:100%!important;min-height:100%!important;overflow-x:hidden!important;background:#eef1f4!important;}
body{padding-bottom:76px!important;}
.top{height:58px!important;position:sticky!important;top:0!important;z-index:300!important;padding:0 10px!important;}
.logo{font-size:20px!important;}
.top .version{font-size:12px!important;max-width:190px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.tabs{height:52px!important;min-height:52px!important;position:sticky!important;top:58px!important;z-index:299!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;overflow:hidden!important;gap:4px!important;padding:7px 5px!important;background:#fff!important;border-bottom:1px solid #d5dbe3!important;white-space:normal!important;}
.tab{height:36px!important;min-width:0!important;width:100%!important;padding:6px 2px!important;font-size:12px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.05!important;white-space:normal!important;overflow:hidden!important;}
.page,.system-canvas-zone .page{display:block!important;height:auto!important;min-height:0!important;width:100%!important;overflow:visible!important;}
.side,.system-canvas-zone .side{
position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:72px!important;min-height:72px!important;
z-index:350!important;background:#fff!important;border-right:0!important;border-top:1px solid #cfd6df!important;box-shadow:0 -2px 10px rgba(15,23,42,.12)!important;
display:flex!important;gap:6px!important;align-items:center!important;overflow-x:auto!important;overflow-y:hidden!important;padding:7px 8px!important;-webkit-overflow-scrolling:touch!important;
}
.tool{min-width:76px!important;height:56px!important;min-height:56px!important;margin:0!important;border-radius:10px!important;font-size:11px!important;line-height:1.05!important;flex:0 0 auto!important;background:#fff!important;}
.tool span{font-size:16px!important;line-height:1!important;}
.tool.active{background:#eff6ff!important;border-color:#2563eb!important;color:#1d4ed8!important;}
.canvas-wrap,.system-canvas-zone .canvas-wrap{width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important;}
.canvas-head{min-height:44px!important;height:auto!important;position:sticky!important;top:110px!important;z-index:210!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:6px 8px!important;gap:6px!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
.canvas-head b{font-size:13px!important;white-space:nowrap!important;}
.canvas-head span{font-size:11px!important;white-space:nowrap!important;}
.canvas-head .btn,.canvas-head button{height:34px!important;padding:7px 10px!important;font-size:12px!important;white-space:nowrap!important;}
.canvas-head select{min-width:170px!important;max-width:210px!important;height:31px!important;font-size:12px!important;}
.active-quote-strip{height:auto!important;min-height:38px!important;display:flex!important;gap:8px!important;align-items:center!important;overflow-x:auto!important;white-space:nowrap!important;padding:6px 8px!important;font-size:12px!important;position:relative!important;z-index:120!important;background:#fff7ed!important;}
.active-quote-strip button{height:32px!important;min-width:max-content!important;}
.design-work-area,.system-canvas-zone .design-work-area{height:calc(100vh - 58px - 52px - 44px - 72px - 130px)!important;min-height:300px!important;max-height:none!important;overflow:hidden!important;background:#fff!important;}
.design-work-area svg{width:100%!important;height:100%!important;touch-action:none!important;}
.saved-card-bar{height:120px!important;min-height:120px!important;max-height:120px!important;display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;padding:7px 8px!important;background:#f8fafc!important;border-top:1px solid #d7dde5!important;margin:0!important;-webkit-overflow-scrolling:touch!important;}
.saved-card-label{height:104px!important;min-width:34px!important;font-size:10px!important;padding:6px 4px!important;letter-spacing:3px!important;}
.design-card-mini{width:150px!important;min-width:150px!important;height:104px!important;padding-top:18px!important;}
.design-card-preview{height:72px!important;margin:0 6px!important;}
.design-card-title{font-size:11px!important;margin-top:2px!important;}
.design-props-toggle{
position:fixed!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;z-index:360!important;
width:42px!important;height:58px!important;border-radius:16px 0 0 16px!important;background:#2563eb!important;color:#fff!important;border:0!important;
box-shadow:0 3px 14px rgba(0,0,0,.25)!important;font-size:24px!important;line-height:1!important;
}
.props,.system-canvas-zone .props{
position:fixed!important;right:0!important;top:110px!important;bottom:76px!important;left:auto!important;width:min(92vw,390px)!important;height:auto!important;
z-index:340!important;background:#fff!important;border-left:1px solid #cbd5e1!important;border-top:0!important;box-shadow:-4px 0 18px rgba(15,23,42,.22)!important;
overflow:auto!important;padding:0!important;display:block!important;
}
.right-panel-body,.ac-props-body{padding:12px!important;overflow:visible!important;width:100%!important;}
.ac-side-title{font-size:18px!important;margin:4px 0 12px!important;}
.ac-field input,.ac-field select,.ac-field textarea,.v616-field input,.v616-field select,.v616-field textarea{height:44px!important;font-size:16px!important;padding:8px 10px!important;background:#fff!important;}
.ac-field label,.v616-field label{font-size:12px!important;margin-bottom:4px!important;}
.ac-mini-actions button,.ac-opening button{height:42px!important;font-size:14px!important;}
.ac-slide-options button,.ac-slide-options div{min-height:46px!important;font-size:13px!important;}
.quote-page-v616,.catalog-page,.material-page{padding-bottom:84px!important;}
table{min-width:640px!important;}
.sys-table-wrap,.calc-result-wrap,.quote-table-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch!important;}
}
@media (max-width: 430px){
.top .version{max-width:155px!important;}
.tool{min-width:70px!important;font-size:10px!important;}
.canvas-head select{min-width:145px!important;}
.design-work-area,.system-canvas-zone .design-work-area{min-height:290px!important;height:calc(100vh - 58px - 52px - 44px - 72px - 120px)!important;}
.saved-card-bar{height:112px!important;min-height:112px!important;max-height:112px!important;}
.saved-card-label{height:96px!important;}
.design-card-mini{height:96px!important;width:138px!important;min-width:138px!important;}
.design-card-preview{height:64px!important;}
}
@media (max-width: 768px){
html,body,#root{width:100%!important;max-width:100%!important;height:100%!important;min-height:100%!important;overflow:hidden!important;background:#eef1f4!important;}
body{padding:0!important;margin:0!important;}
.top{height:58px!important;min-height:58px!important;position:relative!important;z-index:300!important;padding:0 10px!important;}
.logo{font-size:20px!important;}
.top .version{font-size:12px!important;max-width:170px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.tabs{height:52px!important;min-height:52px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;overflow:hidden!important;gap:4px!important;padding:7px 5px!important;background:#fff!important;border-bottom:1px solid #d5dbe3!important;white-space:normal!important;}
.tab{height:36px!important;min-width:0!important;width:100%!important;padding:6px 2px!important;font-size:12px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.05!important;white-space:normal!important;overflow:hidden!important;}
.page,.system-canvas-zone .page{display:block!important;width:100%!important;height:calc(100dvh - 58px - 52px - 68px)!important;min-height:0!important;overflow:hidden!important;background:#eef1f4!important;}
.side,.system-canvas-zone .side{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:68px!important;min-height:68px!important;z-index:360!important;background:#fff!important;border:0!important;border-top:1px solid #cfd6df!important;box-shadow:0 -2px 10px rgba(15,23,42,.14)!important;display:grid!important;grid-template-columns:repeat(8,1fr)!important;gap:4px!important;padding:6px!important;overflow:hidden!important;}
.tool{width:100%!important;min-width:0!important;height:54px!important;min-height:54px!important;margin:0!important;border-radius:9px!important;font-size:10px!important;line-height:1.05!important;background:#fff!important;padding:3px 1px!important;}
.tool span{font-size:15px!important;line-height:1!important;}
.tool.active{background:#eff6ff!important;border-color:#2563eb!important;color:#1d4ed8!important;}
.canvas-wrap,.system-canvas-zone .canvas-wrap{width:100%!important;height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#fff!important;}
.canvas-head{height:42px!important;min-height:42px!important;position:relative!important;top:auto!important;z-index:210!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:5px 8px!important;gap:6px!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;}
.canvas-head b{font-size:13px!important;white-space:nowrap!important;}
.canvas-head span{font-size:11px!important;white-space:nowrap!important;}
.canvas-head .btn,.canvas-head button{height:32px!important;padding:6px 9px!important;font-size:12px!important;white-space:nowrap!important;}
.canvas-head select{min-width:150px!important;max-width:190px!important;height:30px!important;font-size:12px!important;}
.active-quote-strip{height:34px!important;min-height:34px!important;display:flex!important;gap:8px!important;align-items:center!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;padding:4px 8px!important;font-size:11px!important;background:#fff7ed!important;border-bottom:1px solid #fed7aa!important;flex:0 0 auto!important;}
.active-quote-strip button{height:28px!important;min-width:max-content!important;padding:4px 8px!important;}
.design-work-area,.system-canvas-zone .design-work-area{flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;background:#fff!important;position:relative!important;}
.design-work-area svg{width:100%!important;height:100%!important;touch-action:none!important;}
.saved-card-bar{height:106px!important;min-height:106px!important;max-height:106px!important;flex:0 0 106px!important;display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;padding:6px 7px!important;background:#f8fafc!important;border-top:1px solid #d7dde5!important;margin:0!important;-webkit-overflow-scrolling:touch!important;}
.saved-card-label{height:92px!important;min-width:30px!important;font-size:9px!important;padding:6px 3px!important;letter-spacing:3px!important;}
.design-card-mini{width:132px!important;min-width:132px!important;height:92px!important;padding-top:16px!important;}
.design-card-actions{top:2px!important;font-size:10px!important;gap:8px!important;}
.design-card-preview{height:58px!important;margin:0 5px!important;}
.design-card-title{font-size:10px!important;margin-top:2px!important;}
.design-props-toggle{position:fixed!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;z-index:370!important;width:42px!important;height:58px!important;border-radius:16px 0 0 16px!important;background:#2563eb!important;color:#fff!important;border:0!important;box-shadow:0 3px 14px rgba(0,0,0,.25)!important;font-size:24px!important;line-height:1!important;}
.props,.system-canvas-zone .props{position:fixed!important;right:0!important;top:110px!important;bottom:68px!important;left:auto!important;width:min(92vw,390px)!important;height:auto!important;z-index:350!important;background:#fff!important;border-left:1px solid #cbd5e1!important;border-top:0!important;box-shadow:-4px 0 18px rgba(15,23,42,.22)!important;overflow:auto!important;padding:0!important;display:block!important;}
.right-panel-body,.ac-props-body{padding:12px!important;overflow:visible!important;width:100%!important;}
.ac-side-title{font-size:17px!important;margin:4px 0 12px!important;}
.ac-field input,.ac-field select,.ac-field textarea,.v616-field input,.v616-field select,.v616-field textarea{height:42px!important;font-size:15px!important;padding:8px 10px!important;background:#fff!important;}
.ac-field label,.v616-field label{font-size:12px!important;margin-bottom:4px!important;}
.quote-page-v616,.catalog-page,.material-page{height:calc(100dvh - 58px - 52px)!important;overflow:auto!important;padding-bottom:78px!important;}
table{min-width:640px!important;}
.sys-table-wrap,.calc-result-wrap,.quote-table-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch!important;}
}
@media (max-width: 430px){
.top .version{max-width:145px!important;}
.tab{font-size:13px!important;padding:8px 10px!important;}
.tool{font-size:9px!important;height:52px!important;min-height:52px!important;}
.tool span{font-size:14px!important;}
.side,.system-canvas-zone .side{height:64px!important;min-height:64px!important;}
.page,.system-canvas-zone .page{height:calc(100dvh - 58px - 52px - 64px)!important;}
.saved-card-bar{height:98px!important;min-height:98px!important;max-height:98px!important;flex-basis:98px!important;}
.saved-card-label{height:84px!important;}
.design-card-mini{height:84px!important;width:124px!important;min-width:124px!important;}
.design-card-preview{height:52px!important;}
.props,.system-canvas-zone .props{bottom:64px!important;}
}
@media (max-width: 640px){
.quote-table-wrap{
overflow-x:hidden!important;
width:100%!important;
}
.quote-table-v616{
width:100%!important;
min-width:0!important;
table-layout:fixed!important;
}
.quote-table-v616 th,
.quote-table-v616 td{
white-space:normal!important;
word-break:break-word!important;
padding:6px 4px!important;
font-size:11px!important;
}
.quote-table-v616 th:nth-child(3),
.quote-table-v616 th:nth-child(4),
.quote-table-v616 th:nth-child(5),
.quote-table-v616 th:nth-child(6),
.quote-table-v616 th:nth-child(7),
.quote-table-v616 th:nth-child(8),
.quote-table-v616 th:nth-child(9),
.quote-table-v616 td:nth-child(3),
.quote-table-v616 td:nth-child(4),
.quote-table-v616 td:nth-child(5),
.quote-table-v616 td:nth-child(6),
.quote-table-v616 td:nth-child(7),
.quote-table-v616 td:nth-child(8),
.quote-table-v616 td:nth-child(9){
display:none!important;
}
.quote-table-v616 th:nth-child(1),
.quote-table-v616 td:nth-child(1){
width:58px!important;
max-width:58px!important;
}
.quote-table-v616 th:nth-child(2),
.quote-table-v616 td:nth-child(2){
width:auto!important;
}
.quote-table-v616 th:nth-child(10),
.quote-table-v616 td:nth-child(10){
width:138px!important;
max-width:138px!important;
}
.quote-row-actions{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:4px!important;
align-items:stretch!important;
justify-content:stretch!important;
}
.quote-row-actions .q-action-btn{
width:100%!important;
min-width:0!important;
padding:5px 2px!important;
font-size:9px!important;
line-height:1.05!important;
border-radius:4px!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.quote-empty{display:table-cell!important;}
}
@media (max-width:640px){
.quote-page-v616{padding:14px 10px 84px!important;}
.quote-titlebar{align-items:center!important;gap:10px!important;margin-bottom:10px!important;}
.quote-titlebar h2{font-size:24px!important;line-height:1.1!important;}
.quote-add-btn{padding:12px 14px!important;font-size:14px!important;white-space:nowrap!important;}
.quote-actions-top{display:block!important;padding:10px!important;}
.quote-hint-input{width:100%!important;height:34px!important;margin-bottom:9px!important;text-align:center!important;}
.quote-top-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
.quote-top-buttons button{width:100%!important;min-width:0!important;padding:10px 4px!important;font-size:11px!important;white-space:nowrap!important;}
.quote-top-buttons .q-design{grid-column:2/4!important;}
.quote-table-wrap{height:auto!important;max-height:none!important;overflow:visible!important;border:0!important;background:transparent!important;}
.quote-table-v616,.quote-table-v616 tbody{display:block!important;width:100%!important;min-width:0!important;background:transparent!important;}
.quote-table-v616 thead{display:none!important;}
.quote-table-v616 tbody{display:grid!important;gap:11px!important;}
.quote-table-v616 tbody tr{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:7px 10px!important;
width:100%!important;
margin:0!important;
padding:12px!important;
border:1px solid #d7dee8!important;
border-radius:13px!important;
background:#fff!important;
box-shadow:0 2px 7px rgba(15,23,42,.08)!important;
overflow:hidden!important;
}
.quote-table-v616 tbody tr.selected{border-color:#2563eb!important;box-shadow:0 0 0 2px rgba(37,99,235,.14),0 2px 7px rgba(15,23,42,.08)!important;}
.quote-table-v616 tbody tr.selected td{background:transparent!important;}
.quote-table-v616 tbody tr.selected td:first-child{box-shadow:none!important;}
.quote-table-v616 tbody td{
display:block!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
height:auto!important;
padding:0!important;
border:0!important;
background:transparent!important;
white-space:normal!important;
word-break:break-word!important;
overflow:visible!important;
font-size:12px!important;
line-height:1.25!important;
}
.quote-table-v616 tbody td::before{display:block;color:#7b8798;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.35px;margin-bottom:2px;}
.quote-table-v616 tbody td:nth-child(1){grid-column:1;grid-row:1;font-size:13px!important;font-weight:900;color:#0f172a;}
.quote-table-v616 tbody td:nth-child(1)::before{content:'Quotation ID';}
.quote-table-v616 tbody td:nth-child(2){grid-column:2;grid-row:1;text-align:right;align-self:start;}
.quote-table-v616 tbody td:nth-child(2)::before{display:none;}
.quote-table-v616 tbody td:nth-child(3){grid-column:1/3;grid-row:2;font-size:17px!important;font-weight:900;color:#111827;}
.quote-table-v616 tbody td:nth-child(3)::before{content:'Party';}
.quote-table-v616 tbody td:nth-child(4){grid-column:1;grid-row:3;}
.quote-table-v616 tbody td:nth-child(4)::before{content:'Phone';}
.quote-table-v616 tbody td:nth-child(5){grid-column:2;grid-row:3;}
.quote-table-v616 tbody td:nth-child(5)::before{content:'Address';}
.quote-table-v616 tbody td:nth-child(6){display:none!important;}
.quote-table-v616 tbody td:nth-child(7){grid-column:1;grid-row:4;}
.quote-table-v616 tbody td:nth-child(7)::before{content:'Date';}
.quote-table-v616 tbody td:nth-child(8){grid-column:2;grid-row:4;text-align:right;}
.quote-table-v616 tbody td:nth-child(8)::before{content:'Status';text-align:right;}
.quote-table-v616 tbody td:nth-child(9){grid-column:1/3;grid-row:5;color:#475569;}
.quote-table-v616 tbody td:nth-child(9)::before{content:'Notes';}
.quote-table-v616 tbody td:nth-child(9):empty{display:none!important;}
.quote-table-v616 tbody td:nth-child(10){grid-column:1/3;grid-row:6;padding:9px 10px!important;border-radius:9px!important;background:#f1f7ff!important;color:#0f3d78!important;text-align:right;font-size:18px!important;font-weight:900;}
.quote-table-v616 tbody td:nth-child(10)::before{content:'Quotation Amount';float:left;margin:5px 8px 0 0;color:#64748b;font-size:10px;}
.quote-table-v616 tbody td:nth-child(11){grid-column:1/3;grid-row:7;margin-top:2px;position:relative!important;z-index:auto!important;}
.quote-table-v616 tbody td:nth-child(11)::before{display:none;}
.quote-row-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
.quote-row-actions .q-action-btn{width:100%!important;min-width:0!important;height:38px!important;padding:7px 5px!important;font-size:11px!important;line-height:1.1!important;border-radius:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.quote-type-badge{display:inline-flex!important;max-width:100%!important;justify-content:center!important;white-space:nowrap!important;font-size:9px!important;padding:4px 7px!important;}
.quote-status-badge{display:inline-flex!important;justify-content:center!important;max-width:100%!important;white-space:normal!important;text-align:center!important;font-size:9px!important;line-height:1.15!important;padding:4px 7px!important;}
.quote-empty{display:block!important;grid-column:1/3!important;text-align:center!important;padding:24px!important;}
.quote-footer{text-align:center!important;margin-top:12px!important;}
}
.system-bottom-toggle{height:36px;border:0;border-top:1px solid #d7dde5;border-bottom:1px solid #d7dde5;background:#1976d2;color:#fff;font-weight:900;font-size:12px;cursor:pointer;width:100%;letter-spacing:.2px}
.system-bottom.is-closed{display:none!important}
.system-design.bottom-closed .system-canvas-zone{height:calc(100vh - var(--fq-shell-h) - 46px - 36px)!important;max-height:none!important;min-height:320px!important}
.system-design.bottom-open .system-canvas-zone{height:45vh!important;max-height:45vh!important;min-height:300px!important}
@media(max-width:640px){
.system-bottom-toggle{height:34px;font-size:11px;position:sticky;bottom:0;z-index:25}
.system-design.bottom-closed .system-canvas-zone{height:calc(100vh - var(--fq-shell-h) - 46px - 34px)!important;max-height:none!important;min-height:360px!important}
.system-design.bottom-open .system-canvas-zone{height:42vh!important;max-height:42vh!important;min-height:300px!important}
.system-bottom.is-open{min-height:420px!important}
}
@media(max-width:640px){
.system-design{position:relative!important;}
.system-bottom-toggle{
position:fixed!important;
right:12px!important;
bottom:78px!important;
width:118px!important;
height:42px!important;
border:0!important;
border-radius:22px!important;
background:#2563eb!important;
color:#fff!important;
font-size:12px!important;
font-weight:900!important;
box-shadow:0 8px 22px rgba(37,99,235,.35)!important;
z-index:5000!important;
display:block!important;
}
.system-bottom.is-closed{display:none!important;}
.system-bottom.is-open{
display:flex!important;
position:fixed!important;
left:0!important;
right:0!important;
bottom:70px!important;
height:46vh!important;
min-height:300px!important;
max-height:46vh!important;
overflow:auto!important;
z-index:4900!important;
background:#fff!important;
border-top:2px solid #2563eb!important;
box-shadow:0 -10px 28px rgba(15,23,42,.22)!important;
}
.system-bottom.is-open .sys-tab-strip{
position:sticky!important;
top:0!important;
z-index:2!important;
overflow-x:auto!important;
white-space:nowrap!important;
}
.system-design.bottom-closed .system-canvas-zone,
.system-design.bottom-open .system-canvas-zone{
height:calc(100vh - var(--fq-shell-h) - 46px - 70px)!important;
max-height:none!important;
min-height:420px!important;
}
}
@media (max-width:640px){
.system-design .system-bar{
height:50px!important;
padding:0 10px!important;
gap:8px!important;
position:sticky!important;
top:0!important;
z-index:80!important;
}
.system-design .system-bar .sys-title,
.system-design .system-bar .btn.blue{
display:none!important;
}
.system-design .system-bar .spacer{
flex:1!important;
}
.system-design .system-bar .back-btn{
height:38px!important;
min-width:88px!important;
padding:0 12px!important;
font-size:13px!important;
border-radius:8px!important;
}
.system-design .system-bar .btn.green{
height:38px!important;
min-width:92px!important;
padding:0 14px!important;
font-size:13px!important;
border-radius:8px!important;
}
.system-canvas-zone .canvas-head,
.system-canvas-zone .active-quote-strip{
display:none!important;
}
.system-canvas-zone{
margin-top:0!important;
height:calc(100vh - var(--fq-shell-h) - 50px - 58px)!important;
max-height:none!important;
min-height:520px!important;
}
.system-design.bottom-closed .system-canvas-zone{
height:calc(100vh - var(--fq-shell-h) - 50px - 58px)!important;
max-height:none!important;
}
.system-design.bottom-open .system-canvas-zone{
height:46vh!important;
max-height:46vh!important;
min-height:360px!important;
}
.system-canvas-zone .page,
.system-canvas-zone .canvas-wrap,
.system-canvas-zone .design-work-area{
height:100%!important;
min-height:0!important;
}
.system-canvas-zone .side{
position:fixed!important;
left:0!important;
right:0!important;
bottom:0!important;
width:100%!important;
height:58px!important;
display:grid!important;
grid-template-columns:repeat(7,1fr)!important;
gap:4px!important;
padding:4px 6px!important;
background:#fff!important;
border-top:1px solid #d7dde5!important;
z-index:70!important;
overflow:hidden!important;
}
}
@media (max-width:640px){
html,body{
overflow-x:hidden!important;
max-width:100%!important;
}
.catalog-page,
.quote-page-v616,
.page{
overflow-x:hidden!important;
max-width:100%!important;
}
.material-page,
.material-library,
[data-page="material"],
.mat-page{
width:100%!important;
max-width:100%!important;
overflow-x:hidden!important;
}
.material-page .quote-titlebar,
.material-library .quote-titlebar,
.mat-page .quote-titlebar{
display:flex!important;
flex-wrap:wrap!important;
gap:6px!important;
align-items:center!important;
}
.material-page button,
.material-library button,
.mat-page button{
max-width:100%!important;
}
.material-page input,
.material-page select,
.material-library input,
.material-library select,
.mat-page input,
.mat-page select{
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
.material-page table,
.material-library table,
.mat-page table{
width:100%!important;
min-width:0!important;
table-layout:fixed!important;
}
.material-page th,
.material-page td,
.material-library th,
.material-library td,
.mat-page th,
.mat-page td{
white-space:normal!important;
word-break:break-word!important;
overflow-wrap:anywhere!important;
font-size:10px!important;
padding:5px 3px!important;
}
.material-page th:nth-child(3),
.material-page td:nth-child(3),
.material-page th:nth-child(4),
.material-page td:nth-child(4),
.material-page th:nth-child(6),
.material-page td:nth-child(6),
.material-library th:nth-child(3),
.material-library td:nth-child(3),
.material-library th:nth-child(4),
.material-library td:nth-child(4),
.material-library th:nth-child(6),
.material-library td:nth-child(6),
.mat-page th:nth-child(3),
.mat-page td:nth-child(3),
.mat-page th:nth-child(4),
.mat-page td:nth-child(4),
.mat-page th:nth-child(6),
.mat-page td:nth-child(6){
display:none!important;
}
.tabs + .material-page,
.tabs + .material-library,
.tabs + .mat-page{
overflow-x:hidden!important;
}
.material-page > div,
.material-library > div,
.mat-page > div{
max-width:100%!important;
}
.material-page .grid,
.material-library .grid,
.mat-page .grid{
grid-template-columns:1fr 1fr!important;
width:100%!important;
max-width:100%!important;
}
@media (max-width:420px){
.material-page .grid,
.material-library .grid,
.mat-page .grid{
grid-template-columns:1fr!important;
}
}
}
@media (max-width:640px){
.material-mobile-page{
overflow-x:hidden!important;
width:100%!important;
max-width:100vw!important;
}
.material-mobile-page *{
box-sizing:border-box!important;
max-width:100%!important;
}
.material-mobile-page > div:first-child{
height:auto!important;
min-height:48px!important;
padding:6px!important;
gap:5px!important;
flex-wrap:wrap!important;
}
.material-mobile-page > div:first-child > div:first-child{
flex:0 0 100%!important;
font-size:15px!important;
}
.material-mobile-page > div:first-child .btn,
.material-mobile-page > div:first-child button{
flex:1 1 23%!important;
min-width:0!important;
padding:8px 4px!important;
font-size:10px!important;
white-space:nowrap!important;
}
.material-mobile-page > div:nth-child(2){
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:5px!important;
padding:6px!important;
}
.material-mobile-page > div:nth-child(2) button{
width:100%!important;
min-width:0!important;
padding:0 4px!important;
font-size:11px!important;
}
.material-mobile-page label{
flex:1 1 calc(50% - 8px)!important;
min-width:0!important;
font-size:10px!important;
}
.material-mobile-page input,
.material-mobile-page select{
width:100%!important;
min-width:0!important;
font-size:11px!important;
}
.material-mobile-page table{
width:100%!important;
min-width:0!important;
table-layout:fixed!important;
}
.material-mobile-page th,
.material-mobile-page td{
white-space:normal!important;
overflow-wrap:anywhere!important;
word-break:break-word!important;
padding:5px 3px!important;
font-size:10px!important;
}
.material-mobile-page th:nth-child(3),
.material-mobile-page td:nth-child(3),
.material-mobile-page th:nth-child(4),
.material-mobile-page td:nth-child(4){
display:none!important;
}
.material-mobile-page th:nth-child(1),
.material-mobile-page td:nth-child(1){
width:24%!important;
}
.material-mobile-page th:nth-child(2),
.material-mobile-page td:nth-child(2){
width:38%!important;
}
.material-mobile-page th:nth-child(5),
.material-mobile-page td:nth-child(5){
width:18%!important;
}
.material-mobile-page th:nth-child(6),
.material-mobile-page td:nth-child(6){
width:20%!important;
}
}
.material-table-scroll{width:100%;max-height:calc(100vh - 360px);min-height:220px;overflow-y:auto;overflow-x:hidden;border:1px solid #9ea7b3;background:#f3f5f7;}
.material-table-scroll table{border:none!important;margin:0!important;}
.material-table-scroll thead th{position:sticky;top:0;z-index:5;}
@media(max-width:640px){.material-table-scroll{max-height:calc(100vh - 430px)!important;min-height:260px!important;overflow-y:auto!important;overflow-x:hidden!important}.material-table-scroll table{width:100%!important;min-width:0!important;table-layout:fixed!important}.material-table-scroll thead th{position:sticky!important;top:0!important;z-index:6!important}}
.material-table-scroll{
display:block!important;
width:100%!important;
height:calc(100vh - 355px)!important;
min-height:180px!important;
max-height:none!important;
overflow-y:scroll!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior:contain!important;
border:1px solid #9ea7b3!important;
background:#f3f5f7!important;
}
.material-table-scroll table{
width:100%!important;
min-width:0!important;
border-collapse:collapse!important;
table-layout:fixed!important;
}
.material-table-scroll thead th{
position:sticky!important;
top:0!important;
z-index:10!important;
}
@media(max-width:640px){
.material-table-scroll{
height:34vh!important;
min-height:230px!important;
max-height:34vh!important;
overflow-y:scroll!important;
overflow-x:hidden!important;
touch-action:pan-y!important;
}
.material-mobile-page{
height:calc(100vh - 94px)!important;
overflow:hidden!important;
}
.material-mobile-page > div:last-of-type{
overflow:hidden!important;
}
}
@media (max-width:640px){
.material-mobile-page .material-table-scroll th:nth-child(3),
.material-mobile-page .material-table-scroll td:nth-child(3){
display:table-cell!important;
width:22%!important;
}
.material-mobile-page .material-table-scroll th:nth-child(4),
.material-mobile-page .material-table-scroll td:nth-child(4),
.material-mobile-page .material-table-scroll th:nth-child(6),
.material-mobile-page .material-table-scroll td:nth-child(6){
display:none!important;
}
.material-mobile-page .material-table-scroll th:nth-child(1),
.material-mobile-page .material-table-scroll td:nth-child(1){
width:24%!important;
}
.material-mobile-page .material-table-scroll th:nth-child(2),
.material-mobile-page .material-table-scroll td:nth-child(2){
width:34%!important;
}
.material-mobile-page .material-table-scroll th:nth-child(5),
.material-mobile-page .material-table-scroll td:nth-child(5){
width:20%!important;
}
}
.profile-sync-suggest{
display:grid;
grid-template-columns:1fr;
gap:4px;
margin-top:5px;
max-height:170px;
overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
border:1px solid #d0d7df;
background:#fff;
padding:4px;
border-radius:6px;
}
.profile-sync-suggest button{
text-align:left;
border:1px solid #e2e8f0;
background:#f8fafc;
border-radius:5px;
padding:6px 8px;
font-size:12px;
cursor:pointer;
}
.profile-sync-suggest button:hover{background:#e8f1ff;border-color:#2b6fe8}
.profile-sync-suggest small{display:block;color:#64748b;font-size:10px;margin-top:2px}
@media(max-width:640px){
.profile-sync-suggest{
max-height:260px!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;
}
.profile-sync-suggest button{font-size:13px;padding:8px}
}
.quote-detail-page{position:fixed;inset:94px 0 0 0;background:#eef1f5;z-index:12000;overflow:auto;padding:14px}
.quote-detail-card{background:#fff;border:1px solid #d8dde6;border-radius:10px;padding:14px;max-width:1180px;margin:0 auto;box-shadow:0 2px 8px rgba(15,23,42,.08)}
.quote-detail-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.quote-detail-head>div{flex:1;display:grid;gap:2px}
.quote-detail-head b{font-size:18px;color:#0f172a}.quote-detail-head span{font-size:12px;color:#64748b}
.quote-detail-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}
.quote-detail-summary div{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:10px;font-weight:900}
.quote-detail-summary b{display:block;color:#64748b;font-size:11px;margin-bottom:4px}
.quote-detail-table-wrap{max-height:280px;overflow:auto;border:1px solid #d1d5db;border-radius:8px}
.quote-detail-table{width:100%;border-collapse:collapse;font-size:12px}.quote-detail-table th{position:sticky;top:0;background:#0f1c2e;color:#fff;z-index:1}.quote-detail-table th,.quote-detail-table td{border:1px solid #e5e7eb;padding:8px;text-align:left}
.quote-margin-box{display:flex;align-items:end;gap:12px;margin:14px 0;padding:12px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:8px}
.quote-margin-box label{font-weight:900;font-size:12px}.quote-margin-box input{display:block;margin-top:4px;height:34px;width:150px;border:1px solid #cbd5e1;border-radius:6px;padding:6px 8px}.quote-margin-box span{color:#1d4ed8;font-size:12px;font-weight:800}
.charge-list{display:grid;gap:7px}.charge-row{display:grid;grid-template-columns:1.4fr 110px 110px 110px 42px;gap:7px;align-items:center}.charge-row input,.charge-row select{height:34px;border:1px solid #cbd5e1;border-radius:6px;padding:6px 8px}.charge-row b{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px;text-align:right}
.quote-detail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
@media(max-width:640px){
.quote-detail-page{inset:94px 0 0 0;padding:8px}
.quote-detail-head{gap:6px}.quote-detail-head .back-btn,.quote-detail-head .btn{font-size:11px;padding:8px 9px}
.quote-detail-summary{grid-template-columns:1fr 1fr}.quote-detail-summary div:last-child{grid-column:1/-1}
.quote-detail-table-wrap{max-height:250px}
.quote-detail-table{font-size:10px}.quote-detail-table th,.quote-detail-table td{padding:6px 4px}
.quote-margin-box{display:grid;gap:6px}.quote-margin-box input{width:100%}
.charge-row{grid-template-columns:1fr 70px 70px 80px 34px;gap:4px}.charge-row input,.charge-row select{font-size:10px;padding:4px}.charge-row b{font-size:10px;padding:7px 4px}
}
@media (min-width: 769px){
.design-props-toggle{display:none!important;}
.props{display:flex!important; position:relative!important; right:auto!important; top:auto!important; bottom:auto!important; width:310px!important; height:auto!important; box-shadow:none!important;}
.system-canvas-zone .props{width:230px!important; display:flex!important; position:relative!important; right:auto!important; top:auto!important; bottom:auto!important; box-shadow:none!important;}
}
@media (max-width: 768px){
.props:not(.props-open), .system-canvas-zone .props:not(.props-open){display:none!important;}
}
.quote-row-actions{position:relative;z-index:5;}
.quote-row-actions .q-action-btn{position:relative;z-index:6;pointer-events:auto!important;}
.quote-table-v616 td:last-child{position:relative;z-index:4;}
.sys-actions{position:relative}
.sys-card-menu{position:absolute;right:0;top:26px;width:118px;background:#fff;border:1px solid #cfd6df;border-radius:8px;box-shadow:0 10px 28px rgba(15,23,42,.22);padding:6px;z-index:50;display:grid;gap:5px}
.sys-card-menu button{height:30px;border:0;border-radius:6px;background:#eff6ff;color:#1d4ed8;font-weight:900;cursor:pointer}
.sys-card-menu button.danger{background:#fee2e2;color:#b91c1c}
.sys-card-menu button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.2)}
.sys-card-menu button:hover{filter:brightness(.96)}
.catalog-import-row{display:flex;justify-content:flex-end;gap:8px;margin:-8px 0 14px}.catalog-import-btn{border:0;border-radius:8px;background:#0f766e;color:#fff;font-weight:900;padding:9px 14px;cursor:pointer;box-shadow:0 2px 6px rgba(15,118,110,.22)}.catalog-import-btn:hover{filter:brightness(.96)}.sys-card-menu{width:132px}.sys-card-menu button.export{background:#ecfeff;color:#0e7490}.sys-card-menu button.import{background:#f0fdf4;color:#15803d}
.color-picker-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:5px 0 6px}
.color-chip{height:25px;border:1px solid #bfc4ca;border-radius:5px;cursor:pointer;position:relative;background:#fff;font-size:9px;overflow:hidden}
.color-chip.active{outline:2px solid #2563eb;border-color:#2563eb}
.color-chip span{position:absolute;left:2px;right:2px;bottom:1px;background:rgba(255,255,255,.74);font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.custom-color-row{display:grid;grid-template-columns:45px 1fr;gap:6px;align-items:center}
.custom-color-row input[type="color"]{width:45px;height:30px;padding:0;border:1px solid #bfc4ca;border-radius:4px;background:#fff}
.color-open-btn{height:31px;border:1px solid #bfc7d3;border-radius:5px;background:#fff;font-weight:800;display:flex;align-items:center;gap:7px;padding:0 9px;cursor:pointer;width:100%;justify-content:flex-start}
.color-dot{width:18px;height:18px;border:1px solid #555;border-radius:4px;display:inline-block}
.color-modal-box{width:520px!important}
.popup-colors{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
.popup-colors .color-chip{height:48px!important}
.popup-colors .color-chip span{font-size:10px!important}
.optimizer-modal.v253-opt{width:min(1180px,94vw);height:min(720px,88vh);max-width:none;max-height:none;padding:0;border-radius:7px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.v253-opt-head{height:78px;background:#111326;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex:0 0 auto}
.v253-opt-title{font-size:24px;font-weight:900;line-height:1.1}.v253-opt-sub{font-size:11px;color:#dbeafe;margin-top:8px}.v253-opt-actions{display:flex;gap:8px;align-items:center}.v253-btn{border:0;border-radius:6px;padding:10px 13px;font-weight:900;cursor:pointer;font-size:12px}.v253-btn.green{background:#16a34a;color:#fff}.v253-btn.blue{background:#1976d2;color:#fff}.v253-btn.dark{background:#334155;color:#fff}.v253-btn.orange{background:#f59e0b;color:#111}
.v253-opt-controls{display:flex;gap:12px;align-items:center;padding:8px 8px;background:#fff;flex:0 0 auto}.v253-opt-controls label{font-size:12px;display:flex;align-items:center;gap:6px;color:#111}.v253-opt-controls input{height:32px;border:1px solid #cfd6df;border-radius:5px;padding:5px 8px;background:#fff}.v253-opt-body{padding:10px 8px 0;background:#fff;flex:1;overflow:hidden;display:flex;flex-direction:column}.v253-table-wrap{border:1px solid #aeb7c2;background:#fff;overflow:auto;flex:1}.v253-table{width:100%;min-width:900px;border-collapse:collapse;font-size:12px}.v253-table th{background:#d8d5cf;color:#000;border:1px solid #aeb7c2;padding:8px;text-align:center;font-weight:900;position:sticky;top:0;z-index:2}.v253-table td{border:1px solid #d5dde6;padding:6px;background:#fff;height:26px}.v253-table td.num{text-align:center;font-weight:800;background:#f6f6f6}.v253-table td.center{text-align:center}.v253-table tr:hover td{background:#fff7ed}.v253-opt-foot{height:34px;display:flex;align-items:center;padding:0 8px;border-top:1px solid #e5e7eb;font-size:12px;color:#334155;flex:0 0 auto}.v253-stock-cell{cursor:pointer;text-align:center;font-weight:700}.v253-stock-cell:hover{background:#eff6ff!important;color:#1d4ed8}.v253-stock-editor{width:330px;border-radius:6px}.v253-stock-body{display:grid;grid-template-columns:1fr 120px;gap:8px;padding:12px}.v253-stock-list{height:160px;border:1px solid #9ca3af;background:#f8fafc;padding:6px;overflow:auto}.v253-stock-row{height:28px;display:flex;align-items:center;padding:0 8px;border-radius:4px;cursor:pointer;font-weight:800;color:#334155}.v253-stock-row:hover{background:#e0f2fe;color:#075985}.v253-stock-row.selected{background:#2563eb;color:#fff}.v253-stock-side label{font-size:12px;font-weight:800;color:#475569}.v253-stock-side input{width:100%;height:34px;border:1px solid #cfd6df;border-radius:5px;padding:6px;margin:5px 0 8px}.v253-stock-side button{width:100%;margin-bottom:8px;border:0;border-radius:6px;padding:9px 8px;font-weight:900;cursor:pointer}.v253-stock-side .add{background:#f3f4f6}.v253-stock-side .remove{background:#f3f4f6}.v253-stock-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px;background:#f8fafc;border-top:1px solid #e5e7eb}.v253-stock-foot button{border:0;border-radius:6px;padding:8px 12px;font-weight:900;cursor:pointer}.v253-stock-foot .ok{background:#e5e7eb}.v253-stock-foot .cancel{background:#e5e7eb}@media(max-width:900px){.optimizer-modal.v253-opt{width:96vw;height:86vh}.v253-opt-head{height:auto;min-height:78px;gap:8px;flex-wrap:wrap;padding:10px}.v253-opt-actions{flex-wrap:wrap}.v253-opt-controls{flex-wrap:wrap}}
.v253-toggle{min-width:54px;height:26px;border:0;border-radius:999px;font-weight:900;text-transform:uppercase;cursor:pointer;font-size:11px}
.v253-toggle.on{background:#dcfce7;color:#166534;border:1px solid #86efac}
.v253-toggle.off{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}
.v253-btn.purple{background:#7c3aed;color:#fff}
@media (max-width: 768px){
body:has(.optimizer-modal.v253-opt) .top,
body:has(.optimizer-modal.v253-opt) .tabs{display:none!important;}
body:has(.optimizer-modal.v253-opt){padding-bottom:0!important;overflow:hidden!important;}
body:has(.optimizer-modal.v253-opt) .quote-modal-back{
align-items:flex-start!important;justify-content:flex-start!important;
padding:0!important;z-index:99999!important;inset:0!important;
background:rgba(15,23,42,.45)!important;
}
body:has(.optimizer-modal.v253-opt) .optimizer-modal.v253-opt{
width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;
border-radius:0!important;margin:0!important;overflow:hidden!important;
}
body:has(.optimizer-modal.v253-opt) .v253-opt-head{
height:auto!important;min-height:0!important;padding:8px 8px!important;
display:block!important;background:#111326!important;
}
body:has(.optimizer-modal.v253-opt) .v253-opt-title{font-size:18px!important;margin-bottom:2px!important;}
body:has(.optimizer-modal.v253-opt) .v253-opt-sub{font-size:10px!important;margin:0 0 8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body:has(.optimizer-modal.v253-opt) .v253-opt-actions{
display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;
}
body:has(.optimizer-modal.v253-opt) .v253-opt-actions .v253-btn{
height:38px!important;padding:7px 6px!important;font-size:11px!important;white-space:nowrap!important;border-radius:7px!important;
}
body:has(.optimizer-modal.v253-opt) .v253-opt-actions .v253-btn.dark::before{content:'← ';}
body:has(.optimizer-modal.v253-opt) .v253-opt-controls{
display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:7px 8px!important;
}
body:has(.optimizer-modal.v253-opt) .v253-opt-controls label{display:grid!important;grid-template-columns:78px 1fr!important;gap:6px!important;font-size:11px!important;}
body:has(.optimizer-modal.v253-opt) .v253-opt-controls input{width:100%!important;height:34px!important;font-size:14px!important;}
body:has(.optimizer-modal.v253-opt) .v253-opt-body{padding:6px!important;min-height:0!important;}
body:has(.optimizer-modal.v253-opt) .v253-table-wrap{height:100%!important;max-height:none!important;}
body:has(.optimizer-modal.v253-opt) .v253-opt-foot{height:auto!important;min-height:32px!important;font-size:10px!important;padding:5px 6px!important;}
}
@media (max-width: 768px){
.mobile-design-page-hide{display:none!important;}
.mobile-design-clean .page{
height:calc(100dvh - 68px)!important;
min-height:0!important;
max-height:calc(100dvh - 68px)!important;
overflow:hidden!important;
display:block!important;
background:#fff!important;
}
.mobile-design-clean .canvas-wrap{
height:100%!important;
min-height:0!important;
display:flex!important;
flex-direction:column!important;
overflow:hidden!important;
background:#fff!important;
}
.mobile-design-clean .canvas-head{
position:relative!important;
top:auto!important;
display:grid!important;
grid-template-columns:44px minmax(86px,1fr) 42px 42px 50px!important;
column-gap:4px!important;
align-items:center!important;
flex:0 0 50px!important;
height:50px!important;
min-height:50px!important;
max-height:50px!important;
padding:7px 6px!important;
overflow:hidden!important;
background:#fff!important;
border-bottom:1px solid #e5e7eb!important;
}
.mobile-design-clean .canvas-head > b,
.mobile-design-clean .canvas-head > span:first-of-type,
.mobile-design-clean .mobile-hide-head-spacer,
.mobile-design-clean .active-quote-strip{display:none!important;}
.mobile-design-clean .mobile-design-back-btn,
.mobile-design-clean .mobile-undo-btn,
.mobile-design-clean .mobile-clear-btn,
.mobile-design-clean .mobile-save-btn{
width:100%!important;
min-width:0!important;
height:36px!important;
padding:0!important;
margin:0!important;
border-radius:7px!important;
font-size:10.5px!important;
line-height:36px!important;
text-align:center!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:clip!important;
box-sizing:border-box!important;
}
.mobile-design-clean .mobile-design-back-btn{
grid-column:1!important;
border:1px solid #d1d5db!important;
background:#fff!important;
color:#111!important;
font-weight:800!important;
}
.mobile-design-clean .design-series-mobile-box{
grid-column:2!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
height:36px!important;
padding:3px 4px!important;
margin:0!important;
gap:0!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.mobile-design-clean .design-series-mobile-box span{display:none!important;}
.mobile-design-clean .design-series-mobile-box select{
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:28px!important;
font-size:11px!important;
font-weight:800!important;
padding:2px 18px 2px 5px!important;
box-sizing:border-box!important;
}
.mobile-design-clean .mobile-undo-btn{grid-column:3!important;font-size:0!important;}
.mobile-design-clean .mobile-clear-btn{grid-column:4!important;font-size:0!important;}
.mobile-design-clean .mobile-save-btn{grid-column:5!important;font-size:0!important;}
.mobile-design-clean .mobile-undo-btn::after{content:'Undo';font-size:10.5px!important;}
.mobile-design-clean .mobile-clear-btn::after{content:'Clear';font-size:10.5px!important;}
.mobile-design-clean .mobile-save-btn::after{content:'Save';font-size:10.5px!important;}
.mobile-design-clean .active-quote-strip{
display:none!important;
height:0!important;
min-height:0!important;
max-height:0!important;
padding:0!important;
margin:0!important;
border:0!important;
overflow:hidden!important;
}
.mobile-design-clean .design-work-area{
flex:1 1 auto!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
overflow:hidden!important;
background:#fff!important;
}
.mobile-design-clean .design-work-area svg{width:100%!important;height:100%!important;}
.mobile-design-clean .saved-card-bar{
flex:0 0 98px!important;
height:98px!important;
min-height:98px!important;
max-height:98px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
}
.mobile-design-clean .props{
top:50px!important;
bottom:68px!important;
}
}
@media (max-width:430px){
.mobile-design-clean .page{
height:calc(100dvh - 64px)!important;
max-height:calc(100dvh - 64px)!important;
}
.mobile-design-clean .canvas-head{
grid-template-columns:40px minmax(78px,1fr) 38px 38px 46px!important;
column-gap:3px!important;
padding:7px 5px!important;
}
.mobile-design-clean .mobile-design-back-btn,
.mobile-design-clean .mobile-undo-btn,
.mobile-design-clean .mobile-clear-btn,
.mobile-design-clean .mobile-save-btn{font-size:9.5px!important;}
.mobile-design-clean .mobile-undo-btn::after,
.mobile-design-clean .mobile-clear-btn::after,
.mobile-design-clean .mobile-save-btn::after{font-size:9.5px!important;}
.mobile-design-clean .design-series-mobile-box select{font-size:10px!important;}
.mobile-design-clean .saved-card-bar{
flex-basis:92px!important;
height:92px!important;
min-height:92px!important;
max-height:92px!important;
}
.mobile-design-clean .props{bottom:64px!important;}
}
.catalog-page .catalog-stage{
display:grid!important;
grid-template-columns:repeat(auto-fill, minmax(150px,150px))!important;
justify-content:flex-start!important;
align-items:flex-start!important;
align-content:flex-start!important;
gap:18px!important;
min-height:0!important;
padding:4px 0 18px!important;
}
.catalog-page .sys-card{
width:150px!important;
min-width:150px!important;
height:auto!important;
min-height:178px!important;
overflow:visible!important;
position:relative!important;
}
.catalog-page .sys-actions{position:relative!important;}
.catalog-page .sys-card-menu{z-index:700!important;}
@media(max-width:768px){
.catalog-page{
height:calc(100dvh - 58px - 52px)!important;
max-height:calc(100dvh - 58px - 52px)!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior:contain!important;
touch-action:pan-y!important;
padding:12px 10px 86px!important;
scroll-padding-top:0!important;
}
.catalog-page .catalog-title{
margin:0 0 10px!important;
padding:0!important;
min-height:32px!important;
line-height:1.15!important;
overflow:visible!important;
}
.catalog-page .default-banner{
margin:0 0 12px!important;
padding:9px 12px!important;
}
.catalog-page .catalog-stage{
display:flex!important;
flex-direction:column!important;
gap:12px!important;
width:100%!important;
min-height:0!important;
padding:0 0 22px!important;
justify-content:flex-start!important;
align-items:stretch!important;
align-content:flex-start!important;
}
.catalog-page .sys-card{
width:100%!important;
min-width:0!important;
min-height:0!important;
height:auto!important;
display:flex!important;
flex-direction:column!important;
padding:10px!important;
overflow:visible!important;
}
.catalog-page .sys-thumb{
flex:0 0 84px!important;
height:84px!important;
min-height:84px!important;
margin-bottom:8px!important;
}
.catalog-page .sys-name{
flex:0 0 auto!important;
min-height:46px!important;
height:auto!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:visible!important;
padding:8px 6px!important;
}
.catalog-page .sys-default{
flex:0 0 auto!important;
margin:8px 0 6px!important;
}
.catalog-page .sys-actions{
flex:0 0 auto!important;
margin-top:0!important;
display:flex!important;
gap:6px!important;
}
.catalog-page .sys-open{height:36px!important;}
.catalog-page .sys-tool,
.catalog-page .sys-menu{height:36px!important;width:42px!important;}
.top > div:last-child{gap:5px!important;min-width:0!important;}
.top .btn.gray{font-size:10px!important;padding:6px 7px!important;white-space:nowrap!important;}
.top .version{max-width:96px!important;font-size:10px!important;}
}
@media(max-width:430px){
.catalog-page{height:calc(100dvh - 58px - 52px)!important;max-height:calc(100dvh - 58px - 52px)!important;padding-bottom:90px!important;}
.top .version{display:none!important;}
}
.account-page-v292{padding:20px;background:#eef1f5;min-height:calc(100vh - 94px);overflow:auto;font-family:Arial,Helvetica,sans-serif}
.account-titlebar-v292{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.account-titlebar-v292 h2{font-size:21px;margin:0;color:#111827;display:flex;align-items:center;gap:10px}
.account-save-v292{border:0;border-radius:8px;background:#1976d2;color:#fff;font-weight:900;padding:11px 22px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.account-card-v292{background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:14px 18px;margin-bottom:14px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.account-card-v292.soft{background:#fffdf5;border-color:#f7d77a}
.account-section-title-v292{height:28px;border:1px solid #e5e7eb;border-radius:9px;display:flex;align-items:center;padding:0 10px;margin-bottom:12px;color:#0875d1;font-size:14px;font-weight:900;background:#fff}
.account-grid-v292{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.account-field-v292{display:grid;grid-template-columns:98px minmax(0,1fr);gap:8px;align-items:center}
.account-field-v292 label{height:34px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;display:flex;align-items:center;padding:0 8px;font-size:12px;font-weight:800;color:#333;white-space:nowrap}
.account-field-v292 input,.account-field-v292 textarea,.account-field-v292 select{width:100%;min-width:0;height:34px;border:1px solid #d5dbe5;border-radius:7px;background:#fff;padding:7px 10px;font-size:13px;color:#111827}
.account-field-v292 textarea{height:120px;resize:vertical;line-height:1.45}
.account-field-v292.wide{grid-column:1/-1;grid-template-columns:98px minmax(0,1fr)}
.account-qr-row-v292{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center}
.account-qr-preview-v292{width:120px;height:120px;border:1px dashed #b8c2ce;border-radius:7px;display:grid;place-items:center;overflow:hidden;background:#f8fafc;color:#64748b;font-size:12px;text-align:center}
.account-qr-preview-v292 img{max-width:100%;max-height:100%;object-fit:contain}
.account-logo-row-v211{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:center}
.account-logo-preview-v211{width:220px;height:100px;border:1px dashed #b8c2ce;border-radius:9px;display:grid;place-items:center;overflow:hidden;background:#fff;color:#64748b;font-size:12px;text-align:center;padding:8px}
.account-logo-preview-v211 img{width:100%;height:100%;display:block;object-fit:contain;object-position:left center}
.account-inline-actions-v292{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}
.account-inline-actions-v292 .btn,.account-inline-actions-v292 button,.account-inline-actions-v292 label{border:0;border-radius:7px;padding:9px 14px;font-weight:900;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:6px}
.account-inline-actions-v292 .green{background:#16a34a;color:#fff}.account-inline-actions-v292 .red{background:#ef4444;color:#fff}.account-inline-actions-v292 .blue{background:#1976d2;color:#fff}.account-inline-actions-v292 .gray{background:#e5e7eb;color:#111827}
.account-key-card-v292{background:#fff;border:1px solid #dbeafe;border-radius:11px;padding:14px 18px;margin-bottom:14px;position:relative;z-index:1}
.account-status-v292{font-size:13px;font-weight:900;color:#166534;margin:4px 0 12px}
.account-key-grid-v292{display:grid;grid-template-columns:96px minmax(0,1fr) 110px;gap:8px;align-items:center;margin-bottom:8px;font-size:13px}
.account-key-grid-v292 input{height:32px;border:1px solid #d5dbe5;border-radius:6px;padding:6px 9px;font-size:13px}
.account-key-grid-v292 button{height:32px;border:1px solid #cfd6df;background:#f8fafc;border-radius:5px;font-weight:800;cursor:pointer}
.account-backup-row-v292{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.account-data-path-v292{height:24px;border:1px solid #d5dbe5;background:#f8fafc;color:#64748b;font-size:12px;padding:4px 8px;margin:4px 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:768px){
.account-page-v292{height:calc(100dvh - 58px - 52px)!important;min-height:0!important;overflow:auto!important;padding:10px 8px 82px!important}
.account-titlebar-v292{position:sticky;top:0;z-index:20;background:#eef1f5;padding:8px 0;margin-bottom:8px}
.account-titlebar-v292 h2{font-size:18px}.account-save-v292{padding:10px 14px;min-width:82px}
.account-card-v292,.account-key-card-v292{padding:11px 10px;margin-bottom:10px;border-radius:10px}
.account-grid-v292{grid-template-columns:1fr;gap:8px}.account-field-v292,.account-field-v292.wide{grid-template-columns:1fr;gap:4px;grid-column:1/-1}
.account-field-v292 label{height:auto;min-height:24px;border:0;background:transparent;padding:0;font-size:12px;color:#475569}.account-field-v292 input,.account-field-v292 textarea,.account-field-v292 select{height:42px;font-size:15px}.account-field-v292 textarea{height:132px}
.account-qr-row-v292{grid-template-columns:1fr;gap:10px}.account-qr-preview-v292{width:112px;height:112px;margin:auto}
.account-logo-row-v211{grid-template-columns:1fr;gap:10px}.account-logo-preview-v211{width:100%;max-width:290px;height:110px;margin:auto}
.account-inline-actions-v292{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-inline-actions-v292 .btn,.account-inline-actions-v292 button,.account-inline-actions-v292 label{justify-content:center;width:100%;padding:10px 8px}
.account-key-grid-v292{grid-template-columns:1fr;gap:4px;margin-bottom:10px}.account-key-grid-v292 input{height:42px;font-size:14px}.account-key-grid-v292 button{height:38px}
.account-backup-row-v292{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-backup-row-v292 button,.account-backup-row-v292 label{width:100%;justify-content:center}
}
@media(max-width:430px){.account-inline-actions-v292,.account-backup-row-v292{grid-template-columns:1fr}.account-titlebar-v292 h2{font-size:16px}}
body, .top, .tabs, .tab, .page, .side, .tool, .canvas-wrap, .canvas-head,
.active-quote-strip, .saved-card-bar, .design-card-mini, .design-card-actions,
.system-bar, .quote-page-v616, .catalog-page, button, label {
-webkit-user-select:none!important;
user-select:none!important;
}
input, textarea, select, [contenteditable="true"] {
-webkit-user-select:text!important;
user-select:text!important;
}
@media (max-width: 768px){
.mobile-design-clean .canvas-head{
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
gap:6px!important;
flex:0 0 56px!important;
height:56px!important;
min-height:56px!important;
max-height:56px!important;
padding:8px 8px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:thin!important;
box-sizing:border-box!important;
}
.mobile-design-clean .mobile-hide-head-spacer{display:none!important;}
.mobile-design-clean .mobile-multi-clone-btn,
.mobile-design-clean .mobile-design-back-btn,
.mobile-design-clean .design-series-mobile-box,
.mobile-design-clean .mobile-undo-btn,
.mobile-design-clean .mobile-clear-btn,
.mobile-design-clean .mobile-save-btn{
flex:0 0 auto!important;
grid-column:auto!important;
height:38px!important;
min-height:38px!important;
max-height:38px!important;
line-height:38px!important;
padding:0 10px!important;
margin:0!important;
border-radius:8px!important;
box-sizing:border-box!important;
white-space:nowrap!important;
overflow:visible!important;
text-overflow:clip!important;
}
.mobile-design-clean .mobile-multi-clone-btn{
width:112px!important;
min-width:112px!important;
font-size:11px!important;
}
.mobile-design-clean .mobile-design-back-btn{
width:64px!important;
min-width:64px!important;
font-size:11px!important;
}
.mobile-design-clean .design-series-mobile-box{
width:160px!important;
min-width:160px!important;
padding:4px!important;
overflow:hidden!important;
display:flex!important;
align-items:center!important;
}
.mobile-design-clean .design-series-mobile-box select{
height:30px!important;
line-height:30px!important;
width:100%!important;
min-width:0!important;
font-size:11px!important;
}
.mobile-design-clean .mobile-undo-btn,
.mobile-design-clean .mobile-clear-btn{
width:56px!important;
min-width:56px!important;
font-size:0!important;
}
.mobile-design-clean .mobile-save-btn{
width:62px!important;
min-width:62px!important;
font-size:0!important;
}
.mobile-design-clean .mobile-undo-btn::after{content:'Undo';font-size:11px!important;}
.mobile-design-clean .mobile-clear-btn::after{content:'Clear';font-size:11px!important;}
.mobile-design-clean .mobile-save-btn::after{content:'Save';font-size:11px!important;}
}
@media (max-width:430px){
.mobile-design-clean .canvas-head{flex-basis:54px!important;height:54px!important;min-height:54px!important;max-height:54px!important;padding:8px 6px!important;}
.mobile-design-clean .mobile-multi-clone-btn{width:106px!important;min-width:106px!important;font-size:10.5px!important;}
.mobile-design-clean .mobile-design-back-btn{width:58px!important;min-width:58px!important;font-size:10.5px!important;}
.mobile-design-clean .design-series-mobile-box{width:145px!important;min-width:145px!important;}
.mobile-design-clean .mobile-undo-btn,.mobile-design-clean .mobile-clear-btn{width:52px!important;min-width:52px!important;}
.mobile-design-clean .mobile-save-btn{width:58px!important;min-width:58px!important;}
}
@media (max-width:640px){
body:has(.material-mobile-page),
html:has(.material-mobile-page){
overflow-y:auto!important;
overflow-x:hidden!important;
height:auto!important;
min-height:100dvh!important;
}
.material-mobile-page{
height:calc(100dvh - 110px)!important;
max-height:calc(100dvh - 110px)!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior-y:contain!important;
padding-bottom:12px!important;
}
.material-mobile-page > div:last-of-type{
overflow:visible!important;
min-height:0!important;
padding-bottom:18px!important;
}
.material-mobile-page .material-table-scroll{
display:block!important;
height:42dvh!important;
min-height:250px!important;
max-height:42dvh!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
touch-action:pan-y!important;
overscroll-behavior:contain!important;
}
.material-mobile-page .material-table-scroll table{
width:100%!important;
min-width:0!important;
table-layout:fixed!important;
}
.material-mobile-page .material-table-scroll thead th{
position:sticky!important;
top:0!important;
z-index:20!important;
}
}
@media (max-width:430px){
.material-mobile-page{
height:calc(100dvh - 110px)!important;
max-height:calc(100dvh - 110px)!important;
}
.material-mobile-page .material-table-scroll{
height:45dvh!important;
max-height:45dvh!important;
min-height:240px!important;
}
}
@media (max-width:768px){
.mobile-design-clean .side,
.system-canvas-zone .side{
position:fixed!important;
left:0!important;
right:0!important;
bottom:0!important;
top:auto!important;
width:100%!important;
height:72px!important;
min-height:72px!important;
max-height:72px!important;
z-index:999!important;
background:#fff!important;
border-right:0!important;
border-top:1px solid #cfd6df!important;
box-shadow:0 -2px 10px rgba(15,23,42,.14)!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
gap:6px!important;
padding:7px 8px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:thin!important;
}
.mobile-design-clean .side .tool,
.system-canvas-zone .side .tool{
flex:0 0 78px!important;
width:78px!important;
min-width:78px!important;
max-width:78px!important;
height:56px!important;
min-height:56px!important;
max-height:56px!important;
margin:0!important;
padding:4px 2px!important;
font-size:9.5px!important;
line-height:1.05!important;
border-radius:9px!important;
box-sizing:border-box!important;
}
.mobile-design-clean .side .tool span,
.system-canvas-zone .side .tool span{
font-size:15px!important;
line-height:1!important;
}
.mobile-design-clean .page,
.system-canvas-zone .page{
padding-bottom:72px!important;
}
.mobile-design-clean .props,
.system-canvas-zone .props{
bottom:72px!important;
}
}
@media (max-width:430px){
.mobile-design-clean .side .tool,
.system-canvas-zone .side .tool{
flex-basis:74px!important;
width:74px!important;
min-width:74px!important;
max-width:74px!important;
font-size:9px!important;
}
}
.ac-slide-options button .slide-default-tag{
pointer-events:auto!important;
position:absolute!important;
right:0!important;
top:0!important;
background:#64748b!important;
color:#fff!important;
font-size:9px!important;
padding:3px 7px!important;
border-radius:0 4px 0 5px!important;
line-height:1!important;
z-index:2!important;
}
.ac-slide-options button.active .slide-default-tag{
background:#24c58e!important;
}
.anti-tool-wrap{border:1px solid #cbd5e1;border-radius:12px;padding:6px;margin:6px 0;background:#f8fafc;box-sizing:border-box;}
.anti-tool-title{font-size:11px;font-weight:900;text-align:center;margin-bottom:5px;color:#0f172a;line-height:1.1;}
.anti-tool-buttons{display:grid;grid-template-columns:1fr;gap:5px;}
.anti-tool-wrap .anti-sub-tool{min-height:44px;padding:5px 4px;}
@media (max-width:768px){
.mobile-design-clean .side .anti-tool-wrap,
.system-canvas-zone .side .anti-tool-wrap,
.side .anti-tool-wrap{
flex:0 0 258px!important;
width:258px!important;
min-width:258px!important;
max-width:258px!important;
height:56px!important;
min-height:56px!important;
max-height:56px!important;
margin:0!important;
padding:4px!important;
display:grid!important;
grid-template-columns:62px 1fr!important;
align-items:center!important;
gap:4px!important;
overflow:visible!important;
border-radius:10px!important;
}
.mobile-design-clean .side .anti-tool-title,
.system-canvas-zone .side .anti-tool-title,
.side .anti-tool-title{
margin:0!important;
font-size:9px!important;
line-height:1.05!important;
text-align:center!important;
white-space:normal!important;
}
.mobile-design-clean .side .anti-tool-buttons,
.system-canvas-zone .side .anti-tool-buttons,
.side .anti-tool-buttons{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:4px!important;
height:48px!important;
min-height:48px!important;
}
.mobile-design-clean .side .anti-tool-wrap .tool.anti-sub-tool,
.system-canvas-zone .side .anti-tool-wrap .tool.anti-sub-tool,
.side .anti-tool-wrap .tool.anti-sub-tool{
flex:0 0 auto!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
height:48px!important;
min-height:48px!important;
max-height:48px!important;
margin:0!important;
padding:3px 1px!important;
font-size:8.5px!important;
line-height:1.05!important;
border-radius:8px!important;
box-sizing:border-box!important;
touch-action:manipulation!important;
}
.mobile-design-clean .side .anti-tool-wrap .tool.anti-sub-tool span,
.system-canvas-zone .side .anti-tool-wrap .tool.anti-sub-tool span,
.side .anti-tool-wrap .tool.anti-sub-tool span{font-size:13px!important;line-height:1!important;}
.mobile-design-clean .side,
.system-canvas-zone .side,
.side{overflow-x:auto!important;overflow-y:hidden!important;}
}
@media (max-width:430px){
.mobile-design-clean .side .anti-tool-wrap,
.system-canvas-zone .side .anti-tool-wrap,
.side .anti-tool-wrap{flex-basis:236px!important;width:236px!important;min-width:236px!important;max-width:236px!important;grid-template-columns:54px 1fr!important;}
.mobile-design-clean .side .anti-tool-wrap .tool.anti-sub-tool,
.system-canvas-zone .side .anti-tool-wrap .tool.anti-sub-tool,
.side .anti-tool-wrap .tool.anti-sub-tool{font-size:8px!important;}
}
@media (min-width:901px){
.system-design{background:#e9eef5!important;}
.system-bar{background:#0b1f34!important;border-top:0!important;height:48px!important;box-shadow:0 2px 8px rgba(15,23,42,.16)!important;}
.system-bar .sys-title{letter-spacing:.4px!important;color:#e0f2fe!important;text-transform:uppercase!important;font-size:14px!important;}
.system-canvas-zone .page{background:#edf3f8!important;gap:10px!important;padding:10px!important;}
.system-canvas-zone .canvas-wrap{background:#fff!important;border:1px solid #d6e1ea!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 2px 10px rgba(15,23,42,.06)!important;}
.system-canvas-zone .canvas-head{height:44px!important;background:#f8fbfd!important;border-bottom:1px solid #dbe6ee!important;padding:6px 12px!important;gap:8px!important;}
.system-canvas-zone .design-work-area{background:linear-gradient(0deg,#fff 0,#fff 100%)!important;}
.system-canvas-zone .side{width:142px!important;background:#f8fbfd!important;border:1px solid #d6e1ea!important;border-radius:14px!important;padding:12px 9px!important;box-shadow:0 2px 10px rgba(15,23,42,.06)!important;}
.system-canvas-zone .side:before{content:'FRAMEQ TOOLS';display:block;font-size:10px;font-weight:900;letter-spacing:.7px;color:#0f766e;margin:0 0 10px 2px;border-bottom:1px solid #dbeafe;padding-bottom:7px;}
.system-canvas-zone .tool{min-height:38px!important;height:auto!important;margin-bottom:7px!important;border-radius:12px!important;background:#ffffff!important;border:1px solid #cbd5e1!important;color:#0f172a!important;display:grid!important;grid-template-columns:26px 1fr!important;align-items:center!important;text-align:left!important;padding:6px 8px!important;gap:6px!important;font-size:10.5px!important;line-height:1.1!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important;}
.system-canvas-zone .tool span{font-size:15px!important;background:#e0f2fe!important;color:#0369a1!important;width:24px!important;height:24px!important;border-radius:8px!important;display:grid!important;place-items:center!important;}
.system-canvas-zone .tool.active{background:#ecfdf5!important;border-color:#10b981!important;color:#065f46!important;box-shadow:inset 4px 0 0 #10b981,0 2px 7px rgba(16,185,129,.14)!important;}
.system-canvas-zone .tool.active span{background:#10b981!important;color:#fff!important;}
.anti-tool-wrap{background:#eef6fb!important;border-color:#cbd5e1!important;border-radius:14px!important;padding:7px!important;}
.anti-tool-title{color:#0f766e!important;text-transform:uppercase!important;letter-spacing:.4px!important;}
.system-canvas-zone .props{width:342px!important;background:#f8fbfd!important;border:1px solid #d6e1ea!important;border-radius:14px!important;padding:10px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-shadow:0 2px 10px rgba(15,23,42,.07)!important;}
.ac-props-rail,.right-rail{order:0!important;width:100%!important;height:34px!important;background:transparent!important;border:0!important;display:flex!important;flex-direction:row!important;gap:7px!important;margin:0 0 9px 0!important;padding:0!important;}
.ac-props-rail .rail-tab,.right-rail .rail-tab{writing-mode:horizontal-tb!important;transform:none!important;height:32px!important;min-width:0!important;flex:1 1 0!important;border:1px solid #cbd5e1!important;border-radius:999px!important;background:#e8eef5!important;color:#334155!important;text-transform:uppercase!important;font-size:10px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 8px!important;}
.ac-props-rail .rail-tab.active,.right-rail .rail-tab.active{background:#0f766e!important;color:#fff!important;border-color:#0f766e!important;box-shadow:0 2px 8px rgba(15,118,110,.25)!important;}
.ac-props-body,.right-panel-body{order:1!important;background:#fff!important;border:1px solid #dbe6ee!important;border-radius:14px!important;padding:13px!important;overflow:auto!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;}
.ac-side-title{font-size:13px!important;font-weight:900!important;color:#0f766e!important;text-transform:uppercase!important;letter-spacing:.6px!important;margin:0 0 12px!important;display:flex!important;align-items:center!important;gap:6px!important;}
.ac-side-title:before{content:'';width:8px;height:22px;border-radius:999px;background:#f59e0b;display:inline-block;}
.ac-field{position:relative!important;margin-bottom:10px!important;}
.ac-field label,.v616-field label{font-size:10px!important;font-weight:900!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.35px!important;margin-bottom:4px!important;}
.ac-field input,.ac-field select,.ac-field textarea,.v616-field input,.v616-field select,.v616-field textarea{height:34px!important;border:1px solid #cbd5e1!important;border-radius:9px!important;background:#f8fafc!important;color:#0f172a!important;font-size:12px!important;padding:7px 10px!important;}
.ac-field textarea,.v616-field textarea{height:76px!important;}
.mm-field{grid-template-columns:1fr 34px 42px!important;gap:5px!important;}
.mm-field span{height:34px!important;color:#0f766e!important;font-size:11px!important;}
.mm-field button{height:32px!important;border-radius:8px!important;background:#e2e8f0!important;color:#334155!important;}
.ac-gear,.gear-btn{border:1px solid #bfdbfe!important;background:#eff6ff!important;color:#1d4ed8!important;border-radius:8px!important;}
.ac-mini-actions{gap:7px!important;margin:4px 0 12px!important;}
.ac-mini-actions button,.ac-opening button{height:36px!important;border-radius:10px!important;border:1px solid #cbd5e1!important;background:#f8fafc!important;color:#0f172a!important;font-weight:900!important;}
.ac-mini-actions button.active,.ac-opening button.active{background:#0f766e!important;color:#fff!important;border-color:#0f766e!important;}
.right-panel-body .ac-mini-actions button.active,.props .ac-mini-actions button.active{background:#0f766e!important;color:#fff!important;border:2px solid #0f766e!important;box-shadow:0 3px 12px rgba(15,118,110,.28)!important;transform:translateY(-1px)!important;}
.right-panel-body .ac-mini-actions button.active:before,.props .ac-mini-actions button.active:before{content:'✓ ';font-weight:1000;}
.right-panel-body .gear-field.rp-selected-field select,.props .gear-field.rp-selected-field select{background:#ecfdf5!important;border:2px solid #0f766e!important;color:#064e3b!important;font-weight:900!important;box-shadow:0 2px 10px rgba(15,118,110,.14)!important;}
.ac-slide-options{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;}
.ac-slide-options button,.ac-slide-options div{min-height:44px!important;border-radius:12px!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;color:#0f172a!important;}
.ac-slide-options button.active,.ac-slide-options div.active{background:#ecfdf5!important;border-color:#10b981!important;box-shadow:inset 0 0 0 2px rgba(16,185,129,.16)!important;}
.ac-panel-chip{background:#fff7ed!important;border:1px solid #fed7aa!important;color:#9a3412!important;border-radius:10px!important;font-weight:800!important;}
.ac-option-title{font-weight:900!important;color:#475569!important;text-transform:uppercase!important;letter-spacing:.35px!important;margin:13px 0 7px!important;}
.system-bottom{background:#f8fbfd!important;border-top:0!important;padding:10px!important;gap:8px!important;}
.sys-tab-strip{height:42px!important;background:#0f172a!important;border:0!important;border-radius:14px!important;padding:5px!important;gap:5px!important;box-shadow:0 2px 10px rgba(15,23,42,.14)!important;}
.sys-tab{height:32px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#cbd5e1!important;text-transform:uppercase!important;font-size:10px!important;font-weight:900!important;letter-spacing:.3px!important;}
.sys-tab.active{background:#0f766e!important;color:#fff!important;}
.sys-section{border:1px solid #dbe6ee!important;border-radius:14px!important;margin-bottom:8px!important;overflow:hidden!important;box-shadow:0 1px 4px rgba(15,23,42,.04)!important;}
.sys-section-head{background:#ffffff!important;height:42px!important;padding:0 14px!important;}
.stripe{height:24px!important;width:5px!important;background:#0f766e!important;}
.stripe.glass{background:#0284c7!important}.stripe.addon{background:#0891b2!important}.stripe.fabrication{background:#7c3aed!important}.stripe.calc{background:#f59e0b!important}
.sys-table-wrap,.calc-result-wrap{background:#fff!important;}
.system-bottom-toggle{background:#0f766e!important;border:0!important;}
}
@media (max-width:760px), (pointer:coarse){
.page.mobile-design-clean .side.mobile-tool-side{box-sizing:border-box!important;}
.page.mobile-design-clean .side.mobile-tool-side .mobile-tools-title{display:flex!important;grid-column:1/-1!important;position:sticky!important;top:0!important;background:#f8fafc!important;z-index:2!important;padding:2px 2px 10px!important;}
.page.mobile-design-clean .side.mobile-tool-side .tool{display:flex!important;min-height:62px!important;border-radius:14px!important;}
}
@media (max-width:760px), (pointer:coarse){
.page.mobile-design-clean > .side.mobile-tool-side{
display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important;
position:absolute!important; width:0!important; height:0!important; overflow:hidden!important; transform:none!important;
}
.ac-mobile-tools-modal{
position:fixed!important; inset:0!important; z-index:2147483647!important;
background:rgba(15,23,42,.70)!important; display:flex!important; align-items:stretch!important; justify-content:center!important;
box-sizing:border-box!important; padding:14px!important;
}
.ac-mobile-tools-sheet{
width:100%!important; max-width:560px!important; height:100%!important; background:#f8fafc!important;
border-radius:18px!important; box-shadow:0 18px 48px rgba(0,0,0,.35)!important;
display:flex!important; flex-direction:column!important; overflow:hidden!important;
}
.ac-mobile-tools-head{
height:58px!important; flex:0 0 58px!important; padding:0 12px!important; display:flex!important; align-items:center!important; justify-content:space-between!important;
background:#0b1f35!important; color:#fff!important; font-size:18px!important; font-weight:900!important;
}
.ac-mobile-tools-head button{
width:42px!important; height:42px!important; border:0!important; border-radius:12px!important; background:#ef4444!important; color:#fff!important;
font-size:22px!important; font-weight:900!important;
}
.ac-mobile-tools-grid{
padding:12px!important; overflow:auto!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important;
align-content:start!important; box-sizing:border-box!important; flex:1 1 auto!important;
}
.ac-mobile-tool-card{
height:82px!important; border:1px solid #dbe3ec!important; border-radius:16px!important; background:#fff!important; color:#102033!important;
box-shadow:0 2px 8px rgba(15,23,42,.10)!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important;
gap:6px!important; font-size:12px!important; font-weight:900!important; line-height:1.05!important; text-align:center!important; padding:6px!important;
}
.ac-mobile-tool-card span{
width:32px!important; height:32px!important; border-radius:10px!important; background:#e0f2fe!important; color:#0369a1!important;
display:grid!important; place-items:center!important; font-size:18px!important; line-height:1!important;
}
.ac-mobile-tool-card.active{background:#ecfdf5!important; border-color:#10b981!important; color:#065f46!important;}
.ac-mobile-tool-card.active span{background:#10b981!important; color:#fff!important;}
.ac-mobile-tools-section{grid-column:1/-1!important; font-size:12px!important; font-weight:900!important; color:#0f766e!important; padding:4px 2px 0!important;}
}
.catalog-page{
background:#f3f6fa!important;
}
.catalog-page .catalog-title{
font-size:22px!important;
font-weight:950!important;
color:#0b1f33!important;
}
.catalog-page .default-banner{
border:1px solid #f59e0b!important;
background:linear-gradient(90deg,#fff7ed,#ffffff)!important;
color:#7c2d12!important;
border-radius:12px!important;
box-shadow:0 1px 2px rgba(15,23,42,.05)!important;
}
.catalog-page .catalog-stage{
display:flex!important;
flex-direction:column!important;
gap:12px!important;
width:min(980px,100%)!important;
min-height:0!important;
padding:4px 0 28px!important;
justify-content:flex-start!important;
align-items:stretch!important;
}
.catalog-page .sys-card{
width:100%!important;
min-width:0!important;
min-height:0!important;
height:auto!important;
display:grid!important;
grid-template-columns:64px minmax(160px,1fr) 120px 270px!important;
gap:14px!important;
align-items:center!important;
padding:12px 14px!important;
border:1px solid #d8e1eb!important;
border-left:6px solid #14b8a6!important;
border-radius:14px!important;
background:#fff!important;
box-shadow:0 2px 8px rgba(15,23,42,.07)!important;
position:relative!important;
}
.catalog-page .sys-card.active{
border-color:#14b8a6!important;
border-left-color:#f59e0b!important;
background:linear-gradient(90deg,#fff7ed 0,#ffffff 34%,#ffffff 100%)!important;
box-shadow:0 0 0 2px rgba(245,158,11,.16),0 3px 12px rgba(15,23,42,.08)!important;
}
.catalog-page .sys-thumb{
width:54px!important;
height:54px!important;
min-height:54px!important;
border:0!important;
border-radius:14px!important;
background:#e0f2fe!important;
margin:0!important;
display:grid!important;
place-items:center!important;
}
.catalog-page .window-icon{
width:34px!important;
height:34px!important;
border-width:3px!important;
box-shadow:none!important;
}
.catalog-page .sys-name{
height:auto!important;
min-height:0!important;
border:0!important;
background:transparent!important;
border-radius:0!important;
margin:0!important;
padding:0!important;
display:block!important;
text-align:left!important;
font-size:15px!important;
line-height:1.25!important;
color:#0f172a!important;
letter-spacing:.2px!important;
}
.catalog-page .sys-name:before{
content:'System';
display:block;
font-size:10px;
line-height:1.1;
font-weight:900;
color:#64748b;
text-transform:uppercase;
letter-spacing:.08em;
margin-bottom:4px;
}
.catalog-page .sys-default{
height:34px!important;
width:112px!important;
border-radius:999px!important;
border:1px solid #f59e0b!important;
background:#fffbeb!important;
color:#92400e!important;
margin:0!important;
font-size:11px!important;
cursor:pointer!important;
}
.catalog-page .sys-card.active .sys-default{
background:#16a34a!important;
border-color:#16a34a!important;
color:#fff!important;
}
.catalog-page .sys-actions{
display:grid!important;
grid-template-columns:1fr 46px 40px!important;
gap:8px!important;
margin:0!important;
justify-self:end!important;
width:270px!important;
position:relative!important;
}
.catalog-page .sys-open{
height:36px!important;
border-radius:10px!important;
background:#0f766e!important;
color:#fff!important;
font-size:12px!important;
letter-spacing:.2px!important;
}
.catalog-page .sys-open:before{content:'Open Drawing';}
.catalog-page .sys-open{font-size:0!important;}
.catalog-page .sys-open:before{font-size:12px!important;}
.catalog-page .sys-tool,
.catalog-page .sys-menu{
height:36px!important;
width:auto!important;
border-radius:10px!important;
border:1px solid #cbd5e1!important;
background:#f8fafc!important;
color:#0f172a!important;
font-size:16px!important;
}
.catalog-page .sys-card-menu{
right:0!important;
top:42px!important;
}
@media(max-width:768px){
.catalog-page .catalog-stage{width:100%!important;gap:10px!important;}
.catalog-page .sys-card{
grid-template-columns:48px 1fr!important;
grid-template-areas:'thumb name' 'default actions'!important;
gap:10px!important;
padding:12px!important;
border-radius:13px!important;
}
.catalog-page .sys-thumb{grid-area:thumb;width:46px!important;height:46px!important;min-height:46px!important;border-radius:12px!important;}
.catalog-page .window-icon{width:29px!important;height:29px!important;}
.catalog-page .sys-name{grid-area:name;font-size:14px!important;padding-top:1px!important;}
.catalog-page .sys-default{grid-area:default;width:100%!important;height:34px!important;}
.catalog-page .sys-actions{grid-area:actions;width:100%!important;grid-template-columns:1fr 44px 40px!important;justify-self:stretch!important;}
}
@media(max-width:430px){
.catalog-page .sys-card{grid-template-columns:44px 1fr!important;gap:9px!important;padding:10px!important;}
.catalog-page .sys-thumb{width:42px!important;height:42px!important;min-height:42px!important;}
.catalog-page .sys-name{font-size:13px!important;}
.catalog-page .sys-open:before{font-size:11px!important;}
}
@media (min-width: 761px){
.page.mobile-design-clean > .side .mobile-tools-title,
.page.mobile-design-clean > .side .mobile-tools-title *{
display:none!important;
visibility:hidden!important;
}
.page.mobile-design-clean{
display:grid!important;
grid-template-columns:190px minmax(0,1fr) 320px!important;
grid-template-rows:minmax(0,1fr)!important;
height:calc(100vh - var(--fq-shell-h))!important;
min-height:0!important;
overflow:hidden!important;
background:#eef3f8!important;
}
.page.mobile-design-clean > .side.mobile-tool-side,
.page.mobile-design-clean > .side{
width:190px!important;
min-width:190px!important;
max-width:190px!important;
padding:12px!important;
background:linear-gradient(180deg,#f8fbff 0%,#eef6fb 100%)!important;
border-right:1px solid #cbd5e1!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
align-content:start!important;
gap:9px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
scrollbar-gutter:stable!important;
box-shadow:inset -1px 0 0 rgba(255,255,255,.75)!important;
}
.page.mobile-design-clean > .side::before{
content:'FRAMEQ TOOLBOX'!important;
grid-column:1/-1!important;
display:block!important;
padding:10px 11px!important;
margin:0 0 3px 0!important;
border-radius:14px!important;
background:#0b2138!important;
color:#fff!important;
letter-spacing:.06em!important;
font-size:12px!important;
font-weight:1000!important;
text-align:left!important;
}
.page.mobile-design-clean > .side::after{
content:'Drawing tools are organized for FrameQ Cloud'!important;
grid-column:1/-1!important;
display:block!important;
margin-top:2px!important;
padding:8px 10px!important;
border:1px dashed #adc2d7!important;
border-radius:12px!important;
color:#64748b!important;
background:#fff!important;
font-size:10px!important;
line-height:1.25!important;
}
.page.mobile-design-clean > .side .tool{
width:100%!important;
min-width:0!important;
min-height:62px!important;
height:auto!important;
margin:0!important;
padding:8px 6px!important;
border:1px solid #d8e2ec!important;
border-radius:15px!important;
background:#fff!important;
color:#132235!important;
font-size:10.5px!important;
font-weight:900!important;
line-height:1.12!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
box-shadow:0 1px 4px rgba(15,23,42,.08)!important;
}
.page.mobile-design-clean > .side .tool:hover{
transform:translateY(-1px)!important;
border-color:#2aa6a1!important;
box-shadow:0 8px 18px rgba(15,23,42,.12)!important;
}
.page.mobile-design-clean > .side .tool span{
min-width:28px!important;
height:28px!important;
border-radius:10px!important;
display:grid!important;
place-items:center!important;
background:#e7f7f5!important;
color:#0f766e!important;
font-size:17px!important;
line-height:1!important;
}
.page.mobile-design-clean > .side .tool.active{
border-color:#0f766e!important;
background:#ecfdf5!important;
color:#064e3b!important;
}
.page.mobile-design-clean > .side .tool.active span{
background:#0f766e!important;
color:#fff!important;
}
.page.mobile-design-clean > .side .anti-tool-wrap{
grid-column:1/-1!important;
width:auto!important;
margin:5px 0 0 0!important;
padding:10px!important;
border:1px solid #bfd3e5!important;
border-radius:16px!important;
background:#ffffff!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
box-shadow:0 1px 5px rgba(15,23,42,.08)!important;
}
.page.mobile-design-clean > .side .anti-tool-title{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
margin:0!important;
padding:0 2px 4px!important;
border-bottom:1px solid #e2e8f0!important;
font-size:11px!important;
letter-spacing:.04em!important;
color:#0f766e!important;
font-weight:1000!important;
text-transform:uppercase!important;
}
.page.mobile-design-clean > .side .anti-tool-buttons{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important;
}
.page.mobile-design-clean > .side .anti-tool-buttons .tool{
min-height:56px!important;
font-size:10px!important;
}
.page.mobile-design-clean > .canvas-wrap{
width:auto!important;
min-width:0!important;
min-height:0!important;
overflow:hidden!important;
background:#fff!important;
border-left:0!important;
border-right:1px solid #d7e0ea!important;
}
.page.mobile-design-clean .canvas-head{
flex:0 0 44px!important;
width:100%!important;
min-width:0!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
white-space:nowrap!important;
background:#f8fafc!important;
border-bottom:1px solid #dbe4ee!important;
padding:7px 10px!important;
}
.page.mobile-design-clean .canvas-head .btn,
.page.mobile-design-clean .canvas-head button,
.page.mobile-design-clean .mobile-design-back-btn{
border-radius:11px!important;
border-color:#d5e0eb!important;
font-weight:900!important;
}
.page.mobile-design-clean .mobile-tool-menu-btn{display:none!important;}
.page.mobile-design-clean > .props{
grid-column:3!important;
width:320px!important;
min-width:320px!important;
max-width:320px!important;
min-height:0!important;
align-self:stretch!important;
background:#eef5f8!important;
border-left:1px solid #cbd5e1!important;
padding:12px!important;
display:flex!important;
flex-direction:column!important;
overflow-y:auto!important;
overflow-x:hidden!important;
scrollbar-gutter:stable!important;
box-shadow:inset 1px 0 0 rgba(255,255,255,.75)!important;
}
.page.mobile-design-clean > .props::before{
content:'PANEL INSPECTOR'!important;
display:block!important;
padding:10px 12px!important;
margin:0 0 10px 0!important;
border-radius:14px!important;
background:#0b2138!important;
color:#fff!important;
font-size:12px!important;
font-weight:1000!important;
letter-spacing:.06em!important;
border-left:5px solid #f59e0b!important;
}
.page.mobile-design-clean .right-panel-body,
.page.mobile-design-clean .ac-props-body{
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
padding:0!important;
overflow:visible!important;
}
.page.mobile-design-clean .ac-side-title{
display:none!important;
}
.page.mobile-design-clean .ac-field{
background:#fff!important;
border:1px solid #d9e5ef!important;
border-radius:14px!important;
padding:9px 10px!important;
margin:0 0 9px 0!important;
box-shadow:0 1px 4px rgba(15,23,42,.06)!important;
}
.page.mobile-design-clean .ac-field label{
color:#334155!important;
font-size:10px!important;
letter-spacing:.05em!important;
text-transform:uppercase!important;
font-weight:1000!important;
margin:0 0 5px 0!important;
}
.page.mobile-design-clean .ac-field input,
.page.mobile-design-clean .ac-field select,
.page.mobile-design-clean .ac-field textarea{
border:1px solid #cbd5e1!important;
border-radius:10px!important;
background:#f8fbff!important;
height:34px!important;
font-size:12px!important;
font-weight:800!important;
}
.page.mobile-design-clean .mm-field{
display:grid!important;
grid-template-columns:1fr 36px 42px!important;
align-items:center!important;
gap:7px!important;
}
.page.mobile-design-clean .mm-field label{grid-column:1/-1!important;}
.page.mobile-design-clean .mm-field span{
color:#0f766e!important;
font-weight:1000!important;
font-size:11px!important;
}
.page.mobile-design-clean .mm-field button,
.page.mobile-design-clean .ac-mini-actions button{
border:1px solid #cbd5e1!important;
background:#eef6fb!important;
color:#0f172a!important;
border-radius:10px!important;
font-weight:900!important;
}
.page.mobile-design-clean + .system-tab-area,
.system-canvas-zone .system-tab-area{
background:#eef3f8!important;
}
.page.mobile-design-clean .system-tab-area,
.system-tab-area{
border-top:1px solid #cbd5e1!important;
}
.system-tab-area .tab,
.page.mobile-design-clean .tab{
border-radius:999px!important;
}
.system-section,
.calc-section,
.material-builder-section{
border-radius:14px!important;
}
}
.system-design .system-bottom-toggle{display:none!important;}
.system-design .sys-tab-strip{display:none!important;}
.system-design .system-bottom{border-top:0!important;background:#f8fafc!important;}
.system-design .sys-tab-body{padding-top:14px!important;}
.sys-fm-top-btn{background:#f59e0b!important;color:#fff!important;border-color:#d97706!important;}
.sys-fm-fab{position:fixed;right:18px;top:48%;z-index:950;background:#f59e0b;color:#111827;border:0;border-radius:18px 0 0 18px;padding:14px 10px;font-weight:950;box-shadow:0 10px 28px rgba(15,23,42,.22);white-space:pre-line;line-height:1.15;cursor:pointer;}
.sys-fm-panel{position:fixed;right:18px;top:108px;width:330px;max-width:calc(100vw - 36px);z-index:960;background:#fff;border:1px solid #d7e0ea;border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.28);overflow:hidden;}
.sys-fm-head{height:54px;background:#0f172a;color:#fff;display:flex;align-items:center;gap:12px;padding:0 14px;}
.sys-fm-head button{margin-left:auto;width:32px;height:32px;border:0;border-radius:10px;background:#334155;color:#fff;font-size:20px;font-weight:900;}
.sys-fm-list{padding:12px;display:grid;gap:10px;}
.sys-fm-item{border:1px solid #d8e2ef;background:#f8fafc;border-radius:14px;padding:12px 14px;text-align:left;display:flex;flex-direction:column;gap:3px;cursor:pointer;}
.sys-fm-item span{font-weight:950;color:#0f172a;}
.sys-fm-item small{color:#64748b;font-weight:700;}
.sys-fm-item.active{border-color:#f59e0b;background:#fff7ed;box-shadow:inset 4px 0 0 #f59e0b;}
.sys-section{border-radius:16px!important;border:1px solid #dbe5f0!important;margin:14px 18px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 6px 18px rgba(15,23,42,.06)!important;}
.sys-section-head{background:#f8fafc!important;height:48px!important;padding:0 16px!important;}
.sys-sub-head{margin:8px 16px!important;border-radius:12px!important;background:#fff!important;border:1px solid #e2e8f0!important;}
@media(max-width:760px){.sys-fm-fab{right:0;top:46%;}.sys-fm-panel{right:8px;left:8px;width:auto;top:88px}.system-design .sys-section{margin:10px 8px!important;}}
.sys-fm-fab{display:none!important;}
.system-bottom-toggle{display:none!important;}
.system-design .system-bottom{display:none!important;}
.system-design .system-bottom.is-open{display:block!important;background:#f8fafc;border-top:1px solid #dbe6f1;padding:16px 24px 26px;}
.system-design .sys-tab-strip{display:none!important;}
.calc-page-head{display:flex;align-items:center;gap:12px;background:#0f172a;color:#fff;border-radius:16px;padding:14px 16px;margin:0 0 14px;box-shadow:0 10px 24px rgba(15,23,42,.16)}
.calc-page-head h2{margin:0;font-size:18px;font-weight:950;letter-spacing:.2px;}
.calc-page-head small{opacity:.75;font-weight:700;}
.calc-page-head .spacer{flex:1;}
.calc-page-head button{border:0;border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer;}
.calc-page-head .list-btn{background:#f59e0b;color:#111827;}
.calc-page-head .close-btn{background:#334155;color:#fff;}
.sys-fm-panel{position:fixed;left:50%;right:auto;top:110px;transform:translateX(-50%);width:520px;max-width:calc(100vw - 32px);z-index:960;background:#fff;border:1px solid #d7e0ea;border-radius:20px;box-shadow:0 28px 70px rgba(15,23,42,.32);overflow:hidden;}
.sys-fm-list{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.sys-fm-item{border:1px solid #d8e2ef;background:#f8fafc;border-radius:16px;padding:14px 16px;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer;min-height:72px;}
.sys-fm-item:hover{border-color:#f59e0b;background:#fff7ed;}
@media(max-width:760px){.system-design .system-bottom.is-open{padding:12px 8px 20px}.calc-page-head{border-radius:12px;align-items:flex-start;flex-wrap:wrap}.calc-page-head h2{font-size:16px}.sys-fm-panel{left:8px;right:8px;width:auto;top:86px;transform:none}.sys-fm-list{grid-template-columns:1fr;}}
.system-design.bottom-open .system-canvas-zone{display:none!important;}
.system-design.bottom-open{background:#eef4f8!important;min-height:calc(100vh - 110px)!important;}
.system-design.bottom-open .system-bar{position:sticky!important;top:0!important;z-index:60!important;box-shadow:0 8px 20px rgba(15,23,42,.16)!important;}
.system-design.bottom-open .system-bottom.is-open{display:block!important;min-height:calc(100vh - 172px)!important;background:linear-gradient(180deg,#f7fbff 0%,#eef5f9 100%)!important;border-top:0!important;padding:24px 34px 34px!important;margin:0!important;overflow:visible!important;}
.system-design.bottom-open .system-bottom.is-open .calc-page-head{position:static!important;top:auto!important;z-index:auto!important;max-width:1240px!important;margin:0 auto 18px!important;border-radius:22px!important;background:linear-gradient(135deg,#07192c 0%,#123d5b 100%)!important;box-shadow:0 16px 34px rgba(15,23,42,.23)!important;padding:18px 22px!important;}
.system-design.bottom-open .calc-page-head .list-btn{background:#f59e0b!important;color:#111827!important;border-radius:999px!important;padding:12px 18px!important;}
.system-design.bottom-open .calc-page-head .close-btn{border-radius:999px!important;padding:12px 18px!important;background:#e2e8f0!important;color:#0f172a!important;}
.system-design.bottom-open .calc-page-head h2{font-size:23px!important;letter-spacing:.2px!important;}
.system-design.bottom-open .calc-page-head small{color:#dbeafe!important;opacity:1!important;}
.system-design.bottom-open .sys-tab-body{max-width:1240px!important;margin:0 auto!important;padding:0 0 40px!important;}
.system-design.bottom-open .sys-section{border:0!important;border-radius:22px!important;margin:16px 0!important;background:#fff!important;box-shadow:0 12px 28px rgba(15,23,42,.08)!important;overflow:hidden!important;}
.system-design.bottom-open .sys-section-head{height:62px!important;background:#ffffff!important;border-bottom:1px solid #e2e8f0!important;padding:0 22px!important;color:#0f172a!important;font-size:17px!important;}
.system-design.bottom-open .sys-section .stripe{width:12px!important;height:12px!important;border-radius:50%!important;background:#0f766e!important;box-shadow:0 0 0 5px rgba(15,118,110,.12)!important;}
.system-design.bottom-open .sys-section .stripe.glass{background:#0284c7!important;box-shadow:0 0 0 5px rgba(2,132,199,.12)!important;}
.system-design.bottom-open .sys-section .stripe.addon{background:#0891b2!important;box-shadow:0 0 0 5px rgba(8,145,178,.12)!important;}
.system-design.bottom-open .sys-section .stripe.fabrication{background:#7c3aed!important;box-shadow:0 0 0 5px rgba(124,58,237,.12)!important;}
.system-design.bottom-open .sys-section .stripe.calc{background:#f59e0b!important;box-shadow:0 0 0 5px rgba(245,158,11,.16)!important;}
.system-design.bottom-open .sys-sub-head{height:auto!important;min-height:54px!important;margin:12px 18px!important;padding:12px 16px!important;border:1px solid #d8e6ee!important;border-radius:16px!important;background:#f8fbfd!important;display:flex!important;align-items:center!important;gap:12px!important;box-shadow:none!important;color:#0f172a!important;}
.system-design.bottom-open .sys-sub-head:hover{background:#eef8f7!important;border-color:#99d5ce!important;}
.system-design.bottom-open .sub-stripe{width:32px!important;height:32px!important;border-radius:12px!important;background:#e0f2fe!important;position:relative!important;}
.system-design.bottom-open .sub-stripe:after{content:'ƒ';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:950;color:#0369a1;font-size:16px;}
.system-design.bottom-open .sys-section-actions{gap:8px!important;align-items:center!important;}
.system-design.bottom-open .sys-section-actions span{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:5px 9px!important;border-radius:999px!important;background:#eef2f7!important;color:#0f172a!important;font-size:11px!important;font-weight:900!important;margin-left:0!important;}
.system-design.bottom-open .sys-section-actions span:hover{background:#dbeafe!important;color:#1d4ed8!important;}
.system-design.bottom-open .sys-section-actions span.disabled{background:#f1f5f9!important;color:#94a3b8!important;}
.system-design.bottom-open .sys-table-wrap,.system-design.bottom-open .calc-result-wrap{margin:12px 18px 18px!important;border:1px solid #dbe6ee!important;border-radius:16px!important;overflow:auto!important;max-height:420px!important;background:#fff!important;}
.system-design.bottom-open .sys-mini-table th{background:#0f172a!important;color:#fff!important;height:40px!important;font-size:12px!important;}
.system-design.bottom-open .sys-mini-table td{height:38px!important;font-size:12px!important;}
.system-design.bottom-open .sys-empty{margin:12px 18px 18px!important;border:1px dashed #cbd5e1!important;background:#f8fafc!important;border-radius:16px!important;padding:20px!important;color:#64748b!important;}
.system-design.bottom-open .selected-row-strip{max-width:1240px!important;margin:0 auto 14px!important;border-radius:16px!important;background:#fff7ed!important;border:1px solid #fed7aa!important;}
.sys-fm-panel{z-index:999!important;}
.sys-fm-list{grid-template-columns:1fr 1fr!important;}
.sys-fm-item{border-radius:18px!important;min-height:82px!important;border:1px solid #dbe6ee!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important;}
.sys-fm-item.active{background:#ecfdf5!important;border-color:#0f766e!important;box-shadow:inset 5px 0 0 #0f766e,0 8px 18px rgba(15,23,42,.06)!important;}
@media(max-width:760px){
.system-design.bottom-open .system-bottom.is-open{padding:12px 10px 24px!important;}
.system-design.bottom-open .calc-page-head{top:0!important;border-radius:16px!important;align-items:flex-start!important;}
.system-design.bottom-open .calc-page-head h2{font-size:18px!important;}
.system-design.bottom-open .sys-section-head{height:auto!important;min-height:56px!important;}
.system-design.bottom-open .sys-section-actions span{font-size:10px!important;padding:4px 7px!important;}
.sys-fm-list{grid-template-columns:1fr!important;}
}
.system-design.bottom-open .sys-action-btn.ac-action-add{background:#dcfce7!important;color:#166534!important;}
.system-design.bottom-open .sys-action-btn.ac-action-edit{background:#dbeafe!important;color:#1d4ed8!important;}
.system-design.bottom-open .sys-action-btn.ac-action-copy{background:#fef3c7!important;color:#92400e!important;}
.system-design.bottom-open .sys-action-btn.ac-action-remove{background:#fee2e2!important;color:#991b1b!important;}
.system-design.bottom-open .sys-section{
background:#f8fbfd!important;
border:1px solid #dbeafe!important;
box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
}
.system-design.bottom-open .sys-section-head{
background:linear-gradient(90deg,#ffffff 0%,#f0fdfa 100%)!important;
border-bottom:1px solid #c7e8e3!important;
}
.system-design.bottom-open .sys-sub-head{
margin:14px 18px!important;
padding:14px 16px!important;
border-radius:18px!important;
background:linear-gradient(135deg,#ffffff 0%,#eef8ff 100%)!important;
border:1px solid #cfe4f3!important;
box-shadow:0 8px 20px rgba(15,23,42,.055)!important;
}
.system-design.bottom-open .sys-sub-head .sub-title,
.system-design.bottom-open .sys-sub-head b{
font-size:14px!important;
letter-spacing:.15px!important;
color:#082f49!important;
}
.system-design.bottom-open .sub-stripe{
width:38px!important;
height:38px!important;
border-radius:14px!important;
background:linear-gradient(135deg,#ccfbf1,#dbeafe)!important;
flex:0 0 38px!important;
}
.system-design.bottom-open .sys-section-actions{gap:7px!important;margin-left:auto!important;}
.system-design.bottom-open .sys-section-actions span,
.system-design.bottom-open .sys-action-btn{
border:1px solid transparent!important;
min-height:30px!important;
padding:6px 11px!important;
border-radius:10px!important;
font-size:11px!important;
text-transform:uppercase!important;
letter-spacing:.35px!important;
box-shadow:0 3px 8px rgba(15,23,42,.05)!important;
}
.system-design.bottom-open .sys-table-wrap{
margin:8px 18px 18px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
max-height:520px!important;
overflow:auto!important;
}
.system-design.bottom-open .sys-mini-table{
width:100%!important;
border-collapse:separate!important;
border-spacing:0 10px!important;
background:transparent!important;
}
.system-design.bottom-open .sys-mini-table thead{display:none!important;}
.system-design.bottom-open .sys-mini-table tbody{display:block!important;}
.system-design.bottom-open .sys-mini-table tr{
display:grid!important;
grid-template-columns:34px 1.1fr 1.45fr .9fr 1.45fr .85fr .95fr .95fr .95fr 1.35fr!important;
gap:0!important;
align-items:stretch!important;
margin:0 0 12px!important;
background:#fff!important;
border:1px solid #dbeafe!important;
border-radius:18px!important;
overflow:hidden!important;
box-shadow:0 10px 22px rgba(15,23,42,.07)!important;
}
.system-design.bottom-open .sys-mini-table td{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
gap:3px!important;
min-height:54px!important;
height:auto!important;
border:0!important;
border-right:1px solid #eef2f7!important;
background:#fff!important;
padding:9px 10px!important;
font-size:12px!important;
color:#0f172a!important;
white-space:normal!important;
}
.system-design.bottom-open .sys-mini-table td:last-child{border-right:0!important;}
.system-design.bottom-open .sys-mini-table td:first-child{
align-items:center!important;
background:#f0fdfa!important;
padding:0!important;
}
.system-design.bottom-open .sys-mini-table td:not(:first-child)::before{
content:'';
display:block;
font-size:9px;
line-height:1;
font-weight:950;
color:#64748b;
text-transform:uppercase;
letter-spacing:.45px;
}
.system-design.bottom-open .sys-mini-table td:nth-child(2)::before{content:'Section Code';}
.system-design.bottom-open .sys-mini-table td:nth-child(3)::before{content:'Item Name';}
.system-design.bottom-open .sys-mini-table td:nth-child(4)::before{content:'Section Type';}
.system-design.bottom-open .sys-mini-table td:nth-child(5)::before{content:'Calc Rule';}
.system-design.bottom-open .sys-mini-table td:nth-child(6)::before{content:'Width';}
.system-design.bottom-open .sys-mini-table td:nth-child(7)::before{content:'Position';}
.system-design.bottom-open .sys-mini-table td:nth-child(8)::before{content:'Tag';}
.system-design.bottom-open .sys-mini-table td:nth-child(9)::before{content:'End Cutting';}
.system-design.bottom-open .sys-mini-table td:nth-child(10)::before{content:'Rule';}
.system-design.bottom-open .sys-mini-table tr.selected,
.system-design.bottom-open .sys-mini-table tr:hover{
border-color:#0f766e!important;
box-shadow:inset 5px 0 0 #0f766e,0 14px 28px rgba(15,23,42,.09)!important;
}
@media(max-width:1100px){
.system-design.bottom-open .sys-mini-table tr{grid-template-columns:34px 1fr 1fr 1fr!important;}
.system-design.bottom-open .sys-mini-table td{min-height:50px!important;}
}
@media(max-width:760px){
.system-design.bottom-open .sys-mini-table tr{grid-template-columns:32px 1fr 1fr!important;border-radius:14px!important;}
.system-design.bottom-open .sys-mini-table td{font-size:11px!important;padding:8px!important;}
}
.system-design .edit-modal-back{background:rgba(5,18,32,.58)!important;backdrop-filter:blur(3px)}
.system-design .edit-modal{width:min(560px,94vw)!important;border:0!important;border-radius:18px!important;box-shadow:0 24px 80px rgba(0,0,0,.35)!important;overflow:hidden!important;background:#f4f8fb!important}
.system-design .edit-modal-title{height:auto!important;min-height:60px!important;background:linear-gradient(135deg,#0b2239,#0f4c67)!important;color:#fff!important;border:0!important;padding:14px 18px!important;font-size:16px!important;font-weight:900!important;letter-spacing:.2px}
.system-design .edit-modal-title button{color:#fff!important;background:rgba(255,255,255,.14)!important;border-radius:999px!important;width:34px!important;height:34px!important;font-size:18px!important}.system-design .edit-modal-title span:nth-child(3){display:none!important}
.system-design .edit-form{display:flex!important;flex-direction:column!important;gap:10px!important;margin:0!important;padding:16px!important;border:0!important;background:#eef6fa!important;max-height:68vh!important;overflow:auto!important}
.system-design .edit-field{display:grid!important;grid-template-columns:124px 1fr!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;border:1px solid #d9e9f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 1px 0 rgba(15,23,42,.04)!important}.system-design .edit-field.wide,.system-design .edit-field.half-wide{grid-column:auto!important}
.system-design .edit-field label{font-size:11px!important;color:#0f766e!important;text-transform:uppercase!important;letter-spacing:.55px!important;font-weight:900!important;margin:0!important}.system-design .edit-field input,.system-design .edit-field select,.system-design .edit-field textarea{height:38px!important;border:1px solid #cbdde5!important;border-radius:10px!important;background:#f8fbfd!important;font-size:13px!important;color:#0f172a!important;font-weight:700!important}.system-design .edit-field .profile-sync-suggest{grid-column:2!important}.system-design .edit-field>div{min-width:0}.system-design .edit-toggle-row{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.system-design .edit-pill{border-radius:999px!important;background:#eef6ff!important;border:1px solid #bfdbfe!important;color:#1d4ed8!important;padding:8px 14px!important;font-weight:900!important}.system-design .edit-pill.on{background:#0f766e!important;border-color:#0f766e!important;color:#fff!important}.system-design .mini-hint{grid-column:2!important;color:#64748b!important;font-size:11px!important}.system-design .edit-modal-foot{background:#f4f8fb!important;border-top:1px solid #dbe8ef!important;height:auto!important;padding:14px 16px!important}.system-design .edit-modal-foot button{border-radius:999px!important;padding:10px 22px!important}.system-design .edit-confirm{background:#0f766e!important}.system-design .edit-cancel{background:#e2e8f0!important;color:#0f172a!important}
@media(max-width:640px){.system-design .edit-field{grid-template-columns:1fr!important;gap:6px!important}.system-design .edit-field .profile-sync-suggest,.system-design .mini-hint{grid-column:1!important}.system-design .edit-form{max-height:70vh!important}}
.system-design.bottom-open .sys-mini-table tr{
grid-template-columns:34px 1.15fr 1.5fr .95fr 1.55fr 1fr .85fr 1fr 1.45fr!important;
}
.system-design.bottom-open .sys-mini-table td:nth-child(6){display:none!important;}
.system-design.bottom-open .sys-mini-table td:nth-child(2)::before{content:'Section Code'!important;}
.system-design.bottom-open .sys-mini-table td:nth-child(3)::before{content:'Item Name'!important;}
.system-design.bottom-open .sys-mini-table td:nth-child(4)::before{content:'Section Type'!important;}
.system-design.bottom-open .sys-mini-table td:nth-child(5)::before{content:'Calc Rule'!important;}
.system-design.bottom-open .sys-mini-table td:nth-child(7)::before{content:'Position'!important;}
.system-design.bottom-open .sys-mini-table td:nth-child(8)::before{content:'Tag'!important;}
.system-design.bottom-open .sys-mini-table td:nth-child(9)::before{content:'End Cutting'!important;}
.system-design.bottom-open .sys-mini-table td:nth-child(10)::before{content:'Rule'!important;}
@media(max-width:1100px){.system-design.bottom-open .sys-mini-table tr{grid-template-columns:34px 1fr 1fr 1fr!important;}}
@media(max-width:760px){.system-design.bottom-open .sys-mini-table tr{grid-template-columns:32px 1fr 1fr!important;}}
.match-modal{width:560px!important;max-width:92vw!important;border-radius:18px!important;border:1px solid #c7edf2!important;box-shadow:0 24px 80px rgba(2,22,42,.38)!important;overflow:hidden!important;background:#f3fbfd!important}
.match-head{height:56px!important;background:linear-gradient(135deg,#06223a,#0d5b68)!important;color:#fff!important;border-bottom:0!important;padding:0 18px!important;font-size:16px!important;letter-spacing:.2px!important}
.match-head button{color:#fff!important;background:rgba(255,255,255,.15)!important;border-radius:50%!important;width:32px!important;height:32px!important;line-height:28px!important}
.match-body{padding:16px!important;background:#edf7fa!important;max-height:62vh!important;overflow:auto!important}
.match-row{display:flex!important;flex-direction:column!important;gap:10px!important;margin:0 0 14px!important;padding:14px!important;border-radius:16px!important;background:#fff!important;border:1px solid #cfe8ef!important;box-shadow:0 8px 22px rgba(8,53,76,.08)!important}
.match-field{display:grid!important;grid-template-columns:120px 1fr!important;align-items:center!important;gap:12px!important}
.match-field label{margin:0!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.7px!important;color:#00796b!important}
.match-field select,.match-field input{height:38px!important;border:1px solid #c9dde6!important;border-radius:10px!important;padding:6px 10px!important;background:#f8fcff!important;font-weight:700!important;color:#0b2033!important;font-size:13px!important;width:100%!important}
.match-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;padding-top:2px!important}
.match-row .and-btn{height:34px!important;min-width:86px!important;border-radius:18px!important;background:#00796b!important;color:#fff!important;text-transform:uppercase!important;font-weight:900!important;font-size:12px!important}
.match-row .del-btn{height:34px!important;min-width:86px!important;border-radius:18px!important;background:#fff0f0!important;color:#b91c1c!important;border:1px solid #fecaca!important;font-weight:900!important}
.match-foot{height:64px!important;background:#eaf3f7!important;border-top:1px solid #cfe1ea!important;padding:0 16px!important}
.rule-gear-btn{min-width:48px!important;width:48px!important;padding:0!important;font-size:18px!important;border-radius:12px!important;background:#00796b!important;color:#fff!important}
@media(max-width:700px){.match-field{grid-template-columns:1fr!important}.match-field label{margin-bottom:-4px!important}.match-modal{width:94vw!important}.match-body{max-height:66vh!important}}
.saved-card-bar.ac-window-list{display:none!important;}
.ac-side-window-list{position:fixed!important;left:190px!important;top:205px!important;width:282px!important;max-height:calc(100vh - 225px)!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;padding:10px!important;border:1px solid #cfe0ee!important;border-radius:16px!important;background:linear-gradient(180deg,#ffffff 0%,#f5fbff 100%)!important;box-shadow:0 8px 24px rgba(15,23,42,.14)!important;display:flex!important;flex-direction:column!important;gap:9px!important;z-index:125!important;}
.ac-side-window-title{background:transparent!important;color:#0b2239!important;border-radius:0!important;padding:2px 2px 6px!important;font-size:13px!important;font-weight:1000!important;letter-spacing:.04em!important;text-align:left!important;border-bottom:2px solid #0f766e!important;}
.ac-side-window-item{display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:9px!important;border:1px solid #d7e5f2!important;border-radius:15px!important;background:#fff!important;cursor:pointer!important;box-shadow:0 1px 8px rgba(15,23,42,.05)!important;width:100%!important;box-sizing:border-box!important;}
.ac-side-window-item.active{border-color:#0f766e!important;box-shadow:0 0 0 2px rgba(15,118,110,.18)!important;}
.ac-side-window-thumb{width:68px!important;height:58px!important;border:1px solid #cbd5e1!important;border-radius:10px!important;background:#f8fafc!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
.ac-side-window-thumb img{max-width:100%!important;max-height:100%!important;display:block!important;object-fit:contain!important;}
.ac-side-window-simple{width:42px;height:32px;border:3px solid #334155;background:#e5eef0;position:relative;}
.ac-side-window-simple:after{content:'';position:absolute;left:50%;top:0;width:2px;height:100%;background:#334155;}
.ac-side-window-info{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important;}
.ac-window-list-code{font-size:16px!important;font-weight:1000!important;color:#0f172a!important;line-height:1!important;white-space:nowrap!important;}
.ac-window-list-size{font-size:13px!important;font-weight:900!important;color:#475569!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.15!important;}
.ac-window-list-actions{display:flex!important;align-items:center!important;gap:8px!important;margin-top:3px!important;flex-wrap:wrap!important;}
.ac-window-list-actions button{border:0!important;border-radius:999px!important;padding:6px 10px!important;font-size:10px!important;font-weight:1000!important;cursor:pointer!important;line-height:1!important;}
.ac-window-report{background:#dff4ff!important;color:#075985!important;}
.ac-window-remove{background:#fee2e2!important;color:#b91c1c!important;}
.ac-side-window-item.ac-empty{opacity:.78!important;grid-template-columns:1fr!important;}
@media(max-width:760px){.ac-side-window-list{display:none!important;}}
@media(min-width:761px) and (max-width:1250px){.ac-side-window-list{left:176px!important;width:250px!important}.ac-side-window-item{grid-template-columns:58px minmax(0,1fr)!important}.ac-side-window-thumb{width:56px!important;height:48px!important}.ac-window-list-size{font-size:11px!important}}
.ac-mobile-window-strip{display:none!important;}
@media (max-width:760px), (pointer:coarse){
.mobile-design-clean .side .ac-side-window-list{display:none!important;}
.mobile-design-clean .canvas-wrap > .ac-mobile-window-strip{
display:flex!important;
position:relative!important;
left:auto!important;
top:auto!important;
width:100%!important;
max-width:100%!important;
height:94px!important;
min-height:94px!important;
max-height:94px!important;
flex:0 0 94px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
flex-direction:row!important;
align-items:center!important;
gap:8px!important;
padding:7px 8px!important;
margin:0!important;
border:0!important;
border-radius:0!important;
border-bottom:1px solid #dbe6ee!important;
background:#f8fbff!important;
box-shadow:none!important;
z-index:6!important;
box-sizing:border-box!important;
-webkit-overflow-scrolling:touch!important;
}
.mobile-design-clean .canvas-wrap > .ac-mobile-window-strip .ac-side-window-title{
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 86px!important;
width:86px!important;
height:64px!important;
padding:0 8px!important;
margin:0!important;
background:#0b2239!important;
color:#fff!important;
border:0!important;
border-right:3px solid #0f766e!important;
border-radius:12px!important;
text-align:center!important;
font-size:12px!important;
line-height:1.15!important;
white-space:normal!important;
}
.mobile-design-clean .canvas-wrap > .ac-mobile-window-strip .ac-side-window-item{
flex:0 0 214px!important;
width:214px!important;
min-width:214px!important;
max-width:214px!important;
height:72px!important;
min-height:72px!important;
display:grid!important;
grid-template-columns:54px minmax(0,1fr)!important;
gap:7px!important;
padding:7px!important;
margin:0!important;
border-radius:14px!important;
box-sizing:border-box!important;
}
.mobile-design-clean .canvas-wrap > .ac-mobile-window-strip .ac-side-window-thumb{
width:52px!important;
height:54px!important;
border-radius:9px!important;
}
.mobile-design-clean .canvas-wrap > .ac-mobile-window-strip .ac-window-list-code{
font-size:15px!important;
line-height:1!important;
}
.mobile-design-clean .canvas-wrap > .ac-mobile-window-strip .ac-window-list-size{
font-size:11px!important;
line-height:1.1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.mobile-design-clean .canvas-wrap > .ac-mobile-window-strip .ac-window-list-actions{
gap:5px!important;
flex-wrap:nowrap!important;
margin-top:2px!important;
}
.mobile-design-clean .canvas-wrap > .ac-mobile-window-strip .ac-window-list-actions button{
padding:5px 8px!important;
font-size:9px!important;
}
.mobile-design-clean .canvas-wrap > .ac-mobile-window-strip .ac-side-window-item.ac-empty{
flex:0 0 190px!important;
width:190px!important;
min-width:190px!important;
grid-template-columns:1fr!important;
}
}
@media (max-width:430px){
.mobile-design-clean .canvas-wrap > .ac-mobile-window-strip{
height:88px!important;
min-height:88px!important;
max-height:88px!important;
flex-basis:88px!important;
padding:6px!important;
}
.mobile-design-clean .canvas-wrap > .ac-mobile-window-strip .ac-side-window-title{
flex-basis:74px!important;
width:74px!important;
height:60px!important;
font-size:10.5px!important;
}
.mobile-design-clean .canvas-wrap > .ac-mobile-window-strip .ac-side-window-item{
flex-basis:190px!important;
width:190px!important;
min-width:190px!important;
max-width:190px!important;
height:66px!important;
min-height:66px!important;
grid-template-columns:48px minmax(0,1fr)!important;
}
.mobile-design-clean .canvas-wrap > .ac-mobile-window-strip .ac-side-window-thumb{
width:46px!important;
height:48px!important;
}
.mobile-design-clean .canvas-wrap > .ac-mobile-window-strip .ac-window-list-code{font-size:14px!important;}
.mobile-design-clean .canvas-wrap > .ac-mobile-window-strip .ac-window-list-size{font-size:10px!important;}
}
.system-design.bottom-open .calc-result-wrap{
overflow-x:auto!important;
overflow-y:auto!important;
max-height:520px!important;
background:#fff!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table{
display:table!important;
width:100%!important;
min-width:980px!important;
border-collapse:separate!important;
border-spacing:0!important;
table-layout:auto!important;
background:#fff!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table thead{display:table-header-group!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table tbody{display:table-row-group!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table tr{
display:table-row!important;
margin:0!important;
border:0!important;
box-shadow:none!important;
background:#fff!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table th{
display:table-cell!important;
position:sticky!important;
top:0!important;
z-index:2!important;
background:#0f172a!important;
color:#fff!important;
padding:10px 12px!important;
font-size:12px!important;
white-space:nowrap!important;
border-right:1px solid #26364d!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td{
display:table-cell!important;
min-height:0!important;
height:auto!important;
padding:10px 12px!important;
border-right:1px solid #e5edf5!important;
border-bottom:1px solid #e5edf5!important;
background:#fff!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
vertical-align:middle!important;
font-size:12px!important;
line-height:1.35!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td::before{content:none!important;display:none!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td:first-child{
background:#f8fbfd!important;
padding:10px!important;
align-items:initial!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td:nth-child(6){display:table-cell!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table tr.selected td,
.system-design.bottom-open .calc-result-wrap .sys-mini-table tr:hover td{
background:#f0fdfa!important;
}
@media(max-width:900px){
.system-design.bottom-open .calc-result-wrap .sys-mini-table{min-width:860px!important;}
}
@media (max-width: 760px){
html, body{
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;
}
.system-design.bottom-open{
height:calc(100dvh - 0px)!important;
max-height:100dvh!important;
min-height:0!important;
overflow:hidden!important;
display:flex!important;
flex-direction:column!important;
}
.system-design.bottom-open .system-bar{
flex:0 0 auto!important;
position:sticky!important;
top:0!important;
z-index:70!important;
}
.system-design.bottom-open .system-bottom.is-open{
flex:1 1 auto!important;
min-height:0!important;
height:auto!important;
max-height:none!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior:contain!important;
padding:10px 10px calc(64px + env(safe-area-inset-bottom, 0px))!important;
touch-action:pan-y!important;
}
.system-design.bottom-open .calc-page-head{
position:sticky!important;
top:0!important;
z-index:55!important;
margin-bottom:12px!important;
}
.system-design.bottom-open .sys-tab-body{
min-height:0!important;
max-height:none!important;
overflow:visible!important;
padding-bottom:54px!important;
touch-action:pan-y!important;
}
.system-design.bottom-open .sys-section{
overflow:visible!important;
}
.system-design.bottom-open .sys-table-wrap,
.system-design.bottom-open .calc-result-wrap{
max-height:none!important;
overflow:visible!important;
}
.system-design.bottom-open .sys-sub-head{
min-height:62px!important;
}
}
@media (max-width:760px){
.system-design.bottom-open .system-bottom.is-open{
padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px))!important;
scroll-padding-top:0!important;
}
.system-design.bottom-open .sys-tab-body{
padding-bottom:54px!important;
}
.system-design.bottom-open .sys-section:last-child{
margin-bottom:18px!important;
}
}
@media (max-width:760px){
.system-design.bottom-open .system-bottom.is-open,
.system-design.bottom-open .sys-tab-body,
.system-design.bottom-open .sys-section,
.system-design.bottom-open .sys-sub-head{
overflow-anchor:none!important;
}
}
@media (max-width:760px){
.system-design.bottom-open .system-bottom.is-open{
scrollbar-width:thin!important;
scrollbar-color:#0f766e #e8f6f8!important;
}
.system-design.bottom-open .system-bottom.is-open::-webkit-scrollbar{
width:6px!important;
display:block!important;
}
.system-design.bottom-open .system-bottom.is-open::-webkit-scrollbar-track{
background:#e8f6f8!important;
border-radius:8px!important;
}
.system-design.bottom-open .system-bottom.is-open::-webkit-scrollbar-thumb{
background:#0f766e!important;
border-radius:8px!important;
}
}
@media (max-width:760px){
.system-design.bottom-open{
height:100dvh!important;
max-height:100dvh!important;
overflow:hidden!important;
overscroll-behavior:contain!important;
}
.system-design.bottom-open .system-bottom.is-open{
height:auto!important;
min-height:0!important;
max-height:none!important;
flex:1 1 auto!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
scroll-behavior:auto!important;
scroll-padding-top:92px!important;
padding-bottom:calc(56px + env(safe-area-inset-bottom, 0px))!important;
overflow-anchor:none!important;
}
.system-design.bottom-open .sys-tab-body,
.system-design.bottom-open .sys-section,
.system-design.bottom-open .sys-section-head,
.system-design.bottom-open .sys-sub-head{
overflow-anchor:none!important;
}
.system-design.bottom-open .calc-page-head{
position:sticky!important;
top:0!important;
z-index:90!important;
}
}
@media (max-width:760px){
.system-design.bottom-open .system-bottom.is-open{
display:block!important;
height:calc(100dvh - 46px)!important;
max-height:calc(100dvh - 46px)!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
overscroll-behavior:contain!important;
-webkit-overflow-scrolling:touch!important;
}
.system-design.bottom-open .sys-section-head,
.system-design.bottom-open .sys-sub-head{
scroll-margin-top:118px!important;
}
}
@media (max-width:760px){
.system-design.bottom-open .calc-page-head{
position:relative!important;
top:auto!important;
z-index:20!important;
display:grid!important;
grid-template-columns:auto minmax(0,1fr) 42px!important;
grid-auto-rows:auto!important;
align-items:center!important;
gap:8px!important;
min-height:58px!important;
max-height:none!important;
padding:10px 12px!important;
margin:0 8px 10px!important;
border-radius:16px!important;
}
.system-design.bottom-open .calc-page-head .list-btn{
grid-column:1!important;
white-space:nowrap!important;
padding:10px 12px!important;
font-size:12px!important;
line-height:1!important;
}
.system-design.bottom-open .calc-page-head h2,
.system-design.bottom-open .calc-page-head .head-text,
.system-design.bottom-open .calc-page-head > div:not(.spacer){
min-width:0!important;
}
.system-design.bottom-open .calc-page-head h2{
font-size:16px!important;
line-height:1.08!important;
white-space:normal!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
margin:0!important;
}
.system-design.bottom-open .calc-page-head small{
display:block!important;
font-size:10px!important;
line-height:1.15!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.system-design.bottom-open .calc-page-head .spacer{display:none!important;}
.system-design.bottom-open .calc-page-head .close-btn{
grid-column:3!important;
width:40px!important;
min-width:40px!important;
height:40px!important;
padding:0!important;
border-radius:999px!important;
font-size:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
.system-design.bottom-open .calc-page-head .close-btn::after{
content:'×';
font-size:24px!important;
line-height:1!important;
font-weight:950!important;
}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap){
margin:8px 10px 14px!important;
overflow:visible!important;
max-height:none!important;
width:auto!important;
}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table{
display:block!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
border-spacing:0!important;
table-layout:auto!important;
}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table thead{display:none!important;}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table tbody{display:block!important;width:100%!important;}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table tr{
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:0 0 12px!important;
padding:10px 10px 8px!important;
border:1px solid #dbeafe!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 10px 22px rgba(15,23,42,.07)!important;
overflow:hidden!important;
}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table td{
display:flex!important;
flex-direction:row!important;
align-items:flex-start!important;
justify-content:flex-start!important;
gap:8px!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:0!important;
height:auto!important;
padding:7px 4px!important;
border:0!important;
border-bottom:1px solid #edf4fb!important;
background:#fff!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
word-break:break-word!important;
overflow-wrap:anywhere!important;
font-size:12px!important;
line-height:1.25!important;
color:#0f172a!important;
}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table td:last-child{border-bottom:0!important;}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table td:first-child{
width:36px!important;
max-width:36px!important;
min-height:30px!important;
float:left!important;
padding:4px 0!important;
margin-right:6px!important;
border-bottom:0!important;
background:transparent!important;
align-items:center!important;
justify-content:center!important;
}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table td:not(:first-child)::before{
flex:0 0 92px!important;
display:block!important;
font-size:10px!important;
line-height:1.05!important;
font-weight:950!important;
color:#64748b!important;
text-transform:uppercase!important;
letter-spacing:.35px!important;
padding-top:1px!important;
}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table td:nth-child(6){display:none!important;}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table td:nth-child(2)::before{content:'Section Code'!important;}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table td:nth-child(3)::before{content:'Item Name'!important;}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table td:nth-child(4)::before{content:'Section Type'!important;}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table td:nth-child(5)::before{content:'Calc Rule'!important;}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table td:nth-child(7)::before{content:'Position'!important;}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table td:nth-child(8)::before{content:'Tag'!important;}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table td:nth-child(9)::before{content:'End Cutting'!important;}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table td:nth-child(10)::before{content:'Rule'!important;}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table tr.row-selected,
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table tr.selected{
border-color:#0f766e!important;
box-shadow:inset 5px 0 0 #0f766e,0 12px 26px rgba(15,23,42,.08)!important;
}
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table tr.row-selected td,
.system-design.bottom-open .sys-table-wrap:not(.calc-result-wrap) .sys-mini-table tr.selected td{
background:#fff!important;
color:#0f172a!important;
}
.system-design.bottom-open .sys-section-head{scroll-margin-top:12px!important;}
.system-design.bottom-open .sys-sub-head{scroll-margin-top:12px!important;}
}
@media (max-width:760px){
.system-design.bottom-open .system-bottom.is-open{
padding-top:2px!important;
}
.system-design.bottom-open .calc-page-head{
margin:-38px 8px 8px!important;
min-height:52px!important;
padding:8px 12px!important;
}
.system-design.bottom-open .calc-page-head .list-btn{
padding:9px 12px!important;
}
.system-design.bottom-open .calc-page-head .close-btn{
width:38px!important;
min-width:38px!important;
height:38px!important;
}
}
@media (max-width:760px){
.system-design.bottom-open .calc-page-head{
position:relative!important;
top:auto!important;
z-index:45!important;
margin:0 0 10px!important;
padding:0 10px!important;
min-height:54px!important;
height:54px!important;
border-radius:0!important;
background:#0f172a!important;
color:#fff!important;
box-shadow:0 8px 18px rgba(15,23,42,.16)!important;
display:grid!important;
grid-template-columns:40px minmax(0,1fr)40px!important;
align-items:center!important;
gap:10px!important;
overflow:hidden!important;
}
.system-design.bottom-open .calc-page-head .list-btn{
grid-column:1!important;
width:36px!important;
min-width:36px!important;
height:36px!important;
padding:0!important;
border:0!important;
border-radius:10px!important;
background:#334155!important;
color:#fff!important;
box-shadow:none!important;
font-size:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
.system-design.bottom-open .calc-page-head .list-btn::after{
content:'☰';
font-size:20px!important;
line-height:1!important;
font-weight:950!important;
}
.system-design.bottom-open .calc-page-head > div{
grid-column:2!important;
min-width:0!important;
overflow:hidden!important;
}
.system-design.bottom-open .calc-page-head h2{
color:#fff!important;
font-size:16px!important;
line-height:1.08!important;
font-weight:950!important;
margin:0!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.system-design.bottom-open .calc-page-head small{
color:#cbd5e1!important;
display:block!important;
font-size:10px!important;
line-height:1.05!important;
font-weight:750!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
margin-top:2px!important;
}
.system-design.bottom-open .calc-page-head .spacer{display:none!important;}
.system-design.bottom-open .calc-page-head .close-btn{
grid-column:3!important;
width:36px!important;
min-width:36px!important;
height:36px!important;
padding:0!important;
border:0!important;
border-radius:10px!important;
background:#334155!important;
color:#fff!important;
box-shadow:none!important;
font-size:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
.system-design.bottom-open .calc-page-head .close-btn::after{
content:'×';
color:#fff!important;
font-size:24px!important;
line-height:1!important;
font-weight:950!important;
}
.system-design.bottom-open .sys-tab-body{
padding-top:0!important;
}
.system-design.bottom-open .sys-section:first-child{
margin-top:8px!important;
}
}
@media (max-width:760px){
.system-design.bottom-open .sys-tab-body{
padding-top:18px!important;
}
.system-design.bottom-open .sys-section:first-child{
margin-top:18px!important;
}
.system-design.bottom-open .calc-page-head + .sys-tab-body{
padding-top:20px!important;
}
}
@media (max-width:760px){
.system-design.bottom-open .calc-page-head{
display:none!important;
height:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
}
.system-design.bottom-open .calc-page-head + .sys-tab-body,
.system-design.bottom-open .sys-tab-body{
padding-top:4px!important;
margin-top:0!important;
}
.system-design.bottom-open .sys-section:first-child{
margin-top:6px!important;
}
}
@media (max-width:760px){
.system-design.bottom-open .calc-page-head + .sys-tab-body,
.system-design.bottom-open .sys-tab-body{
padding-top:42px!important;
margin-top:0!important;
}
.system-design.bottom-open .sys-section:first-child{
margin-top:0!important;
}
}
.ac-loading-screen{
min-height:100vh;
width:100%;
display:flex;
align-items:center;
justify-content:center;
background:
radial-gradient(circle at 50% 42%, rgba(49,182,166,.16), transparent 32%),
linear-gradient(145deg,#071724 0%,#0d2533 52%,#123244 100%);
overflow:hidden;
font-family:Arial,sans-serif;
}
.ac-loader-wrap{
width:92px;
height:92px;
display:grid;
place-items:center;
position:relative;
filter:drop-shadow(0 14px 30px rgba(0,0,0,.35));
}
.ac-loader-ring{
position:absolute;
inset:0;
border-radius:50%;
border:4px solid rgba(255,255,255,.12);
border-top-color:#31b6a6;
border-right-color:#f59e0b;
animation:acLoaderSpin .85s linear infinite;
}
.ac-loader-core{
width:56px;
height:56px;
border-radius:17px;
display:grid;
place-items:center;
background:linear-gradient(145deg,#39c8b7,#249c91);
color:#082531;
font-size:29px;
font-weight:950;
box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 22px rgba(0,0,0,.28);
}
@keyframes acLoaderSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ac-loader-ring{animation-duration:1.8s}}
.sash-mullion-direct-field{position:relative!important;}
.sash-mullion-direct-field .sash-mullion-direct-gear{position:static!important;right:auto!important;bottom:auto!important;top:auto!important;z-index:4!important;}
.sash-mullion-direct-field select{min-width:0!important;padding-right:8px!important;}
.sys-mini-table th.row-actions-head,
.sys-mini-table td.row-actions-cell{
position:sticky!important;
right:0!important;
min-width:202px!important;
width:202px!important;
background:#fff!important;
box-shadow:-1px 0 0 #dbe2ea,-5px 0 9px rgba(15,23,42,.05)!important;
}
.sys-mini-table th.row-actions-head{
z-index:8!important;
background:#f3f4f6!important;
text-align:center!important;
}
.sys-mini-table td.row-actions-cell{z-index:3!important;padding:5px 6px!important;}
.sys-mini-table tr:hover td.row-actions-cell{background:#fff7ed!important;}
.sys-mini-table tr.row-selected td.row-actions-cell{background:#0d6efd!important;}
.inline-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap;}
.inline-row-action{
min-height:25px!important;
border:0!important;
border-radius:5px!important;
padding:4px 7px!important;
font-size:10px!important;
line-height:1!important;
font-weight:900!important;
cursor:pointer!important;
box-shadow:0 1px 2px rgba(15,23,42,.10)!important;
}
.inline-row-action:hover{filter:brightness(.96);transform:translateY(-1px);}
.inline-row-action:active{transform:translateY(0);}
.inline-row-add{background:#dcfce7!important;color:#166534!important;}
.inline-row-edit{background:#dbeafe!important;color:#1d4ed8!important;}
.inline-row-copy{background:#fef3c7!important;color:#92400e!important;}
.inline-row-remove{background:#fee2e2!important;color:#b91c1c!important;}
.selected-row-strip.is-empty{visibility:hidden!important;pointer-events:none!important;}
.system-bottom.is-open .sys-table-wrap[data-param-table]{overflow-anchor:none;}
@media(max-width:768px){
.sys-mini-table th.row-actions-head,.sys-mini-table td.row-actions-cell{min-width:174px!important;width:174px!important;}
.inline-row-actions{gap:3px!important;}
.inline-row-action{padding:4px 5px!important;font-size:9px!important;min-height:24px!important;}
}
.stock-inventory-page{padding:18px 22px 28px;background:#eef1f5;min-height:calc(100vh - 94px);font-family:Arial,Helvetica,sans-serif}
.stock-inventory-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.stock-inventory-head h2{margin:0;color:#111827;font-size:23px;display:flex;align-items:center;gap:9px}
.stock-inventory-head p{margin:5px 0 0;color:#64748b;font-size:12px}
.stock-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.stock-head-actions button,.stock-primary-btn,.stock-secondary-btn{border:0;border-radius:7px;padding:9px 12px;font-size:11px;font-weight:900;cursor:pointer}
.stock-primary-btn{background:#166534;color:#fff}.stock-secondary-btn{background:#fff;color:#334155;border:1px solid #cbd5e1!important}
.stock-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:13px}
.stock-summary-card{background:#fff;border:1px solid #dbe2ea;border-radius:10px;padding:12px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.stock-summary-card span{display:block;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.stock-summary-card b{display:block;margin-top:6px;font-size:21px;color:#0f172a}
.stock-summary-card.low b{color:#c2410c}.stock-summary-card.out b{color:#b91c1c}.stock-summary-card.reserve b{color:#6d28d9}.stock-summary-card.purchase b{color:#047857}
.stock-summary-card.clickable{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;user-select:none}
.stock-summary-card.clickable:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(15,23,42,.10);border-color:#94a3b8}
.stock-summary-card.active-filter{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.14)}
.stock-subtabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.stock-subtabs button{border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:7px;padding:8px 12px;font-size:11px;font-weight:900;cursor:pointer}
.stock-subtabs button.active{background:#0f766e;color:#fff;border-color:#0f766e}
.stock-panel{background:#fff;border:1px solid #d6dde6;border-radius:10px;overflow:hidden}
.stock-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-bottom:1px solid #e2e8f0;background:#f8fafc}
.stock-toolbar-left,.stock-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.stock-toolbar input,.stock-toolbar select{height:34px;border:1px solid #cbd5e1;border-radius:6px;padding:5px 8px;font-size:12px;background:#fff}
.stock-toolbar input{min-width:230px}
.stock-table-wrap{overflow:auto;max-height:calc(100vh - 340px);min-height:260px}
.stock-table{width:100%;border-collapse:collapse;font-size:11px;min-width:1060px}
.stock-table th{position:sticky;top:0;z-index:1;background:#f1f5f9;color:#334155;border:1px solid #dbe2ea;padding:8px 7px;text-align:left;white-space:nowrap}
.stock-table td{border:1px solid #e2e8f0;padding:7px;vertical-align:middle;background:#fff}
.stock-table tbody tr:hover td{background:#f8fafc}
.stock-code{font-weight:900;color:#0f766e;white-space:nowrap}.stock-name{font-weight:800;color:#1e293b}.stock-muted{color:#64748b;font-size:10px}
.stock-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.stock-pill{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900;border:1px solid transparent;white-space:nowrap}
.stock-pill.ok{background:#ecfdf5;border-color:#86efac;color:#166534}.stock-pill.low{background:#fff7ed;border-color:#fdba74;color:#c2410c}.stock-pill.out{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.stock-pill.reserved{background:#f5f3ff;border-color:#c4b5fd;color:#6d28d9}
.stock-actions{display:flex;gap:4px;flex-wrap:wrap;min-width:220px}.stock-actions button{border:0;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:900;cursor:pointer}
.stock-buy{background:#dcfce7;color:#166534}.stock-reserve{background:#ede9fe;color:#6d28d9}.stock-issue{background:#ffedd5;color:#c2410c}.stock-edit{background:#e0f2fe;color:#0369a1}.stock-delete{background:#fee2e2;color:#b91c1c}
.stock-empty{padding:46px 18px;text-align:center;color:#64748b}.stock-empty b{display:block;color:#334155;margin-bottom:5px}
.stock-modal{width:94vw;max-width:720px;max-height:92vh;overflow:auto}
.stock-modal .quote-form-grid{grid-template-columns:1fr 1fr}
.stock-master-hint{font-size:10px;color:#64748b;margin-top:5px;line-height:1.35}
.stock-modal-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 12px}
.stock-modal-strip div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:8px}.stock-modal-strip span{display:block;font-size:9px;color:#64748b;font-weight:800}.stock-modal-strip b{display:block;margin-top:3px;font-size:14px;color:#0f172a}
.stock-type-purchase{color:#166534;font-weight:900}.stock-type-reserve{color:#6d28d9;font-weight:900}.stock-type-issue{color:#c2410c;font-weight:900}.stock-type-release{color:#0369a1;font-weight:900}.stock-type-return{color:#047857;font-weight:900}.stock-type-adjust{color:#475569;font-weight:900}
.stock-history-foot{padding:9px 11px;border-top:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:10px}
.stock-planning-wrap{padding:12px;background:#f8fafc;display:grid;gap:12px}
.stock-planning-section{background:#fff;border:1px solid #dbe2ea;border-radius:9px;overflow:hidden}
.stock-planning-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#f1f5f9;border-bottom:1px solid #dbe2ea}
.stock-planning-head h3{margin:0;font-size:13px;color:#0f172a}.stock-planning-head span{font-size:10px;color:#64748b}
.stock-check{width:17px;height:17px;cursor:pointer}
.stock-need-positive{color:#b91c1c;font-weight:900}.stock-on-order{color:#7c3aed;font-weight:900}.stock-estimate{color:#166534;font-weight:900}
.stock-po-pill{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:900;border:1px solid transparent;white-space:nowrap}
.stock-po-pill.pending{background:#fff7ed;border-color:#fdba74;color:#c2410c}.stock-po-pill.partial{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.stock-po-pill.received{background:#ecfdf5;border-color:#86efac;color:#166534}.stock-po-pill.cancelled{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}
.stock-po-actions{display:flex;gap:4px;flex-wrap:wrap;min-width:210px}.stock-po-actions button{border:0;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:900;cursor:pointer}
.stock-po-print{background:#e0f2fe;color:#0369a1}.stock-po-excel{background:#dcfce7;color:#166534}.stock-po-receive{background:#ede9fe;color:#6d28d9}.stock-po-cancel{background:#fee2e2;color:#b91c1c}
.stock-po-lines{display:grid;gap:7px;margin-top:9px}.stock-po-line{display:grid;grid-template-columns:1.5fr .65fr .65fr .65fr;gap:7px;align-items:end;border:1px solid #e2e8f0;background:#f8fafc;border-radius:7px;padding:8px}
.stock-po-line label{margin:0}.stock-po-line .stock-line-name{font-size:11px;font-weight:900;color:#0f172a;align-self:center}.stock-po-line .stock-line-name small{display:block;color:#64748b;font-weight:600;margin-top:2px}
.stock-plan-empty{padding:28px 14px;text-align:center;color:#64748b}.stock-plan-empty b{display:block;color:#334155;margin-bottom:4px}
@media(max-width:700px){.stock-planning-wrap{padding:8px}.stock-planning-head{align-items:flex-start;flex-direction:column}.stock-po-line{grid-template-columns:1fr 1fr}.stock-po-line .stock-line-name{grid-column:1 / 3}.stock-po-actions{min-width:180px}}
@media(max-width:1000px){.stock-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
.tabs{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;height:52px!important;min-height:52px!important;padding:7px 5px!important;gap:4px!important;-webkit-overflow-scrolling:touch!important}
.tabs .tab{flex:0 0 auto!important;min-width:88px!important;height:36px!important;padding:5px 7px!important;font-size:10px!important;white-space:nowrap!important}
.stock-inventory-page{padding:12px 8px 24px}.stock-inventory-head{display:block}.stock-head-actions{justify-content:flex-start;margin-top:10px}
.stock-summary-grid{grid-template-columns:1fr 1fr}.stock-summary-card{padding:10px}.stock-summary-card b{font-size:18px}
.stock-subtabs{display:grid;grid-template-columns:1fr 1fr}.stock-subtabs button{padding:8px 5px;font-size:10px}
.stock-toolbar{align-items:stretch;flex-direction:column}.stock-toolbar-left,.stock-toolbar-right{width:100%}.stock-toolbar input{min-width:0;width:100%}.stock-toolbar select{flex:1}
.stock-table-wrap{max-height:none}.stock-modal{width:96vw}.stock-modal .quote-form-grid{grid-template-columns:1fr}.stock-modal-strip{grid-template-columns:1fr 1fr}
}
.approval-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.approval-summary>div{border:1px solid #dbe3ee;background:#f8fafc;border-radius:9px;padding:10px;text-align:center;font-size:11px;color:#64748b}
.approval-summary b{display:block;color:#0f172a;font-size:16px;margin-top:3px}
.approval-party-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;padding:10px;margin-bottom:12px;font-size:12px}
.approval-party-strip b{display:block;color:#1e3a8a;margin-bottom:3px}
.ledger-page{padding:18px 24px;min-height:calc(100vh - 94px);background:#eef1f5;overflow:auto}
.ledger-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ledger-title h2{margin:0;color:#111827}
.ledger-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ledger-card{background:#fff;border:1px solid #dbe3ee;border-radius:10px;padding:13px;box-shadow:0 1px 2px rgba(15,23,42,.05)}
.ledger-card span{display:block;font-size:11px;color:#64748b;font-weight:800;text-transform:uppercase}.ledger-card b{display:block;font-size:21px;color:#0f172a;margin-top:5px}
.ledger-section{background:#fff;border:1px solid #dbe3ee;border-radius:10px;overflow:auto;margin-bottom:14px}.ledger-section h3{margin:0;padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:14px}
.ledger-table{width:100%;border-collapse:collapse;min-width:820px}.ledger-table th,.ledger-table td{padding:9px;border:1px solid #e5e7eb;font-size:12px}.ledger-table th{background:#f8fafc;color:#334155;position:sticky;top:0}.ledger-num{text-align:right;font-weight:800}.ledger-balance{color:#b91c1c}.ledger-credit{color:#15803d}.ledger-empty{padding:22px!important;text-align:center;color:#64748b}
@media(max-width:900px){.approval-summary{grid-template-columns:1fr}.approval-party-strip{grid-template-columns:1fr}.ledger-cards{grid-template-columns:1fr 1fr}.ledger-page{padding:12px}}
@media(max-width:900px){
.quotation-ledger-section{overflow:visible!important}
.quotation-ledger-section .ledger-table{display:block!important;min-width:0!important;width:100%!important;background:transparent!important}
.quotation-ledger-section .ledger-table thead{display:none!important}
.quotation-ledger-section .ledger-table tbody{display:block!important;padding:10px!important}
.quotation-ledger-section .ledger-table tbody tr.ledger-row-click{display:block!important;width:100%!important;margin:0 0 12px!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 2px 8px rgba(15,23,42,.07)!important}
.quotation-ledger-section .ledger-table tbody tr.ledger-row-click td{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;width:100%!important;min-width:0!important;padding:9px 11px!important;border:0!important;border-bottom:1px solid #eef2f7!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important}
.quotation-ledger-section .ledger-table tbody tr.ledger-row-click td:last-child{border-bottom:0!important}
.quotation-ledger-section .ledger-table tbody tr.ledger-row-click td:before{font-size:11px!important;font-weight:800!important;color:#64748b!important;text-transform:uppercase!important;line-height:1.3!important}
.quotation-ledger-section .ledger-table tbody tr.ledger-row-click td:nth-child(1):before{content:'Date'}
.quotation-ledger-section .ledger-table tbody tr.ledger-row-click td:nth-child(2):before{content:'Quotation ID'}
.quotation-ledger-section .ledger-table tbody tr.ledger-row-click td:nth-child(3):before{content:'Customer'}
.quotation-ledger-section .ledger-table tbody tr.ledger-row-click td:nth-child(4):before{content:'Order Amount'}
.quotation-ledger-section .ledger-table tbody tr.ledger-row-click td:nth-child(5):before{content:'Billed Incl. GST'}
.quotation-ledger-section .ledger-table tbody tr.ledger-row-click td:nth-child(6):before{content:'Order Remaining'}
.quotation-ledger-section .ledger-table tbody tr.ledger-row-click td:nth-child(7):before{content:'Received / Advance'}
.quotation-ledger-section .ledger-table tbody tr.ledger-row-click td:nth-child(8):before{content:'Balance'}
.quotation-ledger-section .ledger-table tbody tr.ledger-row-click td:nth-child(9):before{content:'Status'}
.quotation-ledger-section .ledger-table tbody tr.ledger-row-click td:nth-child(10){display:block!important;padding:10px!important}
.quotation-ledger-section .ledger-table tbody tr.ledger-row-click td:nth-child(10):before{content:'Actions';display:block;margin-bottom:8px}
.quotation-ledger-section .ledger-action-wrap{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
.quotation-ledger-section .ledger-action-wrap button{width:100%!important;min-height:38px!important;white-space:normal!important}
.quotation-ledger-section .ledger-num{text-align:left!important}
.quotation-ledger-section .ledger-empty{display:block!important;width:100%!important}
}
.ledger-edit-btn{border:0;border-radius:6px;background:#2563eb;color:#fff;padding:7px 10px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}
.ledger-row-click{cursor:pointer}.ledger-row-click:hover td{background:#eff6ff}
.ledger-edit-modal{width:650px;max-width:95vw}
.ledger-readonly{background:#f1f5f9!important;color:#475569!important}
.ledger-payment-note{font-size:11px;color:#64748b;margin:8px 0 2px;line-height:1.45}
.ledger-credit-balance{color:#15803d!important}
@media(max-width:700px){.ledger-edit-modal{width:95vw}.ledger-edit-modal .quote-form-grid{grid-template-columns:1fr}}
.ledger-action-wrap{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ledger-bill-btn{border:0;border-radius:6px;background:#7c3aed;color:#fff;padding:7px 11px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}
.ledger-bill-btn:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed}
.ledger-eway-btn{border:0;border-radius:6px;background:#0f766e;color:#fff;padding:7px 11px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}
.ledger-statement-btn{border:0;border-radius:6px;background:#0e7490;color:#fff;padding:7px 11px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}
.ledger-reminder-btn{border:0;border-radius:6px;background:#b45309;color:#fff;padding:7px 11px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}.ledger-reminder-btn:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed}
.statement-modal{width:1040px;max-width:97vw;max-height:92vh;overflow:auto}.statement-filter-row{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end;margin-bottom:10px}.statement-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.statement-summary>div{border:1px solid #dbe3ee;background:#f8fafc;border-radius:8px;padding:9px}.statement-summary span{display:block;font-size:9px;color:#64748b;text-transform:uppercase;font-weight:900}.statement-summary b{display:block;font-size:15px;color:#0f172a;margin-top:3px}.statement-summary b.due{color:#b91c1c}.statement-summary b.credit{color:#15803d}.statement-table-wrap{border:1px solid #dbe3ee;border-radius:8px;overflow:auto;margin-top:10px}.statement-table{width:100%;border-collapse:collapse;min-width:860px}.statement-table th,.statement-table td{border:1px solid #e5e7eb;padding:7px 8px;font-size:10.5px}.statement-table th{background:#f8fafc;color:#334155}.statement-table .num{text-align:right;font-weight:800}.statement-table .info{color:#0e7490;font-weight:800}.statement-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:12px}.statement-print-btn{border:0;border-radius:7px;background:#2563eb;color:#fff;padding:9px 13px;font-weight:900;cursor:pointer}.statement-whatsapp-btn{border:0;border-radius:7px;background:#16a34a;color:#fff;padding:9px 13px;font-weight:900;cursor:pointer}.reminder-modal{width:700px;max-width:96vw}.reminder-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.reminder-strip>div{border:1px solid #dbe3ee;background:#f8fafc;border-radius:8px;padding:9px;font-size:10px;color:#64748b}.reminder-strip b{display:block;font-size:13px;color:#0f172a;margin-top:3px}.reminder-history{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:9px;margin-top:9px;max-height:150px;overflow:auto}.reminder-history-row{display:grid;grid-template-columns:100px 1fr 110px;gap:8px;padding:6px 0;border-bottom:1px solid #e5e7eb;font-size:10px}.reminder-history-row:last-child{border-bottom:0}.reminder-history-row b{color:#334155}.reminder-note{font-size:10.5px;color:#64748b;line-height:1.45;margin-top:8px}
@media(max-width:760px){.statement-modal,.reminder-modal{width:96vw}.statement-filter-row{grid-template-columns:1fr}.statement-summary{grid-template-columns:1fr 1fr}.reminder-strip{grid-template-columns:1fr 1fr}.reminder-history-row{grid-template-columns:82px 1fr}.reminder-history-row span:last-child{grid-column:1/-1}.statement-actions button{flex:1;min-width:130px}}
.ledger-title-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ledger-export-btn{border:0;border-radius:7px;background:#15803d;color:#fff;padding:8px 12px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}
.ledger-export-modal{width:650px;max-width:95vw}
.ledger-export-note{font-size:11px;color:#64748b;line-height:1.5;border:1px solid #dbe3ee;background:#f8fafc;border-radius:7px;padding:9px 10px;margin-top:8px}
@media(max-width:700px){.ledger-export-modal{width:95vw}.ledger-export-modal .quote-form-grid{grid-template-columns:1fr}.ledger-title-actions{justify-content:flex-end}}
.ledger-bill-modal{width:720px;max-width:96vw}
.ledger-bill-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.ledger-bill-strip>div{border:1px solid #dbe3ee;background:#f8fafc;border-radius:8px;padding:9px;text-align:center;font-size:10px;color:#64748b}
.ledger-bill-strip b{display:block;font-size:14px;color:#0f172a;margin-top:3px}
.ledger-bill-warning{border:1px solid #f59e0b;background:#fffbeb;color:#92400e;border-radius:7px;padding:8px 10px;font-size:11px;line-height:1.4;margin:8px 0}
.ledger-bill-history{font-size:11px;color:#64748b;margin-top:6px}
@media(max-width:760px){.ledger-bill-strip{grid-template-columns:1fr 1fr}.ledger-bill-modal{width:95vw}.ledger-bill-modal .quote-form-grid{grid-template-columns:1fr}}
.approval-notify-check{display:flex!important;align-items:center;gap:9px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:8px;padding:9px 10px;color:#166534;font-weight:800}
.approval-notify-check input{width:18px!important;height:18px!important;margin:0!important;flex:0 0 auto}
.approval-message-preview{min-height:92px!important;background:#f8fafc!important;color:#334155!important;line-height:1.45!important}
.ledger-progress-btn{border:0;border-radius:6px;background:#ea580c;color:#fff;padding:7px 11px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}
.progress-status-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;white-space:nowrap}
.progress-status-chip.done{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
.progress-modal{width:820px;max-width:96vw;max-height:92vh;overflow:auto}
.progress-head-strip{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:9px;margin-bottom:12px}
.progress-head-strip>div{border:1px solid #dbe3ee;background:#f8fafc;border-radius:9px;padding:9px 10px;font-size:10px;color:#64748b}
.progress-head-strip b{display:block;color:#0f172a;font-size:14px;margin-top:3px}
.progress-meter{height:11px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:8px 0 13px}
.progress-meter>span{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#16a34a);border-radius:999px;transition:width .2s ease}
.progress-timeline{border:1px solid #dbe3ee;border-radius:10px;background:#fff;margin-top:12px;overflow:hidden}
.progress-timeline-title{padding:10px 12px;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:900;color:#334155}
.progress-timeline-row{display:grid;grid-template-columns:24px 1fr auto;gap:9px;align-items:start;padding:10px 12px;border-bottom:1px solid #eef2f7}
.progress-timeline-row:last-child{border-bottom:0}
.progress-dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#15803d;font-size:11px;font-weight:900;margin-top:1px}
.progress-timeline-main b{display:block;font-size:12px;color:#0f172a}.progress-timeline-main small{display:block;color:#64748b;font-size:10px;line-height:1.4;margin-top:2px}
.progress-notify-status{font-size:9px;font-weight:900;border-radius:999px;padding:3px 6px;background:#f1f5f9;color:#64748b;white-space:nowrap}
.progress-notify-status.opened{background:#dcfce7;color:#166534}
.progress-whatsapp-note{font-size:10.5px;color:#64748b;line-height:1.45;border:1px solid #dbeafe;background:#eff6ff;border-radius:8px;padding:8px 10px;margin-top:10px}
.progress-save-only{border:0;border-radius:6px;background:#475569;color:#fff;padding:9px 13px;font-weight:900;cursor:pointer}
.progress-whatsapp-btn{border:0;border-radius:6px;background:#16a34a;color:#fff;padding:9px 13px;font-weight:900;cursor:pointer}
@media(max-width:760px){.progress-modal{width:95vw}.progress-head-strip{grid-template-columns:1fr}.progress-modal .quote-form-grid{grid-template-columns:1fr}.progress-timeline-row{grid-template-columns:24px 1fr}.progress-notify-status{grid-column:2;justify-self:start}}
.work-progress-page{padding:18px 22px;min-height:calc(100vh - 94px);background:#eef1f5;overflow:auto}
.wpd-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.wpd-title h2{font-size:22px;color:#0f172a;margin:0}.wpd-title p{font-size:11px;color:#64748b;margin-top:4px}.wpd-title-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.wpd-ledger-btn{border:0;border-radius:7px;background:#334155;color:#fff;padding:9px 13px;font-size:11px;font-weight:900;cursor:pointer}
.wpd-kpis{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:10px;margin-bottom:14px}.wpd-kpi{border:1px solid #dbe3ee;background:#fff;border-radius:12px;padding:13px 14px;box-shadow:0 1px 3px rgba(15,23,42,.05)}.wpd-kpi span{display:block;font-size:10px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.wpd-kpi b{display:block;font-size:23px;color:#0f172a;margin-top:5px}.wpd-kpi.danger b{color:#dc2626}.wpd-kpi.ready b{color:#0f766e}.wpd-kpi.done b{color:#15803d}.wpd-kpi.install b{color:#7c3aed}
.wpd-filterbar{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(145px,.7fr) minmax(180px,.9fr);gap:9px;border:1px solid #dbe3ee;background:#fff;border-radius:10px;padding:10px;margin-bottom:12px}.wpd-filterbar input,.wpd-filterbar select{width:100%;height:36px;border:1px solid #cfd8e3;border-radius:7px;background:#fff;padding:6px 9px;font-size:12px}
.wpd-pipeline{display:grid;grid-template-columns:repeat(5,minmax(125px,1fr));gap:8px;margin-bottom:14px}.wpd-stage{border:1px solid #dbe3ee;background:#fff;border-radius:9px;padding:9px 10px;text-align:left;cursor:pointer;min-height:58px}.wpd-stage.active{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.12);background:#eff6ff}.wpd-stage b{display:block;font-size:18px;color:#0f172a}.wpd-stage span{display:block;font-size:9.5px;color:#64748b;line-height:1.25;margin-top:2px;font-weight:800}
.wpd-orders-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 9px}.wpd-orders-head h3{font-size:15px;color:#0f172a;margin:0}.wpd-orders-head span{font-size:10px;color:#64748b;font-weight:800}.wpd-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:11px}.wpd-card{border:1px solid #dbe3ee;background:#fff;border-radius:12px;padding:13px;box-shadow:0 1px 3px rgba(15,23,42,.05);position:relative}.wpd-card.delayed{border-color:#fca5a5;background:#fffafa}.wpd-card.completed{border-color:#86efac}.wpd-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.wpd-party{font-size:14px;font-weight:900;color:#0f172a}.wpd-qid{font-size:10px;color:#64748b;margin-top:2px}.wpd-alert{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900;white-space:nowrap;background:#f1f5f9;color:#475569}.wpd-alert.delayed{background:#fee2e2;color:#b91c1c}.wpd-alert.done{background:#dcfce7;color:#166534}.wpd-alert.ready{background:#ccfbf1;color:#0f766e}
.wpd-card-stage{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px}.wpd-card-stage b{font-size:11px;color:#334155}.wpd-card-stage strong{font-size:13px;color:#2563eb}.wpd-card .progress-meter{margin:7px 0 10px;height:9px}.wpd-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px}.wpd-meta div{border:1px solid #eef2f7;background:#f8fafc;border-radius:7px;padding:7px 8px;min-width:0}.wpd-meta span{display:block;font-size:8.5px;color:#64748b;text-transform:uppercase;font-weight:900}.wpd-meta b{display:block;font-size:10.5px;color:#0f172a;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpd-meta b.bad{color:#dc2626}.wpd-meta b.credit{color:#15803d}.wpd-card-actions{display:flex;gap:7px;margin-top:10px}.wpd-update-btn{flex:1;border:0;border-radius:7px;background:#ea580c;color:#fff;padding:9px 10px;font-size:10.5px;font-weight:900;cursor:pointer}.wpd-open-ledger{border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#334155;padding:9px 10px;font-size:10.5px;font-weight:900;cursor:pointer}.wpd-empty{grid-column:1/-1;border:1px dashed #cbd5e1;background:#fff;border-radius:12px;padding:34px;text-align:center;color:#64748b;font-size:12px}
.wpd-history-count{display:inline-flex;align-items:center;gap:4px;color:#2563eb!important}.wpd-modal-note{font-size:10.5px;color:#64748b;line-height:1.45;border:1px solid #dbeafe;background:#eff6ff;border-radius:8px;padding:8px 10px;margin-top:10px}
@media(max-width:1180px){.wpd-kpis{grid-template-columns:repeat(3,1fr)}.wpd-grid{grid-template-columns:repeat(2,minmax(270px,1fr))}.wpd-pipeline{grid-template-columns:repeat(4,minmax(120px,1fr))}}
@media(max-width:760px){.work-progress-page{padding:14px 12px}.wpd-title{align-items:flex-start}.wpd-title h2{font-size:20px}.wpd-kpis{grid-template-columns:1fr 1fr}.wpd-kpi{padding:11px}.wpd-kpi b{font-size:20px}.wpd-filterbar{grid-template-columns:1fr}.wpd-pipeline{display:flex;overflow-x:auto;padding-bottom:3px}.wpd-stage{min-width:132px}.wpd-grid{grid-template-columns:1fr}.wpd-meta{grid-template-columns:1fr 1fr}.wpd-title-actions .badge{display:none}}
:root{
--fq-shell-h:100px;
--fq-navy:#071b31;
--fq-navy-2:#0b2b49;
--fq-blue:#2f7df4;
--fq-cyan:#1fb9d2;
--fq-mint:#29c6a5;
--fq-ink:#10243b;
--fq-soft:#eef7fb;
}
.top{
min-height:58px;height:58px;
background:linear-gradient(112deg,var(--fq-navy) 0%,var(--fq-navy-2) 62%,#0d3b55 100%)!important;
border-bottom:1px solid rgba(255,255,255,.12);
box-shadow:0 7px 24px rgba(4,24,43,.18);
padding:0 18px!important;
}
.frameq-logo{gap:11px!important;min-width:245px;user-select:none}
.frameq-logo-mark{
width:38px!important;height:38px!important;min-width:38px!important;
border-radius:11px!important;
background:linear-gradient(145deg,#39dbc0 0%,#2fa2ef 100%)!important;
color:#06233a!important;
font-size:13px!important;font-weight:950!important;letter-spacing:-.4px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 8px 20px rgba(34,192,190,.23);
border:1px solid rgba(255,255,255,.52);
}
.frameq-wordmark{display:flex;flex-direction:column;line-height:1;min-width:0}
.frameq-brand-name{font-size:20px;font-weight:900;letter-spacing:-.45px;color:#fff;white-space:nowrap}
.frameq-brand-name span{color:#52d7c5;font-weight:850}
.frameq-brand-tagline{margin-top:5px;font-size:8px;font-weight:800;letter-spacing:1.65px;color:#9bc3d4;white-space:nowrap}
.top .btn.gray{
color:#eaf6fb!important;background:rgba(255,255,255,.075)!important;
border:1px solid rgba(194,229,242,.25)!important;border-radius:8px!important;
backdrop-filter:blur(5px);
}
.top .btn.gray:hover{background:rgba(82,215,197,.15)!important;border-color:rgba(82,215,197,.52)!important}
.top .version{color:#a9d2df!important;font-weight:700;letter-spacing:.25px}
.tabs{
min-height:42px;height:42px;background:rgba(255,255,255,.98)!important;
border-bottom:1px solid #dce8ef!important;box-shadow:0 2px 9px rgba(21,58,83,.05);
gap:6px!important;padding:5px 12px!important;
}
.tab{border-color:transparent!important;background:transparent!important;color:#526579!important;border-radius:8px!important;padding:7px 13px!important}
.tab:hover{background:#edf7fb!important;color:#0b6c80!important}
.tab.active{
background:linear-gradient(135deg,#e8fbf7,#eaf4ff)!important;
color:#086d7c!important;border:1px solid #b9e7e0!important;
box-shadow:inset 0 -2px 0 #28bea5!important;
}
.ac-loading-screen{background:radial-gradient(circle at 50% 42%,#123e58 0%,#071b31 56%,#041320 100%)!important}
.ac-loader-core{
font-size:11px!important;letter-spacing:-.6px!important;font-weight:950!important;
background:linear-gradient(145deg,#39dbc0,#2f8cf4)!important;color:#06233a!important;
box-shadow:0 0 0 4px rgba(255,255,255,.07),0 8px 28px rgba(35,198,186,.26)!important;
}
.frameq-login-mark{
width:52px;height:52px;border-radius:14px;
background:linear-gradient(145deg,#39dbc0,#2f8cf4);
display:flex;align-items:center;justify-content:center;
font-weight:950;font-size:16px;letter-spacing:-.7px;color:#06233a;
border:1px solid rgba(255,255,255,.55);
box-shadow:0 10px 26px rgba(31,185,210,.24),inset 0 1px 0 rgba(255,255,255,.8)
}
.frameq-login-name{font-size:23px;font-weight:900;letter-spacing:-.45px;color:#fff}
.frameq-login-name span{color:#52d7c5}
.frameq-login-tagline{font-size:9px;letter-spacing:1.35px;color:#8ec9d6;margin-top:5px;font-weight:800}
@media(max-width:768px){
.top{height:52px!important;min-height:52px!important;padding:0 9px!important}
.frameq-logo{min-width:0;gap:8px!important}
.frameq-logo-mark{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;font-size:11px!important}
.frameq-brand-name{font-size:17px}
.frameq-brand-tagline{display:none}
.top .version{max-width:108px!important;font-size:9px!important}
.tabs{top:52px!important}
}
.frameq-role-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#173b55;border:1px solid #315d78;color:#dff8ff;font-size:10px;font-weight:900;white-space:nowrap;text-transform:uppercase;letter-spacing:.35px}
.frameq-company-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bce8f2;font-size:10px;font-weight:800}
.frameq-users-page{padding:16px;width:100%}.frameq-users-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.frameq-users-card{background:#fff;border:1px solid #d4dce5;border-radius:12px;padding:14px;margin-bottom:14px;box-shadow:0 2px 8px rgba(15,23,42,.05)}
.frameq-users-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end}.frameq-users-grid label{font-size:11px;font-weight:800;color:#475569}.frameq-users-grid input,.frameq-users-grid select{width:100%;margin-top:5px;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.frameq-users-grid button,.frameq-member-save{padding:10px 14px;border:0;border-radius:8px;background:#0ea5a8;color:#fff;font-weight:900;cursor:pointer}
.frameq-users-note{font-size:12px;line-height:1.45;color:#64748b;margin-top:8px}.frameq-member-table{width:100%;border-collapse:collapse}.frameq-member-table th,.frameq-member-table td{border:1px solid #d8e0e8;padding:8px;font-size:12px;text-align:left;vertical-align:middle}.frameq-member-table th{background:#f1f5f9}.frameq-member-table input,.frameq-member-table select{width:100%;padding:7px;border:1px solid #cbd5e1;border-radius:6px}.frameq-member-table .owner-row{background:#effcf8}.frameq-readonly-banner{padding:8px 12px;background:#fff7ed;color:#9a3412;border-bottom:1px solid #fed7aa;font-size:12px;font-weight:800;text-align:center}
@media(max-width:760px){.frameq-company-name{display:none}.frameq-role-badge{font-size:9px;padding:4px 6px}.frameq-users-grid{grid-template-columns:1fr}.frameq-users-page{padding:10px}.frameq-member-wrap{overflow:auto}.frameq-member-table{min-width:760px}.top>div:last-child{gap:4px!important}.top .version{display:none}}
.frameq-workspace-select{max-width:210px;padding:5px 25px 5px 8px;border-radius:8px;border:1px solid #315d78;background:#102f46;color:#dff8ff;font-size:10px;font-weight:900}
.frameq-plan-badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:#123d3a;border:1px solid #2b6e67;color:#c8fff7;font-size:9px;font-weight:900;white-space:nowrap;text-transform:uppercase}
.frameq-trial-banner{padding:8px 12px;background:#ecfdf5;color:#047857;border-bottom:1px solid #a7f3d0;font-size:12px;font-weight:900;text-align:center}
.frameq-commercial-banner{padding:8px 12px;background:#fff7ed;color:#9a3412;border-bottom:1px solid #fed7aa;font-size:12px;font-weight:900;text-align:center}
body.frameq-subscription-readonly button[data-frameq-expiry-disabled="1"]{opacity:.42!important;filter:grayscale(1)!important;cursor:not-allowed!important;box-shadow:none!important}
body.frameq-subscription-readonly button[data-frameq-expiry-disabled="1"]:hover{transform:none!important}
.frameq-catalog-admin-btn{background:#7c3aed!important;color:#fff!important;border:0!important;border-radius:6px!important;padding:7px 10px!important;font-weight:900!important;cursor:pointer!important}
.frameq-catalog-admin-shell{padding:14px;width:100%;box-sizing:border-box;background:#eef1f5;min-height:calc(100vh - 100px)}
.frameq-catalog-admin-head{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;border:1px solid #d8e0e8;border-radius:10px;padding:12px 14px;margin-bottom:10px}
.frameq-catalog-admin-head h2{margin:0 0 4px;font-size:20px}
.frameq-catalog-admin-body{background:#fff;border:1px solid #d8e0e8;border-radius:10px;overflow:auto;min-height:500px}
@media(max-width:760px){.frameq-catalog-admin-head{align-items:flex-start;flex-direction:column}.frameq-catalog-admin-shell{padding:8px}}
.frameq-super-page{padding:16px;width:100%}.frameq-super-grid{display:grid;grid-template-columns:1.3fr 1.2fr 1fr 1fr auto;gap:9px;align-items:end}.frameq-super-grid label{font-size:10px;font-weight:900;color:#475569}.frameq-super-grid input,.frameq-super-grid select{width:100%;margin-top:5px;padding:9px;border:1px solid #cbd5e1;border-radius:7px;background:#fff}
.frameq-super-table{width:100%;border-collapse:collapse;min-width:1120px}.frameq-super-table th,.frameq-super-table td{border:1px solid #d8e0e8;padding:7px;font-size:11px;text-align:left;vertical-align:middle}.frameq-super-table th{background:#e8f1f7}.frameq-super-table input,.frameq-super-table select{width:100%;padding:6px;border:1px solid #cbd5e1;border-radius:5px}
.frameq-commercial-note{font-size:11px;line-height:1.45;color:#64748b;margin-top:7px}
.frameq-managed-actions{display:flex;gap:5px;flex-wrap:wrap}.frameq-managed-actions button{padding:7px 9px;border:0;border-radius:7px;font-size:10px;font-weight:900;cursor:pointer}.frameq-backup-now{background:#0f766e;color:#fff}.frameq-backup-history-btn{background:#334155;color:#fff}.frameq-restore-managed{background:#b45309;color:#fff}.frameq-backup-history{margin-top:14px}.frameq-backup-history table{width:100%;border-collapse:collapse;min-width:900px}.frameq-backup-history th,.frameq-backup-history td{border:1px solid #d8e0e8;padding:7px;font-size:11px;text-align:left}.frameq-backup-history th{background:#f1f5f9}.frameq-backup-kind{display:inline-flex;padding:3px 6px;border-radius:999px;background:#e0f2fe;color:#075985;font-size:9px;font-weight:900;text-transform:uppercase}.frameq-login-link{display:block;width:100%;margin-top:10px;padding:9px;border:0;background:transparent;color:#9ddbe3;font-weight:800;cursor:pointer;text-align:center}
@media(max-width:760px){.frameq-workspace-select{max-width:125px}.frameq-plan-badge{display:none}.frameq-super-grid{grid-template-columns:1fr}.frameq-super-page{padding:10px}}
@media (max-width:760px){
.frameq-super-page{
width:100%!important;
height:calc(100dvh - 94px)!important;
max-height:calc(100dvh - 94px)!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior-y:contain!important;
touch-action:pan-y!important;
padding:10px 10px 34px!important;
}
.frameq-super-page > .frameq-users-card{min-width:0!important}
.frameq-super-page > .frameq-users-card[style*="overflow"]{
overflow-x:auto!important;
overflow-y:visible!important;
-webkit-overflow-scrolling:touch!important;
}
.frameq-catalog-admin-shell{
width:100%!important;
height:calc(100dvh - 94px)!important;
max-height:calc(100dvh - 94px)!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior-y:contain!important;
touch-action:pan-y!important;
padding:8px 8px 34px!important;
}
.frameq-catalog-admin-body{
min-height:0!important;
overflow:visible!important;
}
}
@media (max-width:768px){
.page.mobile-design-clean{overflow-anchor:none!important}
.page.mobile-design-clean > .canvas-wrap{
min-width:0!important;
min-height:0!important;
overflow-anchor:none!important;
}
.page.mobile-design-clean .canvas-head{
display:flex!important;
visibility:visible!important;
opacity:1!important;
flex-shrink:0!important;
overflow-anchor:none!important;
}
.page.mobile-design-clean .mobile-tool-menu-btn,
.page.mobile-design-clean .mobile-save-btn,
.page.mobile-design-clean .mobile-design-back-btn,
.page.mobile-design-clean .design-series-mobile-box{
visibility:visible!important;
opacity:1!important;
flex:0 0 auto!important;
}
.page.mobile-design-clean .design-work-area{
min-width:0!important;
min-height:0!important;
overflow-anchor:none!important;
}
.page.mobile-design-clean,
.page.mobile-design-clean > .canvas-wrap,
.page.mobile-design-clean .canvas-head,
.page.mobile-design-clean .design-work-area{
transition:none!important;
}
}
@media (max-width:640px){
.quote-table-v616 tbody td:nth-child(3),
.quote-table-v616 tbody td:nth-child(4),
.quote-table-v616 tbody td:nth-child(5),
.quote-table-v616 tbody td:nth-child(7),
.quote-table-v616 tbody td:nth-child(8),
.quote-table-v616 tbody td:nth-child(9){
display:block!important;
}
.quote-table-v616 tbody td:nth-child(6){
display:none!important;
}
.quote-table-v616 tbody td:nth-child(4):empty,
.quote-table-v616 tbody td:nth-child(5):empty,
.quote-table-v616 tbody td:nth-child(7):empty,
.quote-table-v616 tbody td:nth-child(9):empty{
display:none!important;
}
.quote-table-v616 tbody td.quote-party-name{
display:block!important;
min-height:24px!important;
color:#111827!important;
font-size:17px!important;
font-weight:900!important;
line-height:1.25!important;
}
.quote-table-v616 tbody td.quote-party-name:empty::after{
content:'Party name not entered';
color:#94a3b8;
font-size:12px;
font-weight:700;
}
}
.frameq-create-customer-grid{
grid-template-columns:1.25fr 1fr 1.25fr .85fr auto!important;
}
.frameq-create-id-btn{
min-height:38px;
white-space:nowrap;
}
@media(max-width:980px){
.frameq-create-customer-grid{
grid-template-columns:1fr 1fr!important;
}
.frameq-create-id-btn{
width:100%;
}
}
@media(max-width:760px){
.frameq-create-customer-grid{
grid-template-columns:1fr!important;
}
}
@media (max-width:900px), (pointer:coarse){
#root > .mobile-design-clean{
display:block!important;
width:100vw!important;
height:var(--fq-mobile-design-height,100svh)!important;
min-height:0!important;
overflow:hidden!important;
}
#root > .mobile-design-clean > .page.mobile-design-clean{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
grid-template-rows:minmax(0,1fr)!important;
position:relative!important;
width:100vw!important;
max-width:100vw!important;
height:var(--fq-mobile-design-height,100svh)!important;
min-height:0!important;
max-height:var(--fq-mobile-design-height,100svh)!important;
overflow:hidden!important;
visibility:visible!important;
opacity:1!important;
background:#fff!important;
}
#root > .mobile-design-clean > .page.mobile-design-clean > .side{
display:none!important;
}
#root > .mobile-design-clean > .page.mobile-design-clean > .canvas-wrap{
display:flex!important;
flex-direction:column!important;
position:relative!important;
width:100%!important;
max-width:100%!important;
height:100%!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
overflow:hidden!important;
visibility:visible!important;
opacity:1!important;
background:#fff!important;
}
#root > .mobile-design-clean > .page.mobile-design-clean > .canvas-wrap > .canvas-head{
display:grid!important;
grid-template-columns:56px 58px minmax(100px,1fr) 64px!important;
align-items:center!important;
gap:5px!important;
flex:0 0 52px!important;
width:100%!important;
height:52px!important;
min-height:52px!important;
max-height:52px!important;
padding:7px 6px!important;
overflow:hidden!important;
visibility:visible!important;
opacity:1!important;
background:#fff!important;
border-bottom:1px solid #e5e7eb!important;
z-index:20!important;
}
#root > .mobile-design-clean .canvas-head .mobile-design-back-btn{
display:inline-flex!important;
grid-column:1!important;
}
#root > .mobile-design-clean .canvas-head .mobile-tool-menu-btn{
display:inline-flex!important;
grid-column:2!important;
}
#root > .mobile-design-clean .canvas-head .design-series-mobile-box{
display:flex!important;
grid-column:3!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
overflow:hidden!important;
}
#root > .mobile-design-clean .canvas-head .mobile-save-btn{
display:inline-flex!important;
grid-column:4!important;
}
#root > .mobile-design-clean .canvas-head .mobile-design-back-btn,
#root > .mobile-design-clean .canvas-head .mobile-tool-menu-btn,
#root > .mobile-design-clean .canvas-head .mobile-save-btn{
align-items:center!important;
justify-content:center!important;
height:36px!important;
min-width:0!important;
padding:0 4px!important;
margin:0!important;
visibility:visible!important;
opacity:1!important;
font-size:10px!important;
line-height:1.1!important;
white-space:nowrap!important;
}
#root > .mobile-design-clean .canvas-head .mobile-save-btn{
font-size:0!important;
}
#root > .mobile-design-clean .canvas-head .mobile-save-btn::after{
content:'Save'!important;
font-size:10px!important;
}
#root > .mobile-design-clean .design-series-mobile-box select{
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
height:28px!important;
font-size:10px!important;
}
#root > .mobile-design-clean > .page.mobile-design-clean > .canvas-wrap > .design-work-area{
display:block!important;
position:relative!important;
flex:1 1 auto!important;
width:100%!important;
height:auto!important;
min-width:0!important;
min-height:220px!important;
overflow:hidden!important;
visibility:visible!important;
opacity:1!important;
background:#fff!important;
}
#root > .mobile-design-clean .design-work-area svg{
display:block!important;
width:100%!important;
height:100%!important;
min-height:220px!important;
visibility:visible!important;
opacity:1!important;
}
}
@media (min-width:901px) and (pointer:fine){
.canvas-head > .mobile-head-primary,
.canvas-head > .mobile-head-secondary{
display:contents!important;
}
}
@media (max-width:900px), (pointer:coarse){
#root > .mobile-design-clean > .page.mobile-design-clean > .canvas-wrap > .canvas-head{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
gap:4px!important;
flex:0 0 98px!important;
width:100%!important;
height:98px!important;
min-height:98px!important;
max-height:98px!important;
padding:6px!important;
overflow:hidden!important;
box-sizing:border-box!important;
background:#fff!important;
border-bottom:1px solid #dbe3ec!important;
}
#root > .mobile-design-clean .mobile-head-primary{
display:grid!important;
grid-template-columns:68px 70px minmax(112px,1fr) 66px!important;
align-items:center!important;
gap:5px!important;
width:100%!important;
height:40px!important;
min-height:40px!important;
overflow:hidden!important;
}
#root > .mobile-design-clean .mobile-head-primary > *{
min-width:0!important;
max-width:100%!important;
height:38px!important;
margin:0!important;
box-sizing:border-box!important;
}
#root > .mobile-design-clean .mobile-design-back-btn,
#root > .mobile-design-clean .mobile-tool-menu-btn,
#root > .mobile-design-clean .mobile-save-btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
padding:0 5px!important;
visibility:visible!important;
opacity:1!important;
white-space:nowrap!important;
overflow:hidden!important;
font-size:11px!important;
line-height:1!important;
border-radius:9px!important;
}
#root > .mobile-design-clean .design-series-mobile-box{
display:flex!important;
align-items:center!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:38px!important;
padding:3px!important;
border:1px solid #94a3b8!important;
border-radius:9px!important;
background:#fff!important;
visibility:visible!important;
opacity:1!important;
overflow:hidden!important;
}
#root > .mobile-design-clean .design-series-mobile-box span{
display:none!important;
}
#root > .mobile-design-clean .design-series-mobile-box select{
display:block!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:30px!important;
margin:0!important;
padding:0 24px 0 7px!important;
border:0!important;
border-radius:6px!important;
background:#fff!important;
color:#0f172a!important;
-webkit-text-fill-color:#0f172a!important;
opacity:1!important;
visibility:visible!important;
font-size:11px!important;
font-weight:800!important;
line-height:30px!important;
}
#root > .mobile-design-clean .mobile-head-secondary{
display:flex!important;
align-items:center!important;
gap:5px!important;
width:100%!important;
height:40px!important;
min-height:40px!important;
padding:0 0 2px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior-x:contain!important;
scrollbar-width:thin!important;
scroll-snap-type:x proximity!important;
}
#root > .mobile-design-clean .mobile-head-secondary > *{
display:inline-flex!important;
flex:0 0 auto!important;
align-items:center!important;
justify-content:center!important;
height:34px!important;
min-height:34px!important;
margin:0!important;
padding:0 9px!important;
border-radius:8px!important;
visibility:visible!important;
opacity:1!important;
box-sizing:border-box!important;
white-space:nowrap!important;
font-size:10.5px!important;
line-height:1!important;
scroll-snap-align:start!important;
}
#root > .mobile-design-clean .mobile-multi-clone-btn{min-width:94px!important;}
#root > .mobile-design-clean .mobile-undo-btn,
#root > .mobile-design-clean .mobile-redo-btn,
#root > .mobile-design-clean .mobile-clear-btn,
#root > .mobile-design-clean .mobile-pan-btn,
#root > .mobile-design-clean .mobile-fit-btn{min-width:58px!important;}
#root > .mobile-design-clean .mobile-zoom-out-btn,
#root > .mobile-design-clean .mobile-zoom-in-btn{
min-width:42px!important;
width:42px!important;
padding:0!important;
font-size:19px!important;
font-weight:900!important;
}
#root > .mobile-design-clean .mobile-zoom-label{
min-width:48px!important;
width:48px!important;
padding:0 3px!important;
color:#334155!important;
background:#f1f5f9!important;
border:1px solid #cbd5e1!important;
font-size:10px!important;
font-weight:900!important;
}
#root > .mobile-design-clean .mobile-head-secondary button:disabled{
opacity:.42!important;
}
#root > .mobile-design-clean > .page.mobile-design-clean > .canvas-wrap > .design-work-area{
min-height:180px!important;
}
}
@media (max-width:370px){
#root > .mobile-design-clean .mobile-head-primary{
grid-template-columns:62px 64px minmax(100px,1fr) 60px!important;
gap:4px!important;
}
#root > .mobile-design-clean .mobile-design-back-btn,
#root > .mobile-design-clean .mobile-tool-menu-btn,
#root > .mobile-design-clean .mobile-save-btn{
font-size:10px!important;
padding:0 3px!important;
}
#root > .mobile-design-clean .design-series-mobile-box select{
font-size:10px!important;
padding-left:5px!important;
}
}
@media (max-width:900px), (pointer:coarse){
#root > .mobile-design-clean .mobile-undo-btn::before,
#root > .mobile-design-clean .mobile-undo-btn::after,
#root > .mobile-design-clean .mobile-clear-btn::before,
#root > .mobile-design-clean .mobile-clear-btn::after,
#root > .mobile-design-clean .mobile-save-btn::before,
#root > .mobile-design-clean .mobile-save-btn::after{
content:none!important;
display:none!important;
}
#root > .mobile-design-clean .mobile-undo-btn,
#root > .mobile-design-clean .mobile-redo-btn,
#root > .mobile-design-clean .mobile-clear-btn,
#root > .mobile-design-clean .mobile-save-btn{
font-size:10.5px!important;
text-indent:0!important;
}
}
@page{size:A4 portrait;margin:0}
*{box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact}
html,body{margin:0!important;padding:0!important;width:210mm;min-height:297mm;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:11px}
.no-print{position:fixed;right:10px;top:8px;display:flex;gap:8px;z-index:99}.no-print button{border:0;border-radius:6px;padding:8px 12px;font-weight:900;cursor:pointer}.btn-preview{background:#64748b;color:#fff}.btn-pdf{background:#1976d2;color:#fff}
.sheet{width:210mm;min-height:297mm;padding:5mm; margin:0!important;position:relative;overflow:hidden;background:#fff;page-break-after:always}
.sheet:last-child{page-break-after:auto}
h2{margin:0 0 7px;font-size:19px;letter-spacing:.2px}.topline{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;margin:0 0 8px}.topline span{min-width:33%}.topline span:nth-child(2){text-align:center}.topline span:nth-child(3){text-align:right}
.summary{width:120mm;max-width:100%;border-collapse:collapse;font-size:10px;margin:7px 0 15px;table-layout:fixed}.summary th{background:#cfcfcf;font-weight:900}.summary th,.summary td{border:1.5px solid #111;padding:4px 6px;text-align:left}.summary th:nth-child(1),.summary td:nth-child(1){width:42%}.summary th:nth-child(2),.summary td:nth-child(2){width:21%}.summary th:nth-child(3),.summary td:nth-child(3){width:12%;text-align:center}.summary th:nth-child(4),.summary td:nth-child(4){width:25%}
.profile-title{font-size:11px;font-weight:900;font-style:italic;margin:15px 0 5px}.bar-row{display:grid;grid-template-columns:10mm 11mm minmax(0,1fr);align-items:center;column-gap:1mm;margin:0 0 12px;font-size:10px;width:100%}.bar-label{white-space:nowrap}.stock-label{text-align:left}.barline{width:100%;height:30px;border:1.5px solid #111;display:flex;overflow:hidden;background:#fff}.piece{height:100%;position:relative;background:#fff;color:#111;border-right:1.5px solid #111;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;white-space:nowrap;overflow:hidden;text-align:center;line-height:1.05}.piece:last-child{border-right:0}.piece-main{display:block;color:#111}.piece-sub{display:block;color:#111;margin-bottom:1px}.piece.small-piece .piece-sub{font-size:.92em}.scrap{height:100%;background:#ddd;color:#111;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;border-left:1.5px solid #111;min-width:10px;overflow:hidden}.page-break{page-break-before:always}.small{font-size:10px;color:#475569}.orderlist{width:154mm;border-collapse:collapse;font-size:13px;margin:8px 0 28px;table-layout:fixed}.orderlist th{background:#cfcfcf;font-weight:900}.orderlist th,.orderlist td{border:1px solid #555;padding:6px}.orderlist th:nth-child(1),.orderlist td:nth-child(1){width:56%}.orderlist th:nth-child(2),.orderlist td:nth-child(2){width:25%;text-align:center}.orderlist th:nth-child(3),.orderlist td:nth-child(3){width:19%;text-align:center}.center{text-align:center}
.label-sheet{width:210mm;min-height:297mm;padding:12mm 6mm;margin:0!important;position:relative;background:#fff;page-break-after:always;overflow:hidden}.label-sheet:last-child{page-break-after:auto}.label-grid{display:grid;grid-template-columns:repeat(3,64mm);grid-template-rows:repeat(8,34mm);gap:0 3mm}.label{border:0;height:34mm;width:64mm;padding:3.2mm 3mm;font-size:10px;line-height:1.22;overflow:hidden;background:#fff;color:#111}.label b{font-size:11px}.label-winbar{display:flex;align-items:center;justify-content:space-between;gap:2mm;background:#fff;color:#111;border:1.8px solid #111;font-weight:900;font-size:12px;line-height:1.05;padding:1mm 1.4mm;margin:1.1mm 0;border-radius:1mm}.label-winbar span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-wh{display:inline-flex;align-items:center;justify-content:center;min-width:9mm;background:#fff;color:#111;border:1.6px solid #111;border-radius:.8mm;font-size:13px;font-weight:900;padding:.45mm 1.1mm}.label-cutlen{font-size:11.5px;font-weight:900}
.footer{position:absolute;left:5mm;right:5mm;bottom:4mm;text-align:center;font-size:9px;color:#555}.page-no{position:absolute;right:5mm;bottom:4mm;font-size:10px;font-weight:700;text-align:right}
@media screen{body{background:#e5e7eb}.sheet{box-shadow:0 0 0 1px #cbd5e1;margin:10px auto!important}}
@media print{html,body{margin:0!important;padding:0!important;width:210mm!important;min-height:297mm!important;background:#fff!important}.no-print{display:none!important}.sheet{box-shadow:none!important;margin:0!important;width:210mm!important;min-height:297mm!important;padding:5mm!important;page-break-after:always}.sheet:last-child{page-break-after:auto!important}}
@media (max-width: 768px){
body:has(.optimizer-modal.v253-opt) .top,
body:has(.optimizer-modal.v253-opt) .tabs{display:none!important;}
body:has(.optimizer-modal.v253-opt){padding-bottom:0!important;overflow:hidden!important;}
body:has(.optimizer-modal.v253-opt) .quote-modal-back{
align-items:flex-start!important;justify-content:flex-start!important;
padding:0!important;z-index:99999!important;inset:0!important;
background:rgba(15,23,42,.45)!important;
}
body:has(.optimizer-modal.v253-opt) .optimizer-modal.v253-opt{
width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;
border-radius:0!important;margin:0!important;overflow:hidden!important;
}
body:has(.optimizer-modal.v253-opt) .v253-opt-head{
height:auto!important;min-height:0!important;padding:8px 8px!important;
display:block!important;background:#111326!important;
}
body:has(.optimizer-modal.v253-opt) .v253-opt-title{font-size:18px!important;margin-bottom:2px!important;}
body:has(.optimizer-modal.v253-opt) .v253-opt-sub{font-size:10px!important;margin:0 0 8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body:has(.optimizer-modal.v253-opt) .v253-opt-actions{
display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;
}
body:has(.optimizer-modal.v253-opt) .v253-opt-actions .v253-btn{
height:38px!important;padding:7px 6px!important;font-size:11px!important;white-space:nowrap!important;border-radius:7px!important;
}
body:has(.optimizer-modal.v253-opt) .v253-opt-actions .v253-btn.dark::before{content:'← ';}
body:has(.optimizer-modal.v253-opt) .v253-opt-controls{
display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:7px 8px!important;
}
body:has(.optimizer-modal.v253-opt) .v253-opt-controls label{display:grid!important;grid-template-columns:78px 1fr!important;gap:6px!important;font-size:11px!important;}
body:has(.optimizer-modal.v253-opt) .v253-opt-controls input{width:100%!important;height:34px!important;font-size:14px!important;}
body:has(.optimizer-modal.v253-opt) .v253-opt-body{padding:6px!important;min-height:0!important;}
body:has(.optimizer-modal.v253-opt) .v253-table-wrap{height:100%!important;max-height:none!important;}
body:has(.optimizer-modal.v253-opt) .v253-opt-foot{height:auto!important;min-height:32px!important;font-size:10px!important;padding:5px 6px!important;}
}
.system-design.bottom-open .calc-result-wrap{
overflow-x:auto!important;
overflow-y:auto!important;
max-height:520px!important;
background:#fff!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table{
display:table!important;
width:100%!important;
min-width:980px!important;
border-collapse:separate!important;
border-spacing:0!important;
table-layout:auto!important;
background:#fff!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table thead{display:table-header-group!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table tbody{display:table-row-group!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table tr{
display:table-row!important;
margin:0!important;
border:0!important;
box-shadow:none!important;
background:#fff!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table th{
display:table-cell!important;
position:sticky!important;
top:0!important;
z-index:2!important;
background:#0f172a!important;
color:#fff!important;
padding:10px 12px!important;
font-size:12px!important;
white-space:nowrap!important;
border-right:1px solid #26364d!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td{
display:table-cell!important;
min-height:0!important;
height:auto!important;
padding:10px 12px!important;
border-right:1px solid #e5edf5!important;
border-bottom:1px solid #e5edf5!important;
background:#fff!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
vertical-align:middle!important;
font-size:12px!important;
line-height:1.35!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td::before{content:none!important;display:none!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td:first-child{
background:#f8fbfd!important;
padding:10px!important;
align-items:initial!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td:nth-child(6){display:table-cell!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table tr.selected td,
.system-design.bottom-open .calc-result-wrap .sys-mini-table tr:hover td{
background:#f0fdfa!important;
}
@media(max-width:900px){
.system-design.bottom-open .calc-result-wrap .sys-mini-table{min-width:860px!important;}
}
@media (max-width:760px){
.system-design.bottom-open .system-bottom.is-open{
scrollbar-width:thin!important;
scrollbar-color:#0f766e #e8f6f8!important;
}
.system-design.bottom-open .system-bottom.is-open::-webkit-scrollbar{
width:6px!important;
display:block!important;
}
.system-design.bottom-open .system-bottom.is-open::-webkit-scrollbar-track{
background:#e8f6f8!important;
border-radius:8px!important;
}
.system-design.bottom-open .system-bottom.is-open::-webkit-scrollbar-thumb{
background:#0f766e!important;
border-radius:8px!important;
}
}
@page{size:A4 portrait;margin:8mm}
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;color:#1f2937;background:#fff;font-size:10px}
.quote-shell{border:1px solid #d5dbe5}
.quote-brand-top{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;align-items:stretch;margin-bottom:8px}
.brand-card{border:1px solid #d9c7a3;background:#fff;padding:10px 12px 8px 12px;position:relative;overflow:hidden}
.brand-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:#102b5c}
.brand-row{display:flex;align-items:center;gap:12px}
.brand-logo{width:38px;height:52px;border:2px solid #102b5c;border-radius:3px;position:relative;flex:0 0 auto;background:linear-gradient(180deg,#fff 0%,#f9fafb 100%)}
.brand-logo:before,.brand-logo:after{content:'';position:absolute;bottom:5px;width:8px;background:#102b5c;border-radius:1px}
.brand-logo:before{left:7px;height:30px;transform:skewY(-14deg)}
.brand-logo:after{right:7px;height:40px;background:#d6a64b;transform:skewY(14deg)}
.brand-logo-img{width:118px;height:62px;display:block;object-fit:contain;object-position:left center;flex:0 0 auto;background:#fff}
.brand-main h1{margin:0;font-size:24px;line-height:1;letter-spacing:.8px;color:#102b5c;font-weight:900}
.brand-main .sub{margin-top:3px;font-size:10px;letter-spacing:3px;color:#596579;font-weight:700}
.brand-main .tag{margin-top:5px;font-size:11px;color:#d79f33;font-weight:900;letter-spacing:.8px}
.brand-contact{margin-top:7px;padding-top:6px;border-top:1px dashed #c9d2df;font-size:9.2px;line-height:1.55;color:#334155}
.brand-contact span{display:inline-block;margin-right:10px}
.title-card{display:flex;flex-direction:column;justify-content:space-between;gap:8px}
.title-box{background:#102b5c;color:#fff;padding:12px 14px;border-radius:0 0 0 12px;min-height:82px;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.title-box .title-small{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#dbe7ff}
.title-box .title-big{margin-top:4px;font-size:24px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;color:#fff}
.quick-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.quick-box{border:1px solid #d7e0f0;background:#fff;border-radius:12px;padding:6px 8px;text-align:center;min-height:54px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 1px 0 rgba(16,43,92,.04)}
.quick-box b{display:block;font-size:9px;color:#102b5c;text-transform:uppercase;margin-bottom:4px;letter-spacing:.5px}
.quick-box span{font-size:11px;font-weight:800;color:#1f2937;line-height:1.2}
.addr-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #b8c3d4;margin-bottom:7px}
.addr-head{background:#f6f8fc;color:#102b5c;font-weight:900;padding:5px 6px;border-right:1px solid #b8c3d4;text-transform:uppercase;letter-spacing:.4px}
.addr-grid .addr-head:nth-child(2){border-right:0}
.addr-cell{padding:6px;min-height:46px;border-top:1px solid #b8c3d4;border-right:1px solid #b8c3d4;line-height:1.35}
.addr-cell:last-child{border-right:0}
.quote-meta{width:100%;border-collapse:collapse;margin-bottom:7px;table-layout:fixed}
.quote-meta td,.quote-meta th{border:1px solid #b8c3d4;padding:5px;text-align:center}
.quote-meta th{background:#fff;color:#071427;font-weight:900;font-size:9.6px;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid #102b5c}
.sales{width:100%;border-collapse:collapse;table-layout:fixed}
.sales col.sales-col{width:26%}.sales col.details-col{width:40%}.sales col.qty-col{width:10%}.sales col.rate-col{width:14%}.sales col.amount-col{width:10%}
.sales td,.sales th{border:1px solid #c8d1df;padding:4px;vertical-align:top}
.sales th{background:#fff;color:#071427;font-weight:900;font-size:9.8px;letter-spacing:.35px;text-transform:uppercase;border-bottom:2px solid #102b5c}
.sales-line{text-align:center}.details-cell{overflow:hidden}.num{text-align:right;white-space:nowrap}.strong{font-weight:900}
.qty-cell,.rate-cell{text-align:center!important;white-space:normal!important;overflow:hidden;line-height:1.18;word-break:normal;overflow-wrap:anywhere}
.qty-value,.rate-value,.qty-unit,.rate-unit{display:block;max-width:100%}
.qty-value,.rate-value{font-weight:500;white-space:nowrap}
.qty-unit,.rate-unit{font-size:8.2px;line-height:1.12;margin-top:1px;white-space:normal}
.draw-only-cell{padding:6px!important}
.draw-mini{height:225px;margin:0;display:flex;align-items:center;justify-content:center;border:1px solid #d7dde7;background:#fff;overflow:hidden;padding:8px 8px 12px 8px}
.draw-mini img{width:96%;height:96%;display:block;object-fit:contain;object-position:center center}
.spec-line{display:grid;grid-template-columns:70px minmax(0,1fr);gap:5px;line-height:1.32;font-size:10.6px;padding:1.5px 0}
.spec-line b{font-weight:800;white-space:nowrap;color:#102b5c}
.spec-line span{font-weight:700;white-space:normal;word-break:normal;overflow-wrap:break-word;color:#1f2937}
.design-note{margin-top:6px;padding:6px 8px;border-left:4px solid #f59e0b;border:1px solid #f4d08a;background:#fff7dd;color:#7a3b00;font-size:10.3px;font-weight:900;line-height:1.35}
.total-row td{font-weight:900;background:#f8fafc}
.bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}
.stats div{margin:3px 0}.stats b{display:inline-block;width:125px;color:#102b5c}
.sum-table{width:100%;border-collapse:collapse;table-layout:fixed}.sum-table td{border:1px solid #b8c3d4;padding:5px}.sum-table td:last-child{text-align:right;font-weight:900}.sum-table tr:last-child td{background:#fff;color:#071427;border-top:2px solid #102b5c}
.terms{margin-top:6px;font-size:9px;line-height:1.3}.terms b{color:#102b5c}
.bank-print{margin-top:6px;font-size:9px;line-height:1.3;border:1px solid #b8c3d4;padding:5px;background:#fbfcfe}
.footer{text-align:center;margin-top:14px;font-weight:900;font-size:9px;color:#111827}
.empty-print{text-align:center;color:#111827;font-weight:800;padding:20px}
.muted{color:#64748b}
.sales th,.quote-meta th,.sum-table tr:last-child td,.footer{color:#071427!important;text-shadow:none!important}
.muted{color:#111827!important}
@media print{
body{padding:0}
.sales-row{break-inside:avoid;page-break-inside:avoid}
.draw-mini{height:185px;overflow:visible;margin:0;padding:8px 8px 12px 8px}.draw-mini img{max-height:168px;max-width:94%;object-fit:contain}
.spec-line{font-size:10px;line-height:1.28}
}
.quote-row-actions{position:relative;z-index:5;}
.quote-row-actions .q-action-btn{position:relative;z-index:6;pointer-events:auto!important;}
.quote-table-v616 td:last-child{position:relative;z-index:4;}
@media (max-width: 768px){
body:has(.optimizer-modal.v253-opt) .top,
body:has(.optimizer-modal.v253-opt) .tabs{display:none!important;}
body:has(.optimizer-modal.v253-opt){padding-bottom:0!important;overflow:hidden!important;}
body:has(.optimizer-modal.v253-opt) .quote-modal-back{
align-items:flex-start!important;justify-content:flex-start!important;
padding:0!important;z-index:99999!important;inset:0!important;
background:rgba(15,23,42,.45)!important;
}
body:has(.optimizer-modal.v253-opt) .optimizer-modal.v253-opt{
width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;
border-radius:0!important;margin:0!important;overflow:hidden!important;
}
body:has(.optimizer-modal.v253-opt) .v253-opt-head{
height:auto!important;min-height:0!important;padding:8px 8px!important;
display:block!important;background:#111326!important;
}
body:has(.optimizer-modal.v253-opt) .v253-opt-title{font-size:18px!important;margin-bottom:2px!important;}
body:has(.optimizer-modal.v253-opt) .v253-opt-sub{font-size:10px!important;margin:0 0 8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body:has(.optimizer-modal.v253-opt) .v253-opt-actions{
display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;
}
body:has(.optimizer-modal.v253-opt) .v253-opt-actions .v253-btn{
height:38px!important;padding:7px 6px!important;font-size:11px!important;white-space:nowrap!important;border-radius:7px!important;
}
body:has(.optimizer-modal.v253-opt) .v253-opt-actions .v253-btn.dark::before{content:'← ';}
body:has(.optimizer-modal.v253-opt) .v253-opt-controls{
display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:7px 8px!important;
}
body:has(.optimizer-modal.v253-opt) .v253-opt-controls label{display:grid!important;grid-template-columns:78px 1fr!important;gap:6px!important;font-size:11px!important;}
body:has(.optimizer-modal.v253-opt) .v253-opt-controls input{width:100%!important;height:34px!important;font-size:14px!important;}
body:has(.optimizer-modal.v253-opt) .v253-opt-body{padding:6px!important;min-height:0!important;}
body:has(.optimizer-modal.v253-opt) .v253-table-wrap{height:100%!important;max-height:none!important;}
body:has(.optimizer-modal.v253-opt) .v253-opt-foot{height:auto!important;min-height:32px!important;font-size:10px!important;padding:5px 6px!important;}
}
.system-design.bottom-open .calc-result-wrap{
overflow-x:auto!important;
overflow-y:auto!important;
max-height:520px!important;
background:#fff!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table{
display:table!important;
width:100%!important;
min-width:980px!important;
border-collapse:separate!important;
border-spacing:0!important;
table-layout:auto!important;
background:#fff!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table thead{display:table-header-group!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table tbody{display:table-row-group!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table tr{
display:table-row!important;
margin:0!important;
border:0!important;
box-shadow:none!important;
background:#fff!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table th{
display:table-cell!important;
position:sticky!important;
top:0!important;
z-index:2!important;
background:#0f172a!important;
color:#fff!important;
padding:10px 12px!important;
font-size:12px!important;
white-space:nowrap!important;
border-right:1px solid #26364d!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td{
display:table-cell!important;
min-height:0!important;
height:auto!important;
padding:10px 12px!important;
border-right:1px solid #e5edf5!important;
border-bottom:1px solid #e5edf5!important;
background:#fff!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
vertical-align:middle!important;
font-size:12px!important;
line-height:1.35!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td::before{content:none!important;display:none!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td:first-child{
background:#f8fbfd!important;
padding:10px!important;
align-items:initial!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td:nth-child(6){display:table-cell!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table tr.selected td,
.system-design.bottom-open .calc-result-wrap .sys-mini-table tr:hover td{
background:#f0fdfa!important;
}
@media(max-width:900px){
.system-design.bottom-open .calc-result-wrap .sys-mini-table{min-width:860px!important;}
}
@media (max-width:760px){
.system-design.bottom-open .system-bottom.is-open{
scrollbar-width:thin!important;
scrollbar-color:#0f766e #e8f6f8!important;
}
.system-design.bottom-open .system-bottom.is-open::-webkit-scrollbar{
width:6px!important;
display:block!important;
}
.system-design.bottom-open .system-bottom.is-open::-webkit-scrollbar-track{
background:#e8f6f8!important;
border-radius:8px!important;
}
.system-design.bottom-open .system-bottom.is-open::-webkit-scrollbar-thumb{
background:#0f766e!important;
border-radius:8px!important;
}
}
*{box-sizing:border-box} body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:16px;color:#000;background:#fff;font-size:12px} h2{margin:0 0 12px;font-size:20px} .sub{margin-bottom:12px;font-size:12px}.sub b{display:inline-block;margin-right:12px} table{width:100%;border-collapse:collapse} th,td{border:1px solid #777;padding:6px;text-align:left;color:#000} th{background:#f3f4f6;font-weight:900}.num{text-align:right}.empty{text-align:center;font-weight:900;padding:22px}.company-head{text-align:center;margin-bottom:10px;border-bottom:1px solid #777;padding-bottom:8px}.company-head h1{margin:0;font-size:22px;font-weight:900;text-transform:uppercase}.company-head div{font-size:11px;margin-top:2px}.topline{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.tot{font-weight:900}.cost-section td{background:#dbeafe!important;font-weight:900;font-size:13px}.cost-subtotal td{background:#f8fafc!important;font-weight:900}.cost-grand td{background:#fff3cd!important;font-size:13px}
.cutout-section{margin-top:16px;page-break-before:auto}.cutout-section h2{font-size:17px;margin:0 0 6px}.cutout-view-note{font-size:12px;font-weight:900;background:#eef6ff;border:1px solid #93c5fd;color:#0f172a;padding:6px 8px;margin:0 0 8px}.cutout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cutout-card{border:1px solid #777;padding:8px;page-break-inside:avoid;break-inside:avoid}.cutout-title{display:flex;justify-content:space-between;gap:8px;font-size:13px;border-bottom:1px solid #ddd;padding-bottom:4px;margin-bottom:5px}.cutout-title span{font-weight:900}.cutout-svg{display:flex;align-items:center;justify-content:center}.cutout-svg svg{width:100%;max-height:235px}.cutout-note{font-size:10px;font-weight:800;background:#fff7ed;border:1px solid #fed7aa;padding:4px;margin-top:4px}
.asm-card{page-break-inside:avoid;border:1px solid #777;margin:0 0 12px;padding:8px}.asm-title{display:flex;justify-content:space-between;gap:10px;font-size:16px;margin-bottom:5px}.asm-title b{font-size:18px}.asm-meta{font-size:11px;margin-bottom:8px}.asm-grid{display:grid;grid-template-columns:38% 62%;gap:8px;align-items:start}.asm-drawing{border:1px solid #777;min-height:170px;display:flex;align-items:center;justify-content:center;background:#fff;padding:4px}.asm-drawing img{max-width:100%;max-height:260px;display:block}.asm-no-img{font-weight:900;color:#777}.asm-section{margin-bottom:8px}.asm-section h3{font-size:13px;margin:0 0 4px;color:#000}.asm-section table{font-size:10px}.asm-section th,.asm-section td{padding:4px}.asm-lists .empty{padding:10px;font-size:10px}
.confirm-note{border:1px solid #cbd5e1;background:#f8fafc;padding:8px 10px;margin:0 0 10px;font-weight:900;color:#334155}.confirm-page{width:100%}.confirm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.confirm-card{page-break-inside:avoid;border:1px solid #777;background:#fff;padding:8px;min-height:310px}.confirm-head{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #777;padding-bottom:5px;margin-bottom:7px}.confirm-head b{font-size:18px}.confirm-head span{font-size:12px;font-weight:900}.confirm-drawing{height:205px;border:1px solid #777;display:flex;align-items:center;justify-content:center;background:#fff;padding:6px}.confirm-card.confirm-large{grid-column:1/-1;min-height:430px}.confirm-card.confirm-large .confirm-drawing{height:320px}.confirm-drawing img{max-width:100%;max-height:100%;display:block;object-fit:contain}.confirm-no-img{font-weight:900;color:#777}.confirm-meta{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin-top:8px;font-size:11px}.confirm-meta div{display:grid;grid-template-columns:45px minmax(0,1fr);gap:5px}.confirm-meta b{color:#102b5c}.confirm-meta span{font-weight:900;word-break:break-word}.confirm-sign{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.confirm-sign div{border-top:1px solid #777;padding-top:8px;text-align:center;font-weight:900}
@media print{@page{size:A4;margin:10mm 8mm 8mm 8mm}body{padding:0!important;font-size:11px}.asm-card,.confirm-card{page-break-inside:avoid;break-inside:avoid}.company-head{margin-bottom:5px;padding-bottom:4px}.company-head h1{font-size:18px}.topline{margin-bottom:5px}.topline h2{font-size:16px;margin-bottom:0}.sub{margin-bottom:5px}.confirm-note{padding:4px 6px;margin:0 0 5px;font-size:10px}.confirm-page:not(.confirm-page-last){page-break-after:always;break-after:page}.confirm-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4mm!important}.confirm-card{height:86mm!important;min-height:0!important;padding:2.5mm!important;overflow:hidden}.confirm-card.confirm-large{grid-column:1 / -1!important;height:116mm!important}.confirm-head{padding-bottom:1.5mm;margin-bottom:1.5mm}.confirm-head b{font-size:14px}.confirm-head span{font-size:9px}.confirm-drawing{height:50mm!important;padding:1mm!important}.confirm-card.confirm-large .confirm-drawing{height:80mm!important}.confirm-meta{margin-top:2mm;font-size:9px;gap:1px 4px}.confirm-meta div{grid-template-columns:12mm minmax(0,1fr);gap:2px}.confirm-sign{margin-top:6mm;font-size:10px} }
@media(max-width:700px){.asm-grid,.confirm-grid{grid-template-columns:1fr}.asm-drawing{min-height:130px}.confirm-drawing{height:180px}}
.system-design.bottom-open .calc-result-wrap{
overflow-x:auto!important;
overflow-y:auto!important;
max-height:520px!important;
background:#fff!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table{
display:table!important;
width:100%!important;
min-width:980px!important;
border-collapse:separate!important;
border-spacing:0!important;
table-layout:auto!important;
background:#fff!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table thead{display:table-header-group!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table tbody{display:table-row-group!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table tr{
display:table-row!important;
margin:0!important;
border:0!important;
box-shadow:none!important;
background:#fff!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table th{
display:table-cell!important;
position:sticky!important;
top:0!important;
z-index:2!important;
background:#0f172a!important;
color:#fff!important;
padding:10px 12px!important;
font-size:12px!important;
white-space:nowrap!important;
border-right:1px solid #26364d!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td{
display:table-cell!important;
min-height:0!important;
height:auto!important;
padding:10px 12px!important;
border-right:1px solid #e5edf5!important;
border-bottom:1px solid #e5edf5!important;
background:#fff!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
vertical-align:middle!important;
font-size:12px!important;
line-height:1.35!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td::before{content:none!important;display:none!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td:first-child{
background:#f8fbfd!important;
padding:10px!important;
align-items:initial!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td:nth-child(6){display:table-cell!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table tr.selected td,
.system-design.bottom-open .calc-result-wrap .sys-mini-table tr:hover td{
background:#f0fdfa!important;
}
@media(max-width:900px){
.system-design.bottom-open .calc-result-wrap .sys-mini-table{min-width:860px!important;}
}
@media (max-width:760px){
.system-design.bottom-open .system-bottom.is-open{
scrollbar-width:thin!important;
scrollbar-color:#0f766e #e8f6f8!important;
}
.system-design.bottom-open .system-bottom.is-open::-webkit-scrollbar{
width:6px!important;
display:block!important;
}
.system-design.bottom-open .system-bottom.is-open::-webkit-scrollbar-track{
background:#e8f6f8!important;
border-radius:8px!important;
}
.system-design.bottom-open .system-bottom.is-open::-webkit-scrollbar-thumb{
background:#0f766e!important;
border-radius:8px!important;
}
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;background:#eef1f5;color:#111;overflow:hidden}
.wrap{height:100vh;width:100vw;display:grid;grid-template-columns:190px minmax(0,1fr);overflow:hidden}
.left{background:#0d2037;color:#fff;padding:14px 10px;display:flex;flex-direction:column;gap:10px;overflow:auto}
.brand{font-size:15px;font-weight:900;margin-bottom:8px}
.left button{border:0;border-radius:8px;padding:12px 10px;text-align:left;font-weight:900;cursor:pointer;background:#fff;color:#111;min-height:38px}
.left button.active{background:#f59e0b;color:#111}.left button.print{background:#16a34a;color:#fff}
.hint{font-size:11px;line-height:1.35;color:#cbd5e1;margin-top:6px}
.main{display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden;background:#eef1f5}
.head{height:48px;min-height:48px;background:#fff;border-bottom:1px solid #cfd6df;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-weight:900}
.head-actions{display:flex;gap:8px;align-items:center}.head button{border:0;border-radius:6px;background:#64748b;color:#fff;padding:8px 12px;font-weight:900;cursor:pointer}.head button.pdf{background:#16a34a}
iframe{flex:1 1 auto;width:100%;height:calc(100vh - 48px);border:0;background:#fff;display:block}
@media screen and (max-width:900px), screen and (pointer:coarse){
html,body{width:100vw!important;height:100dvh!important;overflow:hidden!important}
.wrap{width:100vw!important;height:100dvh!important;display:flex!important;flex-direction:column!important;grid-template-columns:none!important;overflow:hidden!important}
.left{width:100vw!important;height:92px!important;min-height:92px!important;max-height:92px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;overflow:auto!important;padding:6px!important;background:#0d2037!important}
.left button{width:100%!important;min-width:0!important;min-height:32px!important;height:32px!important;padding:5px 2px!important;font-size:10px!important;line-height:1.05!important;text-align:center!important;border-radius:6px!important}
.brand,.hint{display:none!important}
.main{width:100vw!important;height:calc(100dvh - 92px)!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.head{height:42px!important;min-height:42px!important;padding:0 7px!important;font-size:12px!important;flex:0 0 42px!important}
.head-actions{gap:5px!important}.head button{height:31px!important;padding:6px 8px!important;font-size:11px!important}
#ac-mobile-print-host>iframe{width:100%!important;max-width:100%!important;height:100%!important;min-height:100%!important;display:block!important;border:0!important;background:#fff!important}
}
@media (max-width:760px){
.page.mobile-design-clean{position:relative!important;overflow:hidden!important;}
.page.mobile-design-clean > .side, .page > .side{
display:none!important;
position:fixed!important;
left:10px!important;right:10px!important;bottom:12px!important;top:auto!important;
width:auto!important;max-width:none!important;height:auto!important;max-height:68vh!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important;padding:12px!important;
background:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:18px!important;
box-shadow:0 -10px 34px rgba(15,23,42,.26)!important;
z-index:999999!important;overflow:auto!important;
}
body.mobile-tools-open .page.mobile-design-clean > .side,
body.mobile-tools-open .page > .side,
.page.mobile-design-clean.mobile-tools-open > .side{display:grid!important;}
.page.mobile-design-clean .mobile-tools-title,.page .mobile-tools-title{
display:flex!important;grid-column:1/-1!important;align-items:center!important;justify-content:space-between!important;
padding:0 2px 8px!important;color:#0f172a!important;font-size:15px!important;
}
.page.mobile-design-clean .mobile-tool-menu-btn,.page .mobile-tool-menu-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.page.mobile-design-clean > .canvas-wrap,.page > .canvas-wrap{width:100%!important;margin-left:0!important;}
}
.mobile-tools-title,.mobile-tool-menu-btn{display:none;}
@media (max-width:760px){
.mobile-design-clean .side{
display:none!important;
position:fixed!important;
left:8px!important;right:8px!important;bottom:10px!important;top:auto!important;
width:auto!important;max-width:none!important;height:auto!important;max-height:64vh!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important;padding:12px!important;
background:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:18px!important;
box-shadow:0 -8px 30px rgba(15,23,42,.22)!important;
z-index:99999!important;overflow:auto!important;
}
.mobile-design-clean.mobile-tools-open .side, body.mobile-tools-open .mobile-design-clean .side{display:grid!important;}
.mobile-design-clean .mobile-tools-title{
display:flex!important;grid-column:1/-1!important;align-items:center!important;justify-content:space-between!important;
padding:2px 2px 8px!important;color:#0f172a!important;font-size:15px!important;
}
.mobile-design-clean .mobile-tools-title button{
width:34px!important;height:34px!important;border:0!important;border-radius:10px!important;
background:#ef4444!important;color:#fff!important;font-weight:900!important;font-size:16px!important;
}
.mobile-design-clean .mobile-tool-menu-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.mobile-design-clean .side .tool{
width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;margin:0!important;
border-radius:14px!important;background:#fff!important;border:1px solid #dbe3ec!important;
color:#102033!important;font-size:10.5px!important;font-weight:900!important;text-align:center!important;
display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
box-shadow:0 1px 4px rgba(15,23,42,.08)!important;padding:4px!important;
}
.mobile-design-clean .side .tool span{
width:24px!important;height:24px!important;border-radius:8px!important;background:#e0f2fe!important;color:#0369a1!important;
display:grid!important;place-items:center!important;font-size:15px!important;line-height:1!important;
}
.mobile-design-clean .side .tool.active{background:#ecfdf5!important;border-color:#10b981!important;color:#065f46!important;}
.mobile-design-clean .side .tool.active span{background:#10b981!important;color:#fff!important;}
.mobile-design-clean .side .anti-tool-wrap{
grid-column:1/-1!important;display:grid!important;grid-template-columns:72px repeat(3,1fr)!important;gap:8px!important;
width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:8px!important;
border:1px solid #cbd5e1!important;border-radius:14px!important;background:#eef6fb!important;
}
.mobile-design-clean .side .anti-tool-title{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;font-size:10px!important;color:#0f766e!important;}
.mobile-design-clean .side .anti-tool-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;}
.mobile-design-clean .canvas-head{gap:6px!important;overflow-x:auto!important;padding:6px!important;}
.mobile-design-clean .canvas-head .btn,.mobile-design-clean .mobile-design-back-btn{height:34px!important;min-width:max-content!important;}
}
@media (min-width:761px){.mobile-tool-menu-btn,.mobile-tools-title{display:none!important;}}
@media (max-width:760px), (pointer:coarse){
body:not(.mobile-tools-open) .page.mobile-design-clean > .side,
body:not(.mobile-tools-open) .page > .side{
display:none!important;
visibility:hidden!important;
opacity:0!important;
pointer-events:none!important;
transform:translateY(120%)!important;
}
body.mobile-tools-open .page.mobile-design-clean > .side,
body.mobile-tools-open .page > .side{
display:grid!important;
visibility:visible!important;
opacity:1!important;
pointer-events:auto!important;
position:fixed!important;
z-index:2147483000!important;
inset:0!important;
width:100vw!important;
height:100dvh!important;
max-width:100vw!important;
max-height:100dvh!important;
overflow:auto!important;
transform:none!important;
box-sizing:border-box!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
align-content:start!important;
gap:10px!important;
padding:72px 12px 18px!important;
border:0!important;
border-radius:0!important;
background:rgba(15,23,42,.72)!important;
box-shadow:none!important;
}
body.mobile-tools-open .page.mobile-design-clean > .side::before,
body.mobile-tools-open .page > .side::before{
content:'FrameQ Tools'!important;
position:fixed!important;
top:14px!important;left:14px!important;right:64px!important;
height:44px!important;
display:flex!important;align-items:center!important;
padding:0 14px!important;
box-sizing:border-box!important;
border-radius:14px!important;
background:#fff!important;color:#0f172a!important;
font-size:18px!important;font-weight:900!important;
box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
}
body.mobile-tools-open .page.mobile-design-clean > .side .mobile-tools-title,
body.mobile-tools-open .page > .side .mobile-tools-title{
display:contents!important;
}
body.mobile-tools-open .page.mobile-design-clean > .side .mobile-tools-title b,
body.mobile-tools-open .page > .side .mobile-tools-title b{
display:none!important;
}
body.mobile-tools-open .page.mobile-design-clean > .side .mobile-tools-title button,
body.mobile-tools-open .page > .side .mobile-tools-title button{
position:fixed!important;
top:14px!important;right:14px!important;
width:44px!important;height:44px!important;
border-radius:14px!important;border:0!important;
background:#ef4444!important;color:#fff!important;
font-size:20px!important;font-weight:900!important;
z-index:2147483001!important;
box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
}
body.mobile-tools-open .page.mobile-design-clean > .side .tool,
body.mobile-tools-open .page > .side .tool{
width:100%!important;
height:86px!important;
min-height:86px!important;
margin:0!important;
padding:8px 4px!important;
border-radius:18px!important;
border:1px solid #dbe3ec!important;
background:#fff!important;
color:#0f172a!important;
font-size:12px!important;
line-height:1.05!important;
font-weight:900!important;
box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
}
body.mobile-tools-open .page.mobile-design-clean > .side .tool span,
body.mobile-tools-open .page > .side .tool span{
width:36px!important;height:36px!important;
border-radius:12px!important;
background:#e0f2fe!important;color:#0369a1!important;
display:grid!important;place-items:center!important;
font-size:20px!important;
line-height:1!important;
}
body.mobile-tools-open .page.mobile-design-clean > .side .tool.active,
body.mobile-tools-open .page > .side .tool.active{
background:#ecfdf5!important;border-color:#10b981!important;color:#065f46!important;
}
body.mobile-tools-open .page.mobile-design-clean > .side .tool.active span,
body.mobile-tools-open .page > .side .tool.active span{
background:#10b981!important;color:#fff!important;
}
body.mobile-tools-open .page.mobile-design-clean > .side .anti-tool-wrap,
body.mobile-tools-open .page > .side .anti-tool-wrap{
grid-column:1/-1!important;
display:grid!important;
grid-template-columns:1fr repeat(3,1fr)!important;
gap:10px!important;
width:100%!important;
box-sizing:border-box!important;
margin:0!important;
padding:10px!important;
background:#f8fafc!important;
border:1px solid #cbd5e1!important;
border-radius:18px!important;
box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}
body.mobile-tools-open .page.mobile-design-clean > .side .anti-tool-title,
body.mobile-tools-open .page > .side .anti-tool-title{
display:flex!important;align-items:center!important;justify-content:center!important;
margin:0!important;color:#0f766e!important;font-size:12px!important;font-weight:900!important;
}
body.mobile-tools-open .page.mobile-design-clean > .side .anti-tool-buttons,
body.mobile-tools-open .page > .side .anti-tool-buttons{
display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;grid-column:2 / -1!important;
}
.mobile-tool-menu-btn{display:inline-flex!important;}
}
.system-design.bottom-open .calc-result-wrap{
overflow-x:auto!important;
overflow-y:auto!important;
max-height:520px!important;
background:#fff!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table{
display:table!important;
width:100%!important;
min-width:980px!important;
border-collapse:separate!important;
border-spacing:0!important;
table-layout:auto!important;
background:#fff!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table thead{display:table-header-group!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table tbody{display:table-row-group!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table tr{
display:table-row!important;
margin:0!important;
border:0!important;
box-shadow:none!important;
background:#fff!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table th{
display:table-cell!important;
position:sticky!important;
top:0!important;
z-index:2!important;
background:#0f172a!important;
color:#fff!important;
padding:10px 12px!important;
font-size:12px!important;
white-space:nowrap!important;
border-right:1px solid #26364d!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td{
display:table-cell!important;
min-height:0!important;
height:auto!important;
padding:10px 12px!important;
border-right:1px solid #e5edf5!important;
border-bottom:1px solid #e5edf5!important;
background:#fff!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
vertical-align:middle!important;
font-size:12px!important;
line-height:1.35!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td::before{content:none!important;display:none!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td:first-child{
background:#f8fbfd!important;
padding:10px!important;
align-items:initial!important;
}
.system-design.bottom-open .calc-result-wrap .sys-mini-table td:nth-child(6){display:table-cell!important;}
.system-design.bottom-open .calc-result-wrap .sys-mini-table tr.selected td,
.system-design.bottom-open .calc-result-wrap .sys-mini-table tr:hover td{
background:#f0fdfa!important;
}
@media(max-width:900px){
.system-design.bottom-open .calc-result-wrap .sys-mini-table{min-width:860px!important;}
}
@media (max-width:760px){
.system-design.bottom-open .system-bottom.is-open{
scrollbar-width:thin!important;
scrollbar-color:#0f766e #e8f6f8!important;
}
.system-design.bottom-open .system-bottom.is-open::-webkit-scrollbar{
width:6px!important;
display:block!important;
}
.system-design.bottom-open .system-bottom.is-open::-webkit-scrollbar-track{
background:#e8f6f8!important;
border-radius:8px!important;
}
.system-design.bottom-open .system-bottom.is-open::-webkit-scrollbar-thumb{
background:#0f766e!important;
border-radius:8px!important;
}
}
@page{size:A4 portrait;margin:10mm}*{box-sizing:border-box}body{font-family:Arial,sans-serif;color:#0f172a;margin:0;font-size:11px}.head{display:flex;justify-content:space-between;gap:18px;border-bottom:2px solid #0f766e;padding-bottom:10px}.brand{display:flex;gap:10px;align-items:flex-start}.brand img{max-width:72px;max-height:52px}.head h1{margin:0;font-size:23px;color:#0f3b5d}.muted{color:#64748b;line-height:1.45}.statement-title{text-align:right}.statement-title h2{margin:0;font-size:20px}.party{border:1px solid #cbd5e1;border-radius:7px;padding:9px;margin:10px 0}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}.summary div{border:1px solid #cbd5e1;border-radius:6px;padding:8px}.summary span{display:block;font-size:9px;color:#64748b;text-transform:uppercase;font-weight:bold}.summary b{display:block;font-size:14px;margin-top:3px}.due{color:#b91c1c}.cr{color:#15803d}.section{margin-top:12px}.section h3{font-size:12px;margin:0 0 5px;color:#0f766e}table{width:100%;border-collapse:collapse}th,td{border:1px solid #cbd5e1;padding:5px 6px;vertical-align:top}th{background:#f1f5f9;text-align:left}.n{text-align:right;font-weight:bold}.info{color:#0e7490}.foot{margin-top:12px;padding-top:7px;border-top:1px solid #cbd5e1;color:#64748b}.no-print{position:fixed;right:12px;top:12px;background:#2563eb;color:#fff;border:0;border-radius:6px;padding:9px 12px;font-weight:bold}@media print{.no-print{display:none}}
body{font-family:Arial;padding:24px;color:#111}h1{font-size:22px;margin:0}.top{display:flex;justify-content:space-between;border-bottom:2px solid #111;padding-bottom:12px}.box{margin:15px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}table{width:100%;border-collapse:collapse}th,td{border:1px solid #bbb;padding:8px;font-size:12px}th{background:#f3f4f6}.total{text-align:right;font-weight:900;margin-top:10px}
/* FrameQ v2.1.134 smart Drawing save state */
.mobile-save-btn.is-saving{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;cursor:wait!important;opacity:.94!important;white-space:nowrap!important}
.mobile-save-btn.is-saving:disabled{filter:none!important}
.frameq-save-spinner{display:inline-block;width:15px;height:15px;flex:0 0 15px;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:50%;animation:frameqSaveSpin .72s linear infinite}
@keyframes frameqSaveSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.frameq-save-spinner{width:14px;height:14px;flex-basis:14px}.mobile-save-btn.is-saving{gap:5px!important}}


/* FRAMEQ_V146_CATALOG_VERTICAL_SCROLL
   Stable v144 catalog persistence base. Desktop Catalog Admin uses one clear
   vertical scroll area so every series card remains reachable. */
@media (min-width:761px){
  .frameq-catalog-admin-shell{
    width:100%!important;
    height:calc(100dvh - 94px)!important;
    max-height:calc(100dvh - 94px)!important;
    min-height:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .frameq-catalog-admin-head,
  .frameq-catalog-admin-shell > .frameq-users-card{
    flex:0 0 auto!important;
  }
  .frameq-catalog-admin-body{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:scroll!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    scrollbar-gutter:stable!important;
    touch-action:pan-y!important;
  }
  .frameq-catalog-admin-body > .catalog-page{
    height:auto!important;
    max-height:none!important;
    min-height:100%!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    padding-bottom:72px!important;
  }
  .frameq-catalog-admin-body > .catalog-page .catalog-stage{
    padding-bottom:72px!important;
  }
}


/* v2.1.163 — Report modal must use the full viewport and its body must always scroll. */
.design-detail-back{
  align-items:flex-start!important;
  justify-content:center!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  padding:10px!important;
}
.design-detail-modal{
  width:min(1180px,calc(100vw - 20px))!important;
  max-width:none!important;
  height:calc(100dvh - 20px)!important;
  max-height:calc(100dvh - 20px)!important;
  min-height:0!important;
  margin:auto!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.design-detail-head{
  flex:0 0 42px!important;
  min-height:42px!important;
  position:relative!important;
  z-index:4!important;
}
.design-detail-body{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:scroll!important;
  overflow-x:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable both-edges!important;
  touch-action:pan-x pan-y!important;
  outline:none!important;
}
.design-detail-table{
  min-width:780px!important;
}
.design-detail-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
}
.design-cost-ok,.design-cost-no{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:38px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  font-weight:900!important;
  line-height:1.1!important;
}
.design-cost-ok{background:#dcfce7!important;color:#166534!important;border:1px solid #86efac!important}
.design-cost-no{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fca5a5!important}
@media(max-width:900px){
  .design-detail-back{padding:4px!important}
  .design-detail-modal{width:calc(100vw - 8px)!important;height:calc(100dvh - 8px)!important;max-height:calc(100dvh - 8px)!important;border-radius:7px!important}
  .design-detail-body{padding:8px!important}
}


/* v2.1.164 — Correct fix: the three ERP pages need their own viewport-height
   scroll container because the application shell intentionally keeps body locked. */
.work-progress-page,
.ledger-page,
.account-page-v292{
  box-sizing:border-box!important;
  width:100%!important;
  height:calc(100dvh - 94px)!important;
  max-height:calc(100dvh - 94px)!important;
  min-height:0!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
  touch-action:pan-y!important;
  position:relative!important;
  padding-bottom:48px!important;
}

/* Make sure no inherited flex/min-height rule prevents the page itself from shrinking. */
#root > div:not(.top):not(.tabs):not(.toast) > .work-progress-page,
#root > div:not(.top):not(.tabs):not(.toast) > .ledger-page,
#root > div:not(.top):not(.tabs):not(.toast) > .account-page-v292{
  flex:0 0 auto!important;
  align-self:stretch!important;
}

@media(max-width:768px){
  .work-progress-page,
  .ledger-page,
  .account-page-v292{
    height:calc(100dvh - 110px)!important;
    max-height:calc(100dvh - 110px)!important;
    padding-bottom:88px!important;
  }
}


/* v2.1.166 — customer-owned WhatsApp Business connection */
.frameq-wa-account-card{border:1px solid #bbf7d0!important;background:linear-gradient(180deg,#f0fdf4,#fff)!important}
.frameq-wa-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px;margin:10px 0 14px}
.frameq-wa-mode-grid>label{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;cursor:pointer}
.frameq-wa-mode-grid>label.active{border-color:#16a34a;box-shadow:0 0 0 2px rgba(22,163,74,.12)}
.frameq-wa-mode-grid>label.disabled{opacity:.58;cursor:not-allowed}
.frameq-wa-mode-grid input{margin-top:3px}
.frameq-wa-mode-grid span{display:flex;flex-direction:column;gap:4px}
.frameq-wa-mode-grid small{font-size:11px;color:#64748b;line-height:1.35}
.frameq-wa-status-box{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;padding:12px;border-radius:9px;background:#f8fafc;border:1px solid #cbd5e1}
.frameq-wa-status-box.connected{background:#ecfdf5;border-color:#86efac}
.frameq-wa-status-box>div{display:flex;flex-direction:column;gap:4px}
.frameq-wa-status-box span{font-size:11px;color:#64748b;font-weight:700}
.frameq-wa-status-box b{font-size:13px;color:#0f172a;word-break:break-word}
.frameq-wa-status-box b.good{color:#15803d}.frameq-wa-status-box b.warn{color:#b45309}
.frameq-wa-actions{margin-top:12px!important}.frameq-wa-actions button{min-width:150px}
.frameq-wa-error{margin-top:10px;padding:9px 11px;border-radius:7px;background:#fff1f2;color:#be123c;font-size:12px;font-weight:700}
.frameq-wa-plan-note,.frameq-wa-security-note{margin-top:10px;padding:9px 11px;border-radius:7px;background:#eff6ff;color:#1e3a8a;font-size:12px;line-height:1.45}
.progress-whatsapp-manual{background:#16a34a!important;color:#fff!important;border:0!important}
@media(max-width:800px){.frameq-wa-mode-grid{grid-template-columns:1fr}.frameq-wa-status-box{grid-template-columns:1fr 1fr}}

/* v2.1.168: REPORT click immediate loading circle until report popup is ready */
.frameq-report-loading-back{
  position:fixed!important;inset:0!important;z-index:2147483000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(15,23,42,.34)!important;backdrop-filter:blur(1.5px);
  cursor:wait!important;
}
.frameq-report-loading-card{
  min-width:210px;max-width:88vw;padding:18px 22px;border-radius:14px;
  background:#fff;color:#0f172a;box-shadow:0 18px 55px rgba(15,23,42,.35);
  display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;
  font-family:Arial,Helvetica,sans-serif;
}
.frameq-report-loading-card b{font-size:15px;line-height:1.2}
.frameq-report-loading-card small{font-size:11px;color:#64748b;font-weight:700}
.frameq-report-loading-ring{
  width:42px;height:42px;border-radius:50%;
  border:4px solid #cbd5e1;border-top-color:#0ea5e9;
  animation:frameqReportSpin .7s linear infinite;
}
.frameq-report-button-spinner{
  display:inline-block;width:12px;height:12px;flex:0 0 12px;border-radius:50%;
  border:2px solid rgba(7,89,133,.25);border-top-color:#075985;
  animation:frameqReportSpin .7s linear infinite;
}
.ac-window-report.is-loading{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}
.ac-window-report:disabled{cursor:wait!important;opacity:.76!important}
@keyframes frameqReportSpin{to{transform:rotate(360deg)}}

.frameq-managed-actions .frameq-restore-json{display:inline-flex;align-items:center;padding:7px 9px;border:0;border-radius:7px;font-size:10px;font-weight:900;cursor:pointer;background:#b45309;color:#fff;line-height:1.2}.frameq-managed-actions .frameq-restore-json:has(input:disabled){opacity:.55;cursor:not-allowed}

.frameq-managed-actions .frameq-restore-json{background:#7c3aed!important;white-space:nowrap}

/* v176: clean status + parameter copy + bead range */
.copy-all-param-btn{margin-left:8px;background:#e0f2fe!important;color:#075985!important;border:1px solid #7dd3fc!important}.ac-action-copy-scope{background:#ede9fe!important;color:#5b21b6!important;border-color:#c4b5fd!important}.param-copy-modal{max-width:560px}.param-copy-modal .edit-form{grid-template-columns:1fr 1fr}.param-copy-modal .edit-field.wide{grid-column:span 1}.sys-mini-table th{white-space:nowrap}.option-add-grid input[placeholder="thickness mm"]{min-width:120px}

/* v177: persistent glass thickness sync + fixed/sash bead range labels */
.copy-all-param-btn{margin-left:8px;background:#e0f2fe!important;color:#075985!important;border:1px solid #7dd3fc!important}.ac-action-copy-scope{background:#ede9fe!important;color:#5b21b6!important;border-color:#c4b5fd!important}.param-copy-modal{max-width:560px}.param-copy-modal .edit-form{grid-template-columns:1fr 1fr}.param-copy-modal .edit-field.wide{grid-column:span 1}.sys-mini-table th{white-space:nowrap}.option-add-grid input[placeholder="thickness mm"]{min-width:120px}.material-table-scroll table{min-width:1120px}
/* Bead rows have an extra Glass Thickness Range column. Keep card labels aligned. */
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(6),
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(6){display:flex!important}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(4)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(4)::before{content:'Glass Thk Range'!important}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(5)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(5)::before{content:'Section Type'!important}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(6)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(6)::before{content:'Calc Rule'!important}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(7)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(7)::before{content:'Position'!important}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(8)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(8)::before{content:'Tag'!important}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(9)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(9)::before{content:'End Cutting'!important}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(10)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(10)::before{content:'Rule'!important}

/* Parameter page owns the remaining app height; only its body scrolls. */
#root{
  height:100dvh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.frameq-page-host{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
}
.frameq-page-host.frameq-system-host{
  display:flex;
  overflow:hidden;
}
.frameq-page-host:has(.frameq-catalog-admin-shell.is-design){
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
}
.frameq-catalog-admin-shell.is-design{
  flex:1 1 0!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
}
.frameq-catalog-admin-body.is-design{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.frameq-catalog-admin-body.is-design > .system-design{
  flex:1 1 auto!important;
  height:100%!important;
  min-height:0!important;
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.frameq-catalog-admin-body.is-design > .system-design > .system-bar{
  flex:0 0 auto!important;
}
.frameq-catalog-admin-body.is-design > .system-design.bottom-closed > .system-canvas-zone{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
.frameq-catalog-admin-body.is-design > .system-design.bottom-closed > .system-canvas-zone > .page{
  height:100%!important;
  min-height:0!important;
}
.frameq-catalog-admin-body.is-design > .system-design.bottom-closed .side{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.frameq-catalog-admin-body.is-design > .system-design.bottom-closed .canvas-wrap,
.frameq-catalog-admin-body.is-design > .system-design.bottom-closed .props{
  height:100%!important;
  min-height:0!important;
}
.system-design.bottom-open{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow-y:hidden!important;
  overflow-x:hidden!important;
}
.system-design.bottom-open .system-bar{flex:0 0 auto!important;}
.system-design.bottom-open .system-bottom.is-open{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
}
.system-design.bottom-open .system-bottom.is-open .sys-tab-body{
  flex:0 0 auto!important;
  width:100%!important;
  box-sizing:border-box!important;
}

/* Fixed Bead / Sash Bead have one extra data cell: Glass Thickness Range. */
@media (min-width:1101px){
  .system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"],
  .system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"]{
    overflow-x:auto!important;
    overflow-y:auto!important;
    max-height:520px!important;
  }
  .system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table,
  .system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table{
    display:block!important;
    width:100%!important;
    min-width:1160px!important;
  }
  .system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table tbody,
  .system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table tbody{
    display:block!important;
    width:100%!important;
    min-width:1160px!important;
  }
  .system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table tr,
  .system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table tr{
    display:grid!important;
    grid-template-columns:30px 100px 128px 82px 94px 145px 102px 58px 82px minmax(150px,1fr) 178px!important;
    min-width:1160px!important;
    width:100%!important;
    align-items:stretch!important;
  }
  .system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td,
  .system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td{
    display:flex!important;
    min-width:0!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  .system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(6),
  .system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(6){display:flex!important;}
  .system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td.row-actions-cell,
  .system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td.row-actions-cell{
    position:static!important;
    right:auto!important;
    min-width:0!important;
    width:auto!important;
    box-shadow:none!important;
    padding:6px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .inline-row-actions,
  .system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .inline-row-actions{
    width:100%!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
  }
}

.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(2)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(2)::before{content:'Section Code'!important;}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(3)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(3)::before{content:'Item Name'!important;}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(4)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(4)::before{content:'Glass Thk Range'!important;}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(5)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(5)::before{content:'Section Type'!important;}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(6)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(6)::before{content:'Calc Rule'!important;}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(7)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(7)::before{content:'Position'!important;}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(8)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(8)::before{content:'Tag'!important;}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(9)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(9)::before{content:'End Cutting'!important;}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(10)::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(10)::before{content:'Rule'!important;}
.system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td.row-actions-cell::before,
.system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td.row-actions-cell::before{content:'Actions'!important;}

@media (max-width:1100px){
  .system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td:nth-child(6),
  .system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td:nth-child(6){display:flex!important;}
  .system-design.bottom-open .sys-table-wrap[data-param-table="fixedBead"] .sys-mini-table td.row-actions-cell,
  .system-design.bottom-open .sys-table-wrap[data-param-table="sashBead"] .sys-mini-table td.row-actions-cell{
    position:static!important;
    min-width:0!important;
    width:100%!important;
    box-shadow:none!important;
    grid-column:2 / -1!important;
  }
}