@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-ext-700-normal-CS4sQkGV.woff2) format("woff2"),url(/assets/figtree-latin-ext-700-normal-BoDi4KL2.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-700-normal-th6qEP7c.woff2) format("woff2"),url(/assets/figtree-latin-700-normal-BCCt2T1q.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/figtree-latin-ext-800-normal-DLIuazCv.woff2) format("woff2"),url(/assets/figtree-latin-ext-800-normal-Cp4dEvwL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/figtree-latin-800-normal-30yxI7TZ.woff2) format("woff2"),url(/assets/figtree-latin-800-normal-B7vj2UK8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--bp-phone: 390px;--bp-pos-firm: 520px;--bp-sm: 640px;--bp-bay-2: 720px;--bp-jc-dock: 720px;--bp-refund: 760px;--bp-login-stack: 768px;--bp-tablet: 768px;--bp-login-narrow: 899px;--bp-pos: 900px;--bp-station-3: 960px;--bp-gutter-compact-max: 1023px;--bp-dense: 1024px;--bp-desk: 1280px;--bp-laptop: 1366px;--bp-md: 1600px;--bp-wide: 1920px;--bp-qhd: 2560px;--bp-ultra: 3200px;--cq-s: 560px;--cq-w: 840px;--cq-u: 1120px;--bg: #f4f6f8;--panel: #ffffff;--panel-2: #eef1f4;--surface-recessed: #e6eaee;--ink: #1a1f24;--text: var(--ink);--muted: #5c6670;--line: rgba(26, 31, 36, .12);--accent: #00acec;--accent-hot: #f4801e;--accent-dim: rgba(0, 172, 236, .14);--hot-dim: rgba(244, 128, 30, .16);--success: #15803d;--danger: #b42318;--danger-soft: #b42318;--danger-soft-bg: #fef3f2;--warm: #b54708;--warm-bg: #fffaeb;--cold: #475467;--cold-bg: #f2f4f7;--btn-ink: #ffffff;--on-accent: #ffffff;--input-bg: #ffffff;--input-ink: #1a1f24;--input-readonly-bg: #eef1f4;--input-readonly-ink: #5c6670;--overlay-soft: rgba(255, 255, 255, .72);--menu-bg: #ffffff;--font-display: "Figtree", "DM Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;color-scheme:light;font-family:var(--font-body);--topbar-h: 64px;--gutter: var(--space-6);--md-panel: clamp(360px, 32%, 480px);--md-gap: var(--space-5);--row-compact: .3rem;--hit-target: 44px;--hit-target-lg: 48px;--page-form-max: 560px;--page-form-2col-max: 1040px;--jc-dock-pad: var(--space-3) var(--space-4);--data-table-pad-y: .55rem;--density-cozy-pad: var(--space-4);--density-compact-pad: var(--space-3);--radius-pill: 999px;--btn-pad-primary: var(--space-3) var(--space-4);--btn-pad-secondary: var(--space-2) var(--space-3);--btn-pad-small: var(--space-1) var(--space-3);--btn-height: var(--hit-target);--btn-height-sm: 32px;--btn-font: var(--font-size-md);--btn-font-sm: var(--font-size-xs);--btn-radius: var(--radius-md);--btn-radius-sm: var(--radius-pill);--link: var(--ink);--link-nav: var(--muted)}@media(max-width:1023px){:root{--gutter: var(--space-4)}}@media(min-width:1920px){:root{--gutter: var(--space-7)}}@media(min-width:2560px){:root{--gutter: var(--space-8)}}.ui-panel{--ui-panel-pad: var(--density-cozy-pad);box-sizing:border-box;display:flex;flex-direction:column;height:auto;min-height:0;min-width:0;padding:var(--ui-panel-pad);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);gap:var(--space-3);container-type:inline-size;transition:border-color .18s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.ui-panel[data-stretch]{align-self:stretch;height:100%}@media(prefers-reduced-motion:no-preference){.ui-panel{animation:ui-panel-in .35s cubic-bezier(.22,1,.36,1) both}.ui-row>.ui-panel:nth-child(2){animation-delay:.06s}.ui-row>.ui-panel:nth-child(3){animation-delay:.12s}}@keyframes ui-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ui-panel{animation:none;transition:none}}.ui-panel[data-density=compact]{--ui-panel-pad: var(--density-compact-pad)}.ui-panel[data-density=cozy]{--ui-panel-pad: var(--density-cozy-pad)}.ui-panel-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-shrink:0}.ui-panel-header-main{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.ui-panel-title{margin:0;font-family:var(--font-display);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:var(--font-size-xl);color:var(--ink)}.ui-panel-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;width:100%;gap:var(--space-3)}.ui-panel-body[hidden]{display:none}.ui-panel-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.ui-panel-peek{margin-left:auto;font-size:var(--font-size-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted)}.ui-panel-chev{flex-shrink:0;margin-left:auto;color:var(--muted);transition:transform .18s ease}.ui-panel-peek+.ui-panel-chev{margin-left:0}.ui-panel[data-open=false] .ui-panel-chev{transform:rotate(-90deg)}@media(prefers-reduced-motion:reduce){.ui-panel-chev{transition:none}}.ui-panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);flex-shrink:0}.ui-row{display:grid;align-items:start;gap:var(--space-5);width:100%;min-width:0;grid-template-columns:var(--ui-row-cols, 1fr)}.ui-row[data-md]{--ui-row-cols: minmax(0, 1fr)}.ui-row[data-md]>.ui-md-detail{display:none;min-width:0}.ui-row[data-md=open]>.ui-md-list{display:none}.ui-row[data-md=open]>.ui-md-detail{display:flex}@media(min-width:1600px){.ui-row[data-md]{--ui-row-cols: minmax(0, 1fr) var(--md-panel)}.ui-row[data-md]>.ui-md-list,.ui-row[data-md=open]>.ui-md-list,.ui-row[data-md]>.ui-md-detail{display:flex}}.ui-md-empty{color:var(--muted);text-align:center;margin:auto;padding:var(--space-6)}.ui-stack{display:flex;flex-direction:column;gap:var(--ui-stack-gap, var(--space-4));min-width:0;width:100%}.ui-stack[data-page]{box-sizing:border-box;padding-inline:var(--gutter);padding-block:var(--space-4);max-width:100%;container-type:inline-size;container-name:page}.ui-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-cluster-gap, var(--space-3));min-width:0}.ui-cluster[data-justify=between]{justify-content:space-between}.ui-cluster[data-align=start]{align-items:flex-start}.ui-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:var(--font-size-xs)}.ui-field-label{color:inherit}.ui-field-control{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.ui-field-control input,.ui-field-control select,.ui-field-control textarea{border:1px solid var(--line);background:var(--input-bg);color:var(--input-ink);text-transform:none;letter-spacing:normal;border-radius:var(--radius-md);min-height:var(--hit-target-lg);padding:var(--space-3) var(--space-3);font-size:var(--font-size-md);width:100%;box-sizing:border-box}.ui-field-control textarea{min-height:96px;resize:vertical}.ui-field-control input:read-only{color:var(--input-readonly-ink);cursor:default;background:var(--input-readonly-bg)}.ui-field-error{margin:0;color:var(--danger-soft);text-transform:none;letter-spacing:normal;font-size:var(--font-size-sm)}.ui-field .autocomplete{width:100%;position:relative}.ui-field .autocomplete>input{width:100%;padding-right:5.8rem}.ui-field .autocomplete-loading{color:var(--muted);letter-spacing:normal;text-transform:none;pointer-events:none;font-size:var(--font-size-xs);position:absolute;top:50%;right:var(--space-3);transform:translateY(-50%)}.ui-field .autocomplete-menu{z-index:30;border:1px solid var(--line);background:var(--menu-bg);border-radius:var(--radius-md);max-height:260px;padding:var(--space-1);position:absolute;top:calc(100% + var(--space-1));left:0;right:0;overflow-y:auto;box-shadow:0 16px 36px #00000073}.ui-field .autocomplete-menu button{width:100%;color:var(--ink);text-align:left;background:transparent;border:0;border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--font-size-md);line-height:1.35;display:block}.ui-field .autocomplete-menu button:hover,.ui-field .autocomplete-menu button.is-active,.ui-field .autocomplete-menu button[aria-selected=true]{color:#fff;background:#ff2d2d21}.ui-table-wrap{width:100%;overflow-x:auto;container-type:inline-size;min-width:0}.btn,.btn-add,a.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:0 0 auto;gap:var(--space-2);padding:var(--btn-pad-primary);min-height:var(--btn-height);height:var(--btn-height);font-size:var(--btn-font);border-radius:var(--btn-radius);font-weight:800;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:0;background:var(--accent);color:var(--btn-ink);cursor:pointer}a.btn{border:1px solid var(--accent)}a.btn.btn-ghost,a.btn.btn-secondary,a.btn-ghost,a.btn-secondary{border:1px solid var(--line);background:transparent;color:var(--ink)}.btn:disabled,.btn-add:disabled,.btn-ghost:disabled,.btn-secondary:disabled,.btn-danger:disabled,.btn-sm:disabled,.chip:disabled,.jc-flag-chip:disabled,.line-actions button:disabled,.price-basis-seg button:disabled,.seg button:disabled,.signout:disabled,.insights-btn:disabled,.menu-btn:disabled,.theme-toggle:disabled,.autocomplete-menu button:disabled,.line-item-results button:disabled,.lookup-results li button:disabled{opacity:.45;cursor:not-allowed}.btn-ghost,.btn-secondary,.signout,.insights-btn,.menu-btn,.theme-toggle,.side-drawer-close,.panel-x,.jc-dock .invoice-actions .btn-ghost,.jc-aside .invoice-actions .btn-ghost{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:0 0 auto;gap:var(--space-2);padding:var(--btn-pad-secondary);min-height:var(--btn-height);height:var(--btn-height);font-size:var(--btn-font);border-radius:var(--btn-radius);font-weight:700;font-family:var(--font-body);letter-spacing:.04em;text-transform:none;text-decoration:none;cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--ink)}.panel-x{border:0;color:var(--muted);font-family:var(--font-display);font-weight:800;min-width:var(--btn-height)}.btn-danger,.line-actions button.danger,button.danger{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:0 0 auto;gap:var(--space-2);padding:var(--btn-pad-secondary);min-height:var(--btn-height);height:var(--btn-height);font-size:var(--btn-font);border-radius:var(--btn-radius);font-weight:700;cursor:pointer;background:transparent;border:1px solid rgba(255,45,45,.45);color:var(--danger-soft)}.btn-sm,.chip,.jc-flag-chip,.line-actions button,.price-basis-seg button,.vehicle-detail-head .btn-small,.seg button,.autocomplete-menu button,.line-item-results button,.lookup-results li button,.pos-key-head button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:0 0 auto;gap:var(--space-1);padding:var(--btn-pad-small);min-height:var(--btn-height-sm);height:var(--btn-height-sm);font-size:var(--btn-font-sm);border-radius:var(--btn-radius-sm);font-weight:700;font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--muted)}.btn-close-card{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:0 0 auto;gap:var(--space-2);padding:var(--btn-pad-primary);min-height:var(--btn-height);height:var(--btn-height);font-size:var(--btn-font);border-radius:var(--btn-radius);font-weight:800;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:var(--accent);border:0;color:var(--btn-ink)}.btn.btn-sm{padding:var(--btn-pad-small);min-height:var(--btn-height-sm);font-size:var(--btn-font-sm);border-radius:var(--btn-radius-sm);background:var(--accent);color:var(--btn-ink);border:0}.panel-tab{box-sizing:border-box;padding:var(--btn-pad-small);min-height:var(--hit-target);font-size:var(--btn-font-sm);border-radius:0;font-family:var(--font-body);cursor:pointer}a{color:var(--link);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;font-weight:600}a:visited{color:var(--link)}a:hover{color:var(--accent-hot)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav a,.nav-primary a,.side-drawer-nav a,.side-drawer-link,.agsp-nav a,.agsp-subnav-link,.station-util a,.brand{color:var(--link-nav);font-weight:600;text-decoration:underline;text-underline-offset:3px}.nav a:visited,.nav-primary a:visited,.side-drawer-nav a:visited,.side-drawer-link:visited,.agsp-nav a:visited,.agsp-subnav-link:visited,.station-util a:visited,.brand:visited{color:var(--link-nav)}.nav a.active,.side-drawer-link.is-active,.agsp-subnav-link.is-active{color:var(--link);text-decoration-thickness:2px}a.btn,a.btn:visited,a.btn-ghost,a.btn-ghost:visited{color:inherit;text-decoration:none;font-weight:800}.ui-panel[data-measure=narrow]{max-width:var(--cq-s);width:100%}.ui-rail{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-4);min-width:0;width:100%;align-self:start;position:sticky;top:calc(var(--topbar-h) + var(--space-4));max-height:calc(100dvh - var(--topbar-h) - var(--space-4));overflow-x:hidden;overflow-y:auto;padding:var(--space-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl)}.demo-shell{position:relative;box-sizing:border-box;min-height:100vh;background:var(--bg);color:var(--ink);isolation:isolate}.demo-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 900' fill='none'%3E%3Cpath d='M-40 210 C 220 40, 480 40, 720 160 S 1180 320, 1520 120' stroke='%23F4801E' stroke-width='48' stroke-linecap='round' opacity='0.07'/%3E%3Cpath d='M1080 520 L1180 420 L1280 520 L1280 680 L1080 680 Z' stroke='%2300ACEC' stroke-width='10' opacity='0.05'/%3E%3Cpath d='M160 640 L260 520 L360 640 Z' stroke='%23F4801E' stroke-width='8' opacity='0.04'/%3E%3C/svg%3E") center top / cover no-repeat}.demo-shell>*:not(.demo-bg){position:relative;z-index:1}.demo-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--gutter);background:var(--hot-dim);color:var(--ink);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line)}.demo-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--gutter);background:var(--panel);border-bottom:1px solid var(--line);min-height:var(--topbar-h)}.demo-brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.demo-brand img{width:56px;height:72px;object-fit:contain;flex-shrink:0}.demo-brand-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.demo-brand-name{margin:0;font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.demo-shell .ui-panel-title{font-size:var(--font-size-lg)}.demo-brand-tag{margin:0;font-size:var(--font-size-sm);color:var(--muted);font-style:italic}.demo-role-switch{display:inline-flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1);background:var(--panel-2);border-radius:var(--radius-lg);border:1px solid var(--line)}.demo-role-switch .btn[aria-pressed=false]{background:transparent;color:var(--muted);border-color:transparent}.demo-role-switch .btn[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.demo-count{font-size:var(--font-size-sm);color:var(--muted);font-weight:600}.demo-count strong{color:var(--ink);font-size:var(--font-size-md)}.demo-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}.demo-pagination-meta{font-size:var(--font-size-sm);color:var(--ink);font-weight:600}.demo-pagination-page{font-size:var(--font-size-sm);color:var(--muted);font-weight:600;min-width:5.5rem;text-align:center}.demo-pagination .btn:disabled{opacity:.45;cursor:not-allowed}.demo-main{padding:var(--space-5) var(--gutter) var(--space-7)}.demo-kpi-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);width:100%;min-width:0}.demo-kpi-strip[data-cols="1"]{grid-template-columns:minmax(0,1fr)}.demo-kpi-strip[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-kpi{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;padding:var(--space-3);background:var(--panel-2);border-radius:var(--radius-md);border:1px solid var(--line);overflow-wrap:anywhere}.demo-kpi-label{font-size:var(--font-size-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700;line-height:1.25;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.demo-kpi-value{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:800;color:var(--ink);line-height:1.15;overflow-wrap:anywhere}.demo-kpi-value-sm{font-size:var(--font-size-md)}.demo-table-wrap{width:100%;overflow-x:auto}.demo-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.demo-table th{text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);white-space:nowrap}.demo-table td{padding:var(--data-table-pad-y) var(--space-3);border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink)}.demo-table tbody tr{cursor:pointer}.demo-table tbody tr:hover{background:var(--accent-dim)}.demo-table tbody tr[data-selected=true]{background:var(--accent-dim);box-shadow:inset 3px 0 0 var(--accent)}.demo-temp{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:700;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill)}.demo-temp[data-temp=hot]{color:var(--accent-hot);background:var(--hot-dim)}.demo-temp[data-temp=warm]{color:var(--warm);background:var(--warm-bg)}.demo-temp[data-temp=cold]{color:var(--cold);background:var(--cold-bg)}.demo-ageing{font-weight:600;color:var(--ink)}.demo-ageing[data-overdue=true]{color:var(--danger);font-weight:800}.demo-muted{color:var(--muted);font-size:var(--font-size-xs)}.demo-filters select,.demo-filters input,.demo-form input,.demo-form select,.demo-form textarea{width:100%;box-sizing:border-box;min-height:var(--hit-target);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--input-bg);color:var(--input-ink);font:inherit;font-size:var(--font-size-md)}.demo-form textarea{min-height:88px;resize:vertical}.demo-empty{padding:var(--space-6);text-align:center;color:var(--muted);font-size:var(--font-size-sm)}.demo-mock-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2)}.demo-wa{display:flex;flex-direction:column;gap:var(--space-2);max-height:280px;overflow-y:auto}.demo-wa-msg{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--panel-2);border:1px solid var(--line);font-size:var(--font-size-sm)}.demo-wa-msg[data-from=saanvi]{background:var(--accent-dim)}.demo-wa-msg[data-from=lead]{background:var(--hot-dim)}.demo-wa-meta{font-size:var(--font-size-xs);color:var(--muted);font-weight:700}.demo-qa{display:flex;flex-direction:column;gap:var(--space-3)}.demo-qa details{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-2);padding:var(--space-3)}.demo-qa summary{cursor:pointer;font-weight:700;font-size:var(--font-size-sm);color:var(--ink)}.demo-qa p{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--muted)}.demo-rank{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--line);font-size:var(--font-size-sm);min-width:0}.demo-rank>span,.demo-rank>strong{min-width:0;overflow-wrap:anywhere}.demo-rank:last-child{border-bottom:0}.demo-rank strong[data-inv=few-left]{color:var(--accent-hot)}.demo-rank strong[data-inv=sold-out]{color:var(--muted)}.demo-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--gutter);border-top:1px solid var(--line);background:var(--panel);font-size:var(--font-size-xs);color:var(--muted);font-weight:600;letter-spacing:.02em}.demo-history{display:flex;flex-direction:column;gap:var(--space-3)}.demo-history-item{display:flex;flex-direction:column;gap:var(--space-1);padding-left:var(--space-3);border-left:2px solid var(--accent)}.demo-side{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}@media(max-width:1023px){.demo-kpi-strip[data-cols="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-brand img{width:48px;height:62px}}@media(min-width:1366px){.demo-table{font-size:var(--font-size-md)}}@media(min-width:2560px){.demo-kpi-value{font-size:var(--font-size-2xl)}}