:root{--spagna-blue-50:#eff5ff;--spagna-blue-100:#e0ebff;--spagna-blue-200:#c2d7ff;--spagna-blue-300:#94bbff;--spagna-blue-400:#669cff;--spagna-blue-500:#3b7fff;--spagna-blue-600:#085dfb;--spagna-blue-700:#0b52db;--spagna-blue-800:#0b43ad;--spagna-blue-900:#0b3888;--spagna-blue-950:#08244a;--spagna-white:#fff;--spagna-canvas:#f7f9fc;--spagna-surface:#fff;--spagna-surface-subtle:#eaf2ff;--spagna-border:#d8e0eb;--spagna-text-muted:#667085;--spagna-text:#344054;--spagna-heading:#08244a;--spagna-midnight:#071b37;--spagna-success:#0e9f6e;--spagna-warning:#d97706;--spagna-danger:#d92d20;--spagna-info:#085dfb;--color-background:var(--spagna-canvas);--color-surface:var(--spagna-surface);--color-text:var(--spagna-text);--color-heading:var(--spagna-heading);--color-muted:var(--spagna-text-muted);--color-border:var(--spagna-border);--color-primary:var(--spagna-blue-600);--color-primary-action:var(--spagna-blue-700);--color-primary-hover:var(--spagna-blue-800);--color-focus-ring:#085dfb59;--color-dark-background:var(--spagna-midnight);--color-dark-text:var(--spagna-blue-50);--font-brand:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-brand:0 16px 40px #08244a1f}[data-theme=dark]{--color-background:#071b37;--color-surface:#0d2a52;--color-text:#c9d8ef;--color-heading:#fff;--color-muted:#94a9c7;--color-border:#23466f;--color-primary:#4d8bff;--color-primary-action:#3b7fff;--color-primary-hover:#669cff}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--ui-color-canvas:var(--spagna-canvas);--ui-color-surface:var(--spagna-surface);--ui-color-surface-soft:var(--spagna-surface-subtle);--ui-color-brand:var(--spagna-blue-600);--ui-color-primary:var(--spagna-blue-700);--ui-color-primary-strong:var(--spagna-blue-800);--ui-color-primary-ink:var(--spagna-white);--ui-color-heading:var(--spagna-heading);--ui-color-text:var(--spagna-text);--ui-color-muted:var(--spagna-text-muted);--ui-color-border:var(--spagna-border);--ui-color-danger:#b42318;--ui-color-success:#147d64;--ui-font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ui-text-xs:.75rem;--ui-text-sm:.875rem;--ui-text-md:1rem;--ui-text-lg:1.125rem;--ui-text-xl:1.5rem;--ui-text-auth-title:1.75rem;--ui-line-body:1.55;--ui-space-1:.25rem;--ui-space-2:.5rem;--ui-space-3:.75rem;--ui-space-4:1rem;--ui-space-5:1.25rem;--ui-space-6:1.5rem;--ui-space-8:2rem;--ui-space-10:2.5rem;--ui-space-12:3rem;--ui-radius-control:.75rem;--ui-radius-card:1.375rem;--ui-control-height:2.875rem;--ui-auth-width:27rem;--ui-shadow-card:0 24px 70px #08244a1f;--ui-ring:0 0 0 3px #085dfb2e;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--ui-color-canvas);min-width:320px}body{background:var(--ui-color-canvas);min-height:100vh;color:var(--ui-color-text);font-family:var(--ui-font-sans);font-size:var(--ui-text-md);line-height:var(--ui-line-body);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--ui-color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:var(--ui-color-heading);line-height:1.2}h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,3vw,2.25rem)}h2{font-size:var(--ui-text-xl);letter-spacing:-.02em;margin:0}h3{font-size:var(--ui-text-lg);margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{box-shadow:var(--ui-ring);outline:0}.topbar{z-index:40;justify-content:space-between;align-items:center;gap:var(--ui-space-5);min-height:68px;padding:0 clamp(var(--ui-space-4), 4vw, var(--ui-space-10));border-bottom:1px solid var(--ui-color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;display:flex;position:sticky;top:0}.topbar__leading,.topbar__actions,.brand{align-items:center;display:flex}.topbar__leading{gap:var(--ui-space-4);min-width:0}.brand{gap:var(--ui-space-3);color:var(--ui-color-heading);flex:none;font-weight:700}.brand:hover{text-decoration:none}.brand__wordmark{width:140px;height:auto}.brand__symbol{width:40px;height:40px;display:none}.brand span{padding-left:var(--ui-space-3);border-left:1px solid var(--ui-color-border);font-size:var(--ui-text-sm)}.tenant-chip{background:var(--ui-color-surface-soft);max-width:min(32vw,320px);color:var(--ui-color-muted);font-size:var(--ui-text-xs);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:5px 10px;font-weight:700;overflow:hidden}.topbar__actions{gap:var(--ui-space-3)}.identity{max-width:240px;color:var(--ui-color-muted);font-size:var(--ui-text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-menu{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-control);background:var(--ui-color-surface);min-height:38px;color:var(--ui-color-heading);cursor:pointer;padding:0 12px;font-weight:700;display:none}.workspace-nav{border-bottom:1px solid var(--ui-color-border);background:var(--ui-color-surface)}.workspace-nav__inner{align-items:center;gap:var(--ui-space-1);max-width:1200px;padding:0 clamp(var(--ui-space-4), 4vw, var(--ui-space-8));scrollbar-width:none;margin:0 auto;display:flex;overflow-x:auto}.workspace-nav__inner::-webkit-scrollbar{display:none}.workspace-nav a{min-height:48px;color:var(--ui-color-muted);font-size:var(--ui-text-sm);white-space:nowrap;border-bottom:2px solid #0000;padding:14px 12px 12px;font-weight:600}.workspace-nav a:hover{color:var(--ui-color-primary);text-decoration:none}.workspace-nav a[aria-current=page]{border-bottom-color:var(--ui-color-primary);color:var(--ui-color-primary)}.workspace-nav__spacer{flex:1 0 var(--ui-space-4)}.page-shell{width:min(1200px,100%);padding:var(--ui-space-10) clamp(var(--ui-space-4), 4vw, var(--ui-space-8)) var(--ui-space-12);margin:0 auto}.page-heading{justify-content:space-between;align-items:flex-end;gap:var(--ui-space-8);margin-bottom:var(--ui-space-8);display:flex}.page-heading--wide{margin-top:var(--ui-space-6)}.page-heading p:not(.eyebrow){max-width:680px;margin:var(--ui-space-2) 0 0;color:var(--ui-color-muted)}.eyebrow{margin:0 0 var(--ui-space-2);color:var(--ui-color-primary);font-size:var(--ui-text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.button{min-height:var(--ui-control-height);justify-content:center;align-items:center;gap:var(--ui-space-2);padding:0 var(--ui-space-5);border-radius:var(--ui-radius-control);background:var(--ui-color-surface);color:var(--ui-color-heading);cursor:pointer;font-size:var(--ui-text-sm);border:1px solid #0000;font-weight:700;line-height:1;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.button:hover{text-decoration:none}.button:active{transform:translateY(1px)}.button:disabled{opacity:.58;cursor:not-allowed;transform:none}.button--primary{background:var(--ui-color-primary);color:var(--ui-color-primary-ink)}.button--primary:hover{background:var(--ui-color-primary-strong)}.button--quiet{border-color:var(--ui-color-border);background:var(--ui-color-surface)}.button--quiet:hover{border-color:var(--ui-color-brand);background:var(--ui-color-surface-soft)}.button--danger{color:var(--ui-color-danger);background:#fff5f4;border-color:#f2bbb5}.button--danger:hover{background:#feeceb}.button--small{min-height:36px;padding:0 var(--ui-space-4);font-size:var(--ui-text-xs)}.button--block{width:100%}.button-row{align-items:center;gap:var(--ui-space-3);flex-wrap:wrap;display:flex}.tenant-grid{gap:var(--ui-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tenant-card{align-items:center;gap:var(--ui-space-4);min-width:0;padding:var(--ui-space-6);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-card);background:var(--ui-color-surface);transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 8px 30px #08244a0f}.tenant-card:hover{box-shadow:var(--ui-shadow-card);border-color:#a8c6fb;text-decoration:none;transform:translateY(-2px)}.tenant-card__mark{background:var(--ui-color-surface-soft);width:48px;height:48px;color:var(--ui-color-primary);font-size:var(--ui-text-xl);border-radius:15px;flex:0 0 48px;place-items:center;font-weight:700;display:grid}.tenant-card__copy{flex:1;min-width:0;display:grid}.tenant-card__copy strong{color:var(--ui-color-heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tenant-card__copy small{color:var(--ui-color-muted)}.tenant-card__action{color:var(--ui-color-primary);font-size:var(--ui-text-sm);font-weight:700}.metric-grid{gap:var(--ui-space-4);margin-bottom:var(--ui-space-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric-grid article{gap:var(--ui-space-2);padding:var(--ui-space-5);border:1px solid var(--ui-color-border);background:var(--ui-color-surface);border-radius:16px;display:grid}.metric-grid span{color:var(--ui-color-muted);font-size:var(--ui-text-xs);font-weight:700}.metric-grid strong{color:var(--ui-color-heading);font-size:var(--ui-text-xl)}.filter-tabs{gap:var(--ui-space-2);margin-bottom:var(--ui-space-4);scrollbar-width:none;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs a{border:1px solid var(--ui-color-border);background:var(--ui-color-surface);color:var(--ui-color-muted);font-size:var(--ui-text-xs);border-radius:999px;flex:none;padding:8px 13px;font-weight:700}.filter-tabs a:hover,.filter-tabs a[aria-current=page]{background:var(--ui-color-surface-soft);color:var(--ui-color-primary);border-color:#b8cef5;text-decoration:none}.table-card{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-card);background:var(--ui-color-surface);overflow:hidden;box-shadow:0 8px 28px #08244a0d}table{border-collapse:collapse;width:100%}th{color:var(--ui-color-muted);font-size:var(--ui-text-xs);letter-spacing:.04em;text-align:left;text-transform:uppercase;background:#fbfcfe;padding:13px 18px}td{border-top:1px solid var(--ui-color-border);color:var(--ui-color-text);font-size:var(--ui-text-sm);padding:17px 18px}td strong,td small{display:block}td strong{color:var(--ui-color-heading)}td small{color:var(--ui-color-muted);margin-top:2px}.align-right{text-align:right}.row-link{text-align:right;width:72px}.row-link a{font-weight:700}.status{font-size:var(--ui-text-xs);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-weight:700;display:inline-flex}.status--neutral{color:#475467;background:#eef2f6}.status--info{color:#0b52db;background:#eaf2ff}.status--success{color:var(--ui-color-success);background:#e8f7f3}.status--danger{color:var(--ui-color-danger);background:#feeceb}.status--warning{color:#9a6200;background:#fff4df}.empty-state{justify-items:start;gap:var(--ui-space-3);max-width:720px;margin:var(--ui-space-8) auto;padding:clamp(var(--ui-space-8), 6vw, var(--ui-space-12));border-radius:var(--ui-radius-card);text-align:left;background:#ffffffbd;border:1px dashed #b9c8da;display:grid}.empty-state p{color:var(--ui-color-muted);margin:0}.empty-state--compact{max-width:none;margin:0}.alert{align-items:flex-start;gap:var(--ui-space-2);margin-bottom:var(--ui-space-5);padding:var(--ui-space-4);border-radius:var(--ui-radius-control);font-size:var(--ui-text-sm);border:1px solid;display:flex}.alert strong{color:inherit}.alert--danger{color:var(--ui-color-danger);background:#fff3f2;border-color:#f1c0bb}.alert--success{color:var(--ui-color-success);background:#effaf7;border-color:#b9e1d7}.alert--info{background:var(--ui-color-surface-soft);color:var(--ui-color-primary);border-color:#c2d7ff}.card{padding:var(--ui-space-6);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-card);background:var(--ui-color-surface);box-shadow:0 8px 28px #08244a0d}.stack{gap:var(--ui-space-4);display:grid}.field{gap:var(--ui-space-2);color:var(--ui-color-muted);font-size:var(--ui-text-sm);margin:0;font-weight:600;display:grid}input,select,textarea{width:100%;min-height:var(--ui-control-height);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-control);background:var(--ui-color-surface);color:var(--ui-color-text);font-size:var(--ui-text-sm);outline:0;padding:10px 12px}textarea{resize:vertical;min-height:112px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--ui-color-brand);box-shadow:var(--ui-ring)}input::placeholder,textarea::placeholder{color:#98a2b3}.field-grid{gap:var(--ui-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.field-hint{color:var(--ui-color-muted);font-size:var(--ui-text-xs);margin:-4px 0 0;font-weight:400}.field-error{color:var(--ui-color-danger);font-size:var(--ui-text-xs);margin:-4px 0 0;font-weight:600}input[aria-invalid=true]{border-color:var(--ui-color-danger)}.auth-page{background:radial-gradient(circle at 15% 10%, #eaf2ff 0, transparent 34%), var(--ui-color-canvas)}.auth-shell{min-height:100vh;padding:var(--ui-space-6);place-items:center;display:grid}.auth-card{width:min(100%, var(--ui-auth-width));padding:var(--ui-space-8);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-card);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-card)}.auth-brand{align-items:center;gap:var(--ui-space-3);margin-bottom:var(--ui-space-8);color:var(--ui-color-heading);font-size:var(--ui-text-sm);font-weight:700;display:flex}.auth-brand:hover{text-decoration:none}.auth-brand img{width:144px;height:auto}.auth-brand span{padding-left:var(--ui-space-3);border-left:1px solid var(--ui-color-border)}.auth-copy{margin-bottom:var(--ui-space-6)}.auth-copy h1{font-size:var(--ui-text-auth-title)}.auth-copy p:not(.eyebrow){margin:var(--ui-space-2) 0 0;color:var(--ui-color-muted)}.toast{right:var(--ui-space-5);bottom:var(--ui-space-5);z-index:100;border-radius:var(--ui-radius-control);background:var(--ui-color-heading);color:#fff;max-width:min(380px,100vw - 32px);box-shadow:var(--ui-shadow-card);font-size:var(--ui-text-sm);opacity:0;pointer-events:none;padding:12px 16px;transition:opacity .18s,transform .18s;position:fixed;transform:translateY(10px)}.toast.is-visible{opacity:1;transform:translateY(0)}.toast.is-error{background:var(--ui-color-danger)}@media (width<=900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.identity{display:none}}@media (width<=768px){.topbar{min-height:60px;padding-inline:var(--ui-space-4)}.brand__wordmark{display:none}.brand__symbol{display:block}.brand span{display:none}.tenant-chip{max-width:38vw}.mobile-menu{align-items:center;display:inline-flex}.topbar__actions{top:calc(100% + 8px);right:var(--ui-space-4);min-width:220px;padding:var(--ui-space-4);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-control);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-card);flex-direction:column;align-items:stretch;display:none;position:absolute}.topbar__actions.is-open{display:flex}.topbar__actions .identity{max-width:none;padding-bottom:var(--ui-space-2);border-bottom:1px solid var(--ui-color-border);white-space:normal;display:block}.workspace-nav__inner{padding-inline:var(--ui-space-3)}.workspace-nav__spacer{display:none}.page-shell{padding-top:var(--ui-space-8)}.page-heading{align-items:stretch;gap:var(--ui-space-5);flex-direction:column}.page-heading>.button{width:100%}.tenant-grid{grid-template-columns:1fr}.table-card{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.quote-list table,.quote-list tbody{gap:var(--ui-space-3);display:grid}.quote-list thead{display:none}.quote-list tr{gap:var(--ui-space-3);padding:var(--ui-space-4);border:1px solid var(--ui-color-border);background:var(--ui-color-surface);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quote-list td{border:0;align-content:start;padding:0;display:grid;text-align:left!important}.quote-list td:before{content:attr(data-label);color:var(--ui-color-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px;font-size:.66rem;font-weight:700}.quote-list td.row-link{width:auto;padding-top:var(--ui-space-3);border-top:1px solid var(--ui-color-border);grid-column:1/-1}.quote-list td.row-link:before{display:none}.quote-list td.row-link a{border-radius:var(--ui-radius-control);background:var(--ui-color-surface-soft);justify-content:center;align-items:center;min-height:40px;display:inline-flex}.field-grid,.field-grid--three{grid-template-columns:1fr}}@media (width<=480px){.page-shell{padding-inline:var(--ui-space-4)}.metric-grid{gap:var(--ui-space-3);grid-template-columns:1fr 1fr}.metric-grid article,.tenant-card{padding:var(--ui-space-4)}.tenant-card__mark{flex-basis:42px;width:42px;height:42px}.tenant-card__action{display:none}.auth-shell{padding:var(--ui-space-4)}.auth-card{padding:var(--ui-space-6)}tr{grid-template-columns:1fr}td.row-link{grid-column:1}.button-row{flex-direction:column;align-items:stretch}.button-row .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.editor-grid{align-items:start;gap:var(--ui-space-5);grid-template-columns:minmax(0,1fr) 320px;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:var(--ui-space-4);display:flex}.section-heading .eyebrow{margin-bottom:3px}.required-note{color:var(--ui-color-muted);font-size:var(--ui-text-xs)}.inline-note{border-radius:var(--ui-radius-control);background:var(--ui-color-surface-soft);color:var(--ui-color-muted);font-size:var(--ui-text-xs);margin:0;padding:11px 13px}.quote-items{gap:var(--ui-space-4);display:grid}.quote-item{gap:var(--ui-space-3);padding:var(--ui-space-4);border:1px solid var(--ui-color-border);background:#fbfcfe;border-radius:16px;display:grid}.quote-item__heading{justify-content:space-between;align-items:center;display:flex}.quote-item__heading strong{color:var(--ui-color-heading);font-size:var(--ui-text-sm)}.quote-item__numbers{gap:var(--ui-space-3);grid-template-columns:minmax(90px,.6fr) repeat(2,minmax(130px,1fr));display:grid}.quote-item__total{justify-content:flex-end;gap:var(--ui-space-3);color:var(--ui-color-muted);font-size:var(--ui-text-sm);margin:0;display:flex}.quote-item__total strong{color:var(--ui-color-heading)}.text-button{color:var(--ui-color-primary);cursor:pointer;font-size:var(--ui-text-xs);background:0 0;border:0;padding:3px;font-weight:700}.text-button:hover{text-decoration:underline}.text-button--danger{color:var(--ui-color-danger)}.editor-summary{gap:var(--ui-space-4);display:grid;position:sticky;top:136px}.editor-summary h2{margin-top:-8px}.totals{gap:var(--ui-space-3);margin:0;display:grid}.totals div{justify-content:space-between;gap:var(--ui-space-4);display:flex}.totals dt{color:var(--ui-color-muted);font-size:var(--ui-text-sm)}.totals dd{color:var(--ui-color-heading);font-size:var(--ui-text-sm);margin:0;font-weight:700}.totals__grand{padding-top:var(--ui-space-4);border-top:1px solid var(--ui-color-border)}.totals__grand dt,.totals__grand dd{color:var(--ui-color-heading);font-size:var(--ui-text-lg)}.summary-note{color:var(--ui-color-muted);font-size:var(--ui-text-xs);margin:0}.editor-message,.action-message,.catalog-message,.form-footer p{min-height:20px;color:var(--ui-color-success);font-size:var(--ui-text-xs);margin:0}.editor-message.is-error,.action-message.is-error,.catalog-message.is-error,.form-footer p.is-error{color:var(--ui-color-danger)}.action-message:empty{display:none}.action-dialog{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-card);background:var(--ui-color-surface);width:min(520px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ui-color-text);margin:auto;padding:0;overflow:auto;box-shadow:0 24px 80px #08244a3d}.action-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0818307a}.action-dialog__surface{gap:var(--ui-space-6);padding:var(--ui-space-6);margin:0;display:grid}.action-dialog__copy{gap:var(--ui-space-2);display:grid}.action-dialog__copy .eyebrow,.action-dialog__copy p{margin:0}.action-dialog__copy p:not(.eyebrow){color:var(--ui-color-muted)}.action-dialog__actions{justify-content:flex-end}.settings-stack{gap:var(--ui-space-5);display:grid}.section-divider{border-top:1px solid var(--ui-color-border)}.form-footer{justify-content:space-between;align-items:center;gap:var(--ui-space-4);display:flex}.form-footer p{flex:1}.count-badge{color:var(--ui-color-success);font-size:var(--ui-text-xs);background:#e8f7f3;border-radius:999px;padding:5px 10px;font-weight:700}.product-create{align-items:end;gap:var(--ui-space-3);padding:var(--ui-space-4);background:var(--ui-color-surface-soft);border-radius:16px;grid-template-columns:1fr 1.5fr 100px 150px auto;display:grid}.product-create .field{min-width:0}.product-list{gap:var(--ui-space-3);display:grid}.product-row{gap:var(--ui-space-3);padding:var(--ui-space-4);border:1px solid var(--ui-color-border);background:#fbfcfe;border-radius:16px;display:grid}.product-row.is-inactive{opacity:.78;background:#f6f7f9}.product-row__heading,.product-row__footer{justify-content:space-between;align-items:center;gap:var(--ui-space-4);display:flex}.product-row__heading strong{color:var(--ui-color-heading)}.product-row__fields{gap:var(--ui-space-3);grid-template-columns:1fr 1.5fr 100px 150px;display:grid}.product-row__footer{padding-top:var(--ui-space-2);border-top:1px solid var(--ui-color-border)}.product-row__footer small{color:var(--ui-color-muted)}.quote-document{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-card);background:var(--ui-color-surface);width:100%;max-width:900px;box-shadow:var(--ui-shadow-card);margin:0 auto;overflow:hidden}.quote-document__header{justify-content:space-between;align-items:flex-start;gap:var(--ui-space-8);min-height:150px;padding:var(--ui-space-8);border-top:7px solid var(--document-brand);display:flex}.quote-document__company{align-items:flex-start;gap:var(--ui-space-4);min-width:0;display:flex}.quote-document__company img{object-fit:contain;object-position:left top;width:108px;max-height:68px}.quote-document__company-mark{background:color-mix(in srgb, var(--document-brand) 12%, white);width:56px;height:56px;color:var(--document-brand);border-radius:16px;flex:0 0 56px;place-items:center;font-size:1.5rem;font-weight:700;display:grid}.quote-document__company h1{font-size:1.45rem}.quote-document__company p{color:var(--ui-color-muted);font-size:var(--ui-text-xs);margin:3px 0 0}.quote-document__identity{text-align:right;justify-items:end;display:grid}.quote-document__identity p{color:var(--document-brand);font-size:var(--ui-text-xs);letter-spacing:.1em;text-transform:uppercase;margin:0;font-weight:700}.quote-document__identity strong{color:var(--ui-color-heading);font-size:1.75rem}.quote-document__identity span{color:var(--ui-color-muted);font-size:var(--ui-text-xs);margin-top:3px;font-weight:700}.quote-document__meta{gap:var(--ui-space-4);padding:var(--ui-space-5) var(--ui-space-8);background:#f8faff;grid-template-columns:1.2fr 1fr .8fr;display:grid}.quote-document__meta div{align-content:start;display:grid}.quote-document__meta span{color:var(--ui-color-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:700}.quote-document__meta strong{color:var(--ui-color-heading);font-size:var(--ui-text-sm);margin-top:3px}.quote-document__meta small{color:var(--ui-color-muted);font-size:var(--ui-text-xs)}.quote-document__items{padding:var(--ui-space-6) var(--ui-space-8)}.quote-document__items .table-card{box-shadow:none}.quote-document__items th:first-child{width:44%}.quote-document__closing{align-items:start;gap:var(--ui-space-8);padding:0 var(--ui-space-8) var(--ui-space-8);grid-template-columns:minmax(0,1fr) 280px;display:grid}.quote-document__notes{gap:var(--ui-space-4);display:grid}.quote-document__notes h2{margin-bottom:var(--ui-space-2);font-size:var(--ui-text-xs);letter-spacing:.06em;text-transform:uppercase}.quote-document__notes p{color:var(--ui-color-muted);font-size:var(--ui-text-xs);white-space:pre-wrap;margin:0}.quote-document__totals{gap:var(--ui-space-2);margin:0;display:grid}.quote-document__totals div{justify-content:space-between;gap:var(--ui-space-4);display:flex}.quote-document__totals dt{color:var(--ui-color-muted);font-size:var(--ui-text-sm)}.quote-document__totals dd{color:var(--ui-color-heading);font-size:var(--ui-text-sm);margin:0;font-weight:700}.quote-document__grand{margin-top:var(--ui-space-2);padding-top:var(--ui-space-3);border-top:2px solid var(--document-brand)}.quote-document__grand dt,.quote-document__grand dd{color:var(--ui-color-heading);font-size:var(--ui-text-lg)}.quote-document__footer{justify-content:space-between;align-items:flex-start;gap:var(--ui-space-5);padding:var(--ui-space-4) var(--ui-space-8);border-top:1px solid var(--ui-color-border);color:var(--ui-color-muted);font-size:.68rem;display:flex}.quote-document__footer div{gap:var(--ui-space-4);flex-wrap:wrap;display:flex}.quote-document__footer p{text-align:right;margin:0}@media (width<=1024px){.editor-grid{grid-template-columns:minmax(0,1fr) 280px}.product-create{grid-template-columns:1fr 1fr}.product-create .button{align-self:end}.product-row__fields{grid-template-columns:1fr 1fr}}@media (width<=820px){.editor-grid{grid-template-columns:1fr}.editor-summary{order:-1;position:static}.quote-document__header,.quote-document__closing{gap:var(--ui-space-5);padding-inline:var(--ui-space-5)}.quote-document__meta,.quote-document__items,.quote-document__footer{padding-inline:var(--ui-space-5)}}@media (width<=640px){.section-heading{flex-direction:column;align-items:stretch}.quote-item__numbers,.product-create,.product-row__fields{grid-template-columns:1fr}.form-footer,.product-row__footer{flex-direction:column;align-items:stretch}.form-footer .button{width:100%}.quote-document{border-radius:16px}.quote-document__header{flex-direction:column}.quote-document__identity{text-align:left;justify-items:start}.quote-document__meta,.quote-document__closing{grid-template-columns:1fr}.quote-document__footer{flex-direction:column}.quote-document__footer p{text-align:left}.quote-document__items{overflow-x:auto}.quote-document__items table{min-width:650px;display:table}.quote-document__items thead{display:table-header-group}.quote-document__items tbody{display:table-row-group}.quote-document__items tr{background:0 0;border:0;padding:0;display:table-row}.quote-document__items td{border-top:1px solid var(--ui-color-border);padding:13px 12px;display:table-cell}.quote-document__items td:before{display:none}}