:root{--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg:#f7f9fc;--color-bg-soft:#f6faf7;--color-surface:#fff;--color-surface-raised:#fbfefc;--color-text:#17211b;--color-text-muted:#5e6b63;--color-text-soft:#7b8780;--color-border:#dce8e1;--color-border-strong:#bdc9c3;--color-primary:#006954;--color-primary-hover:#005141;--color-primary-soft:#e3f4ee;--color-accent:#23836c;--color-info:#0d5676;--color-info-soft:#e8f3f8;--color-success:#23836c;--color-success-soft:#e3f4ee;--color-warning:#a96200;--color-warning-soft:#fff3d8;--color-danger:#b42318;--color-danger-soft:#fde7e4;--shadow-xs:0 1px 2px #17211b08;--shadow-sm:0 4px 14px #17211b0a;--shadow-md:0 12px 32px #17211b14;--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-sheet:12px;--touch-target:44px;--mobile-bottom-nav-height:60px;--mobile-cart-bar-height:64px}[data-tenant-theme]{--brand-primary:var(--tenant-primary,var(--color-primary));--brand-primary-hover:var(--tenant-primary-hover,var(--color-primary-hover));--brand-accent:var(--tenant-accent,var(--color-accent));--color-bg:var(--tenant-bg,#f7f9fc);--color-bg-soft:var(--tenant-bg-soft,#f6faf7);--color-surface:var(--tenant-surface,#fff);--color-surface-raised:var(--tenant-surface-raised,#fbfefc);--color-text:var(--tenant-text,#17211b);--color-text-muted:var(--tenant-text-muted,#5e6b63);--color-text-soft:var(--tenant-text-soft,#7b8780);--color-border:var(--tenant-border,#dce8e1);--color-border-strong:var(--tenant-border-strong,#bdc9c3);--color-primary:var(--tenant-primary,#006954);--color-primary-hover:var(--tenant-primary-hover,#005141);--color-primary-soft:var(--tenant-primary-soft,#e3f4ee);--color-accent:var(--tenant-accent,#23836c);--color-info:var(--tenant-accent,#0d5676);--color-info-soft:var(--tenant-accent-soft,#e8f3f8);--color-success:var(--tenant-accent,#23836c);--color-success-soft:var(--tenant-accent-soft,#e3f4ee);--shadow-xs:0 1px 2px rgba(var(--tenant-shadow-rgb,23, 33, 27), .05);--shadow-sm:0 8px 24px rgba(var(--tenant-shadow-rgb,23, 33, 27), .08);--shadow-md:0 18px 44px rgba(var(--tenant-shadow-rgb,23, 33, 27), .12);--radius-sm:var(--tenant-radius,8px);--radius-md:var(--tenant-radius,8px);--radius-lg:calc(var(--tenant-radius,8px) + 4px);--radius-sheet:calc(var(--tenant-radius,8px) + 4px);--app-bg:var(--tenant-bg,var(--color-bg));--app-surface:var(--tenant-surface,var(--color-surface));--app-text:var(--tenant-text,var(--color-text));--action-bg:var(--brand-primary);--action-bg-hover:var(--brand-primary-hover);--focus-ring:var(--tenant-primary-soft,var(--color-primary-soft))}*{box-sizing:border-box}html{background:var(--app-bg,var(--color-bg));min-width:320px;color:var(--app-text,var(--color-text));font-family:var(--font-sans);font-size:13px;font-weight:400;line-height:1.45}body{background:var(--app-bg,var(--color-bg));margin:0}button,input,select,textarea{font:inherit}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.app-root{isolation:isolate;background:var(--app-bg);min-height:100vh;position:relative;overflow-x:hidden}.app-root:before{z-index:0;pointer-events:none;content:"";background:radial-gradient(circle at 18% 16%, color-mix(in srgb, var(--color-primary-soft) 58%, transparent) 0, transparent 34vw), radial-gradient(circle at 82% 42%, color-mix(in srgb, var(--color-info-soft) 64%, transparent) 0, transparent 38vw), linear-gradient(145deg, color-mix(in srgb, var(--color-primary-soft) 34%, var(--app-bg)) 0, var(--app-bg) 48%, color-mix(in srgb, var(--color-info-soft) 38%, var(--app-bg)) 100%);position:fixed;inset:0}.app-root>*{z-index:1;position:relative}.workspace-shell{min-height:100vh;padding-bottom:0}.retailer-header{z-index:20;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--app-surface) 92%, var(--app-bg));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:56px;box-shadow:0 1px 0 rgba(var(--tenant-shadow-rgb,23, 33, 27), .03);grid-template-columns:minmax(220px,.95fr) minmax(360px,auto) minmax(180px,1fr);align-items:center;gap:14px;padding:7px clamp(14px,3vw,28px);display:grid;position:sticky;top:0}.brand-block{align-items:center;gap:12px;min-width:0;display:flex}.brand-block strong,.brand-block span,.page-heading p,.product-identity h2,.cart-line strong,.order-line-row strong{overflow-wrap:anywhere}.brand-block strong{color:var(--app-text);font-size:13px;font-weight:600;line-height:18px;display:block}.brand-block span{color:var(--color-text-muted);font-size:11px;line-height:16px;display:block}.brand-logo,.brand-initials{border:1px solid var(--color-border);border-radius:var(--radius-md);flex:none;width:34px;height:34px}.brand-logo{object-fit:contain;background:var(--app-surface)}.brand-initials{background:linear-gradient(135deg, var(--color-primary-soft), var(--color-info-soft));color:var(--brand-primary);letter-spacing:0;place-items:center;font-weight:600;display:grid}.desktop-nav,.header-actions,.cart-header-actions,.product-commerce,.line-total{align-items:center;display:flex}.desktop-nav{justify-content:flex-start;gap:4px;padding:0}.nav-button{border-radius:var(--radius-lg);min-height:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex;position:relative}.nav-button svg,.button svg,.icon-button svg,.support-strip svg,.customer-chip svg,.back-button svg{stroke-width:2px;flex:none;width:17px;height:17px}.nav-button-active{border-color:var(--color-primary-soft);background:linear-gradient(180deg, var(--color-primary-soft), var(--color-info-soft));box-shadow:none;color:var(--brand-primary)}.header-actions{justify-content:flex-end;gap:8px}.button,.icon-button,.text-button,.back-button{border-radius:var(--tenant-radius,var(--radius-md));cursor:pointer;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:600;line-height:18px;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button{border:1px solid #0000;min-height:38px;padding:0 12px}.button span,.nav-button span,.text-button,.back-button span,.mobile-cart-bar span,.mobile-cart-bar strong{white-space:nowrap}.button-primary{background:var(--action-bg);box-shadow:0 6px 16px rgba(var(--tenant-shadow-rgb,23, 33, 27), .1);color:var(--action-text)}.button-primary:hover:not(:disabled){background:var(--action-bg-hover);transform:translateY(-1px)}.button-subtle{border-color:var(--color-border);background:var(--app-surface);color:var(--color-text)}.button-subtle:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-raised);color:var(--brand-primary);transform:translateY(-1px)}.button-full{width:100%}.button:disabled,.quantity-stepper button:disabled{cursor:not-allowed;opacity:.56}.button-primary:disabled{border-color:var(--color-border);background:var(--color-bg-soft);color:var(--color-text-muted);opacity:1}.icon-button{background:var(--app-surface);width:40px;height:40px;color:var(--color-text-muted);border:1px solid #0000}.icon-button:hover{border-color:var(--color-border-strong);background:var(--color-surface-raised);color:var(--brand-primary);transform:translateY(-1px)}.cart-action{border:1px solid var(--color-border);position:relative}.cart-action span{background:var(--brand-primary);min-width:20px;height:20px;color:var(--action-text);border-radius:999px;place-items:center;font-size:11px;font-weight:600;display:grid;position:absolute;top:-5px;right:-5px}.workspace-main{width:min(100%,1240px);margin:0 auto;padding:22px clamp(14px,3vw,28px) 30px}.catalog-layout{grid-template-columns:minmax(0,1fr) 348px;align-items:start;gap:16px;display:grid}.catalog-content,.dashboard-page,.orders-page,.order-detail-page,.order-confirmation-page,.support-page,.account-page{min-width:0}.page-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.page-heading h1{color:var(--app-text);letter-spacing:0;margin:0;font-size:22px;font-weight:700;line-height:30px}.page-heading p{max-width:720px;color:var(--color-text-muted);margin:4px 0 0;font-size:13px;line-height:20px}.customer-chip{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--app-surface);min-height:32px;color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:8px;padding:0 10px;font-size:11px;font-weight:500;line-height:18px;display:inline-flex}.dashboard-page{gap:18px;display:grid}.dashboard-hero{border-radius:calc(var(--radius-lg) + 6px);background:radial-gradient(circle at 12% 0, var(--color-primary-soft), transparent 36%), linear-gradient(135deg, var(--app-surface), var(--color-surface-raised));box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding:24px;display:grid}.dashboard-kicker{color:var(--brand-primary);letter-spacing:.02em;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.dashboard-hero h1{color:var(--app-text);letter-spacing:0;margin:0;font-size:28px;font-weight:720;line-height:36px}.dashboard-hero p{max-width:680px;color:var(--color-text-muted);margin:6px 0 0;font-size:14px;line-height:22px}.dashboard-actions,.registration-actions{align-items:center;gap:10px;display:flex}.dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:14px;display:grid}.dashboard-panel{border:1px solid color-mix(in srgb, var(--color-border) 78%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--app-surface) 94%, var(--app-bg));min-width:0;box-shadow:var(--shadow-xs);align-content:start;gap:14px;padding:16px;display:grid}.dashboard-panel h2,.section-heading-row h2{color:var(--app-text);margin:0;font-size:16px;font-weight:700;line-height:24px}.dashboard-panel p,.section-heading-row p{color:var(--color-text-muted);margin:3px 0 0;font-size:12px;line-height:18px}.dashboard-search-panel{grid-column:1/-1}.dashboard-search-form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.portal-stat-list{gap:8px;display:grid}.status-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.status-summary-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);min-height:66px;color:var(--app-text);cursor:pointer;text-align:left;justify-items:start;gap:2px;padding:10px;display:grid}.status-summary-item:hover{border-color:var(--color-border-strong);background:var(--color-primary-soft)}.status-summary-item strong{color:var(--brand-primary);font-size:20px;line-height:24px}.status-summary-item span{color:var(--color-text-muted);font-size:11px;font-weight:600;line-height:16px}.dashboard-support-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center}.dashboard-recent-section{gap:12px;padding-top:4px;display:grid}.dashboard-recent-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--app-surface);box-shadow:var(--shadow-sm);gap:0;display:grid;overflow:hidden}.recent-order-row{border-bottom:1px solid var(--color-border);min-height:62px;color:inherit;cursor:pointer;text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.recent-order-row:last-child{border-bottom:0}.recent-order-row:hover{background:var(--color-surface-raised);box-shadow:inset 3px 0 0 var(--brand-primary)}.recent-order-row div{min-width:0}.recent-order-row strong{color:var(--app-text);font-size:13px;line-height:18px}.recent-order-row div strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recent-order-row span{color:var(--color-text-muted);font-size:12px;font-weight:500;line-height:18px}.search-box{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--app-surface);min-height:42px;box-shadow:0 1px 2px rgba(var(--tenant-shadow-rgb,23, 33, 27), .03);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;display:grid}.search-box:focus-within{border-color:var(--color-border-strong);box-shadow:0 0 0 3px var(--focus-ring)}.search-box svg{width:18px;height:18px;color:var(--brand-primary)}.search-box input{min-width:0;color:var(--app-text);background:0 0;border:0;outline:0;font-size:13px;font-weight:500}.search-box input::placeholder{color:var(--color-text-soft);font-weight:500}.search-box button{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;place-items:center;display:grid}.result-toolbar,.status-filter{align-items:center;gap:10px;display:flex}.result-toolbar{color:var(--color-text-muted);justify-content:space-between;margin:12px 0;font-size:11px;font-weight:500;line-height:18px}.status-filter{flex-wrap:wrap;margin-bottom:16px}.filter-chip{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--app-surface);min-height:32px;color:var(--color-text-muted);cursor:pointer;padding:0 12px;font-size:12px;font-weight:500;line-height:18px;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.filter-chip-active{border-color:var(--color-primary-soft);background:linear-gradient(180deg, var(--color-primary-soft), var(--color-info-soft));color:var(--brand-primary)}.filter-chip:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.product-results,.order-list,.order-lines,.cart-lines{gap:0;display:grid}.detail-panel,.confirmation-panel,.support-primary-panel,.support-action-card,.cart-panel,.empty-state,.skeleton-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--app-surface);box-shadow:var(--shadow-sm)}.product-results,.order-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--app-surface);box-shadow:var(--shadow-sm);overflow:hidden}.product-results>.empty-state,.order-list>.empty-state,.cart-panel .empty-state{box-shadow:none;border:0;border-radius:0}.cart-panel .empty-state{background:0 0;min-height:126px}.product-row{border-bottom:1px solid var(--color-border);background:var(--app-surface);grid-template-columns:minmax(230px,1fr) minmax(220px,.76fr) minmax(300px,auto);align-items:center;gap:12px;min-height:96px;padding:12px 14px;transition:background-color .16s,box-shadow .16s;display:grid}.product-row:last-child{border-bottom:0}.product-row:hover{background:var(--color-surface-raised);box-shadow:inset 3px 0 0 var(--brand-primary)}.product-identity{gap:8px;min-width:0;display:grid}.product-identity h2{-webkit-line-clamp:2;color:var(--app-text);letter-spacing:0;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:600;line-height:21px;display:-webkit-box;overflow:hidden}.product-identity p{flex-wrap:wrap;gap:5px;margin:5px 0 0;display:flex}.product-identity p span,.meta-item span,.cart-line span,.order-line-row span,.summary-row span,.cart-header span,.notes-field span,.access-support span{color:var(--color-text-muted);font-size:11px;font-weight:500;line-height:16px}.product-identity p span{border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-bg-soft);padding:2px 5px}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:3px 8px;font-size:11px;font-weight:600;line-height:16px;display:inline-flex}.status-pill-success{background:var(--color-success-soft);color:var(--color-success)}.status-pill-warning{background:var(--color-warning-soft);color:var(--color-warning)}.status-pill-danger{background:var(--color-danger-soft);color:var(--color-danger)}.status-pill-info{background:var(--color-info-soft);color:var(--color-info)}.status-pill-neutral{background:var(--color-bg-soft);color:var(--color-text-muted)}.product-meta-grid{grid-template-columns:minmax(104px,1.2fr) minmax(66px,.8fr) minmax(48px,.6fr);gap:8px;display:grid}.meta-item{min-width:0}.meta-item strong{color:var(--app-text);overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:18px;display:block}.product-commerce{grid-template-columns:minmax(76px,1fr) 116px 82px;justify-content:flex-end;gap:8px;display:grid}.price-stack{text-align:right;min-width:76px}.price-stack strong,.line-total strong,.summary-row strong,.order-row strong{color:var(--app-text);font-variant-numeric:tabular-nums}.price-stack strong{font-size:14px;line-height:20px;display:block}.price-stack span{color:var(--color-text-muted);font-size:11px;line-height:16px}.quantity-stepper{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--app-surface);width:116px;min-height:36px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-surface) 76%, var(--color-border));grid-template-columns:34px minmax(0,1fr) 34px;display:grid;overflow:hidden}.quantity-stepper button{background:var(--color-surface-raised);min-width:34px;color:var(--color-text);cursor:pointer;place-items:center;display:grid}.quantity-stepper button:hover:not(:disabled){color:var(--brand-primary)}.quantity-stepper button svg{width:15px;height:15px}.quantity-stepper input{border:0;border-inline:1px solid var(--color-border);min-width:0;color:var(--app-text);text-align:center;outline:0;font-size:13px;font-weight:600;line-height:18px}.quantity-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.quantity-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.product-add-button{width:82px;padding-inline:10px}.desktop-cart-panel{position:sticky;top:88px}.cart-panel{border-radius:var(--radius-lg);gap:12px;padding:12px;display:grid}.cart-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cart-header h2,.detail-panel h2{color:var(--app-text);margin:0;font-size:14px;font-weight:600;line-height:22px}.cart-header-actions{gap:4px}.text-button{min-height:32px;color:var(--brand-primary);background:0 0;padding:0 8px}.cart-line{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr);gap:8px;padding:10px 0;display:grid}.cart-line:last-child{border-bottom:0;padding-bottom:0}.cart-line strong{color:var(--app-text);font-size:13px;line-height:18px;display:block}.line-total{justify-content:space-between;gap:10px}.notes-field{gap:6px;display:grid}.notes-field textarea{resize:vertical;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--app-surface);min-height:76px;color:var(--app-text);padding:10px 12px}.cart-summary,.detail-list{gap:8px;display:grid}.summary-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.summary-row strong{text-align:right}.summary-row-strong{border-top:1px solid var(--color-border);padding-top:10px}.summary-row-strong span,.summary-row-strong strong{color:var(--app-text);font-size:14px}.place-order-button{margin-top:2px}.inline-notice{border-radius:var(--radius-md);margin:12px 0;padding:12px 14px;font-size:12px;font-weight:500;line-height:20px}.inline-notice-error{background:var(--color-danger-soft);color:var(--color-danger)}.inline-notice-warning{background:var(--color-warning-soft);color:var(--color-warning)}.inline-notice-info{background:var(--color-info-soft);color:var(--color-info)}.inline-notice-success{background:var(--color-success-soft);color:var(--color-success)}.empty-state{min-height:156px;color:var(--color-text-muted);box-shadow:none;text-align:center;place-items:center;gap:8px;padding:24px;display:grid}.empty-state svg{width:28px;height:28px;color:var(--brand-primary)}.empty-state strong{color:var(--app-text);font-size:14px;line-height:20px}.empty-state span{max-width:320px;color:var(--color-text-muted);font-size:12px;line-height:18px}.skeleton-row{border:0;border-bottom:1px solid var(--color-border);min-height:82px;box-shadow:none;border-radius:0;gap:10px;padding:16px;display:grid}.skeleton-row span{background:var(--color-bg-soft);border-radius:999px;height:14px;animation:1.4s infinite shimmer;display:block}.skeleton-row span:first-child{width:42%}.skeleton-row span:nth-child(2){width:68%}.skeleton-row span:nth-child(3){width:28%}.order-row{border-bottom:1px solid var(--color-border);width:100%;min-height:62px;color:inherit;cursor:pointer;text-align:left;background:0 0;grid-template-columns:minmax(0,1.4fr) auto auto auto;align-items:center;gap:14px;padding:12px 14px;transition:background-color .16s,box-shadow .16s;display:grid}.order-row:last-child{border-bottom:0}.order-row:hover{background:var(--color-surface-raised);box-shadow:inset 3px 0 0 var(--brand-primary)}.order-row div{min-width:0}.order-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;display:block;overflow:hidden}.order-row span{color:var(--color-text-muted);font-size:12px;font-weight:500;line-height:18px}.back-button{min-height:34px;color:var(--brand-primary);background:0 0;margin-bottom:12px;padding:0 4px}.detail-grid,.account-grid,.confirmation-grid,.support-layout,.customer-management-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.detail-panel,.confirmation-panel,.support-primary-panel,.customer-list-panel,.customer-form-panel{border-radius:var(--radius-lg);gap:10px;padding:14px;display:grid}.customer-management-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start}.customer-list-panel,.customer-form-panel{border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);background:color-mix(in srgb, var(--app-surface) 96%, var(--app-bg));box-shadow:var(--shadow-sm)}.customer-form-panel h2,.customer-list-panel h2{color:var(--app-text);margin:0;font-size:16px;line-height:24px}.customer-form-panel p,.customer-list-panel p{color:var(--color-text-muted);margin:3px 0 0;font-size:12px;line-height:18px}.form-field-full,.form-field-wide{grid-column:1/-1}.confirmation-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start}.confirmation-panel{align-content:start;justify-items:start;min-height:0;padding:15px}.confirmation-heading-row{align-items:center;gap:10px;display:flex}.confirmation-icon{border:1px solid var(--color-border);background:linear-gradient(135deg, var(--color-success-soft), var(--color-info-soft));width:30px;height:30px;color:var(--color-success);border-radius:999px;place-items:center;display:grid}.confirmation-icon svg{width:16px;height:16px}.confirmation-panel h1,.support-primary-panel h2{color:var(--app-text);margin:0;font-size:20px;font-weight:700;line-height:26px}.confirmation-kicker,.confirmation-meta-grid span,.confirmation-panel p,.support-primary-panel p{color:var(--color-text-muted);margin:0;font-size:13px;line-height:20px}.confirmation-kicker,.confirmation-meta-grid span{font-size:11px;font-weight:500;line-height:16px;display:block}.confirmation-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.confirmation-meta-grid div{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);min-width:0;padding:9px 10px}.confirmation-meta-grid strong{overflow-wrap:anywhere;color:var(--app-text);font-size:13px;font-weight:600;line-height:18px;display:block}.confirmation-copy{max-width:560px}.confirmation-actions,.support-action-grid{flex-wrap:wrap;gap:8px;display:flex}.confirmation-summary{min-height:0}.confirmation-support-panel{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.confirmation-support-panel h2{margin:0}.confirmation-support-panel .detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}.support-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start}.support-primary-panel{padding:18px}.support-primary-panel .confirmation-icon{background:var(--color-info-soft);color:var(--color-info)}.support-action-grid{border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:minmax(220px,1.35fr) minmax(160px,.85fr) minmax(140px,.75fr);width:100%;margin-top:4px;display:grid;overflow:hidden}.support-action-card{border:0;border-right:1px solid var(--color-border);color:inherit;box-shadow:none;background:0 0;border-radius:0;gap:4px;padding:10px;text-decoration:none;display:grid}.support-action-card:last-child{border-right:0}.support-action-card:hover{background:var(--color-surface-raised)}.support-action-card span{color:var(--color-text-muted);font-size:11px;font-weight:500;line-height:16px}.support-action-card strong{color:var(--app-text);overflow-wrap:anywhere;font-size:13px;line-height:18px}.order-lines-panel{grid-column:1/-1}.order-line-row{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) 118px 78px 108px;align-items:center;gap:12px;padding:10px 0;display:grid}.order-line-row-receipt{grid-template-columns:minmax(0,1fr) 86px 64px 104px minmax(220px,.8fr);align-items:start}.receipt-adjustment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.receipt-line-adjustment{grid-template-columns:minmax(130px,1fr) minmax(96px,.7fr);align-items:end;gap:8px;min-width:0;display:grid}.receipt-line-adjustment .form-field span{color:var(--color-text-muted)}.order-line-row:last-child{border-bottom:0}.order-line-row strong{color:var(--app-text);font-variant-numeric:tabular-nums}.order-line-row>div{min-width:0}.order-line-row>div strong,.order-line-row>div span{display:block}.order-line-row>div strong{margin-bottom:2px}.pending-section{gap:10px;margin-top:16px;display:grid}.section-heading-row{justify-content:space-between;align-items:end;gap:12px;display:flex}.section-heading-row h2,.section-heading-row p{margin:0}.section-heading-row h2{color:var(--app-text);font-size:15px;line-height:22px}.section-heading-row p{color:var(--color-text-muted);font-size:12px;line-height:18px}.notes-preview{border-top:1px solid var(--color-border);gap:4px;padding-top:12px;display:grid}.notes-preview span{color:var(--color-text-muted);font-size:12px;font-weight:500}.notes-preview p{color:var(--app-text);margin:0}.signin-screen{grid-template-columns:minmax(260px,.82fr) minmax(340px,390px);align-items:center;gap:28px;width:min(100%,920px);min-height:100vh;margin:0 auto;padding:28px clamp(16px,4vw,40px);display:grid}.signin-screen-registration{grid-template-columns:minmax(260px,.72fr) minmax(420px,560px);width:min(100%,1080px)}.signin-copy{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--app-surface), var(--color-surface-raised));min-height:360px;box-shadow:var(--shadow-sm);align-content:center;gap:12px;padding:28px;display:grid}.signin-copy .brand-initials,.signin-copy .brand-logo{width:42px;height:42px}.signin-copy h1{max-width:560px;color:var(--app-text);letter-spacing:0;margin:0;font-size:24px;font-weight:700;line-height:31px}.signin-copy p{max-width:560px;color:var(--color-text-muted);margin:0;font-size:14px;line-height:22px}.support-strip{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);width:fit-content;max-width:100%;min-height:36px;color:var(--color-text-muted);align-items:center;gap:8px;padding:0 10px;display:inline-flex}.signin-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--app-surface);box-shadow:var(--shadow-md);min-width:0;padding:22px}.signin-panel-heading{text-align:center;margin-bottom:18px}.signin-panel-heading h2{color:var(--app-text);margin:0;font-size:18px;font-weight:700;line-height:24px}.signin-panel-heading p{color:var(--color-text-muted);margin:4px 0 0;font-size:12px;line-height:18px}.demo-signin-card{gap:14px;padding:0;display:grid}.demo-signin-card p{color:var(--color-text-muted);margin:0;font-size:13px;line-height:20px}.registration-form,.form-fieldset,.form-field{display:grid}.registration-form{gap:13px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.form-field{gap:6px;min-width:0}.form-field span,.form-fieldset legend,.checkbox-field{color:var(--app-text);font-size:12px;font-weight:600;line-height:18px}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--color-border);border-radius:var(--tenant-radius,var(--radius-md));background:var(--app-surface);min-width:0;min-height:38px;color:var(--app-text);padding:0 11px}.form-field textarea{resize:vertical;min-height:76px;padding-block:9px}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--color-text-soft)}.form-fieldset{border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:10px;min-width:0;margin:0;padding:12px}.form-fieldset legend{padding:0 4px}.checkbox-field{color:var(--color-text-muted);align-items:center;gap:8px;display:flex}.checkbox-field input{width:16px;height:16px;accent-color:var(--brand-primary)}.registration-actions{align-items:center;gap:10px;display:flex}.registration-actions .button{flex:1 1 0}.clerk-card{width:100%;box-shadow:none;border:0;padding:0}.clerk-title{color:var(--app-text);font-family:var(--font-sans);font-size:18px;line-height:24px}.clerk-subtitle{color:var(--color-text-muted);font-size:12px;line-height:18px}.clerk-primary{background:var(--brand-primary);border-radius:var(--tenant-radius,var(--radius-md));min-height:38px;box-shadow:none;font-size:13px;font-weight:600}.clerk-root,.clerk-card-box{width:100%}.clerk-card-box{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:hidden}.clerk-header{display:none}.clerk-label{color:var(--app-text);font-size:12px;font-weight:600}.clerk-input{border-color:var(--color-border);border-radius:var(--tenant-radius,var(--radius-md));min-height:38px;font-size:13px}.clerk-social-button{border-color:var(--color-border);border-radius:var(--tenant-radius,var(--radius-md));min-height:38px;box-shadow:none;font-size:13px}.clerk-divider-line{background:var(--color-border)}.clerk-divider-text{color:var(--color-text-muted);font-size:12px}.clerk-footer,.clerk-footer-action{display:none}.access-screen,.bootstrap-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.bootstrap-screen{min-height:320px;color:var(--color-text-muted);align-content:center;gap:12px;font-weight:500}.bootstrap-screen-compact{min-height:160px}.bootstrap-screen svg{width:26px;height:26px;color:var(--brand-primary)}.access-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--app-surface);width:min(100%,460px);box-shadow:var(--shadow-md);justify-items:start;gap:14px;padding:24px;display:grid}.access-card svg{width:32px;height:32px;color:var(--brand-primary)}.access-card-error svg{color:var(--color-danger)}.access-card-warning svg{color:var(--color-warning)}.access-card h1{color:var(--app-text);margin:0;font-size:21px;line-height:28px}.access-card p{color:var(--color-text-muted);margin:0}.access-support{border-radius:var(--radius-md);background:var(--color-bg-soft);gap:2px;padding:10px 12px;display:grid}.mobile-bottom-nav,.mobile-cart-bar{display:none}.cart-sheet-backdrop{z-index:50;background:rgba(var(--tenant-shadow-rgb,23, 33, 27), .16);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:start end;padding:72px clamp(16px,3vw,32px) 24px;display:grid;position:fixed;inset:0}.cart-sheet{border:1px solid var(--color-border);border-radius:var(--radius-sheet);background:var(--app-surface);width:min(404px,100vw - 32px);max-height:calc(100vh - 96px);box-shadow:var(--shadow-md);overflow:auto}.cart-panel-sheet{border-radius:var(--radius-sheet);box-shadow:none;border:0}.spin{animation:.9s linear infinite spin}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1120px){.retailer-header{grid-template-columns:minmax(190px,1fr) auto}.desktop-nav{display:none}.catalog-layout{grid-template-columns:minmax(0,1fr)}.desktop-cart-panel{display:none}.mobile-bottom-nav{z-index:30;height:var(--mobile-bottom-nav-height);border-top:1px solid var(--color-border);background:var(--app-surface);grid-template-columns:repeat(5,1fr);padding:4px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #17211b0f}.mobile-bottom-nav .nav-button{flex-direction:column;gap:2px;min-width:0;min-height:50px;padding:4px}.mobile-bottom-nav .nav-button svg{width:18px;height:18px}.mobile-bottom-nav .nav-button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;line-height:13px;overflow:hidden}.mobile-cart-bar{right:10px;bottom:calc(var(--mobile-bottom-nav-height) + 8px);z-index:31;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--app-surface);min-height:52px;color:var(--app-text);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex;position:fixed;left:10px;box-shadow:0 6px 24px #17211b14}.mobile-cart-bar span,.mobile-cart-bar strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-cart-bar strong{color:var(--brand-primary);font-weight:600}.workspace-main{padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--mobile-cart-bar-height))}.cart-sheet-backdrop{background:#17211b3d;place-items:end stretch;padding:0}.cart-sheet{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;max-height:min(82vh,720px);box-shadow:0 -12px 32px #17211b1f}.cart-panel-sheet{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:none;border:0}}@media (width<=860px){.retailer-header{min-height:52px;padding:7px 10px}.brand-logo,.brand-initials{width:32px;height:32px}.brand-block{gap:9px}.brand-block strong,.brand-block span{text-overflow:ellipsis;white-space:nowrap;max-width:46vw;overflow:hidden}.signout-button span{display:none}.workspace-main{padding:18px 12px calc(var(--mobile-bottom-nav-height) + var(--mobile-cart-bar-height))}.page-heading{gap:12px;display:grid}.dashboard-hero,.dashboard-grid,.dashboard-search-form,.dashboard-support-panel{grid-template-columns:minmax(0,1fr)}.dashboard-hero{align-items:start;padding:18px}.dashboard-hero h1{font-size:24px;line-height:31px}.dashboard-actions,.section-heading-row{align-items:stretch;display:grid}.dashboard-actions .button,.dashboard-search-form .button,.dashboard-support-panel .button{width:100%}.recent-order-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.recent-order-row>strong{grid-column:1/-1}.page-heading h1{font-size:21px;line-height:28px}.customer-chip{width:fit-content}.product-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:11px}.product-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-commerce{grid-template-columns:minmax(0,1fr) 116px;justify-content:stretch;display:grid}.price-stack{text-align:left}.product-add-button{grid-column:1/-1;width:100%}.order-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.order-row>span{justify-self:start}.detail-grid,.account-grid,.confirmation-grid,.support-layout,.customer-management-grid{grid-template-columns:minmax(0,1fr)}.confirmation-support-panel{grid-column:auto;grid-template-columns:minmax(0,1fr)}.confirmation-support-panel .detail-list{grid-template-columns:minmax(0,1fr)}.confirmation-panel,.support-primary-panel{padding:14px}.confirmation-panel h1,.support-primary-panel h2{font-size:19px;line-height:25px}.confirmation-meta-grid,.support-action-grid{grid-template-columns:minmax(0,1fr)}.support-action-card{border-right:0;border-bottom:1px solid var(--color-border)}.support-action-card:last-child{border-bottom:0}.order-line-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.order-line-row-receipt,.receipt-line-adjustment,.receipt-adjustment-grid{grid-template-columns:minmax(0,1fr)}.signin-screen{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-height:auto;padding:14px}.signin-copy{min-height:auto;padding:16px}.signin-copy h1{font-size:22px;line-height:28px}.clerk-card{padding:0}.signin-panel{padding:18px}.signin-panel-heading{margin-bottom:14px}.signin-screen-registration{width:min(100%,720px)}.form-grid,.registration-actions{grid-template-columns:minmax(0,1fr)}.registration-actions{display:grid}}@media print{body{background:#fff}.retailer-header,.mobile-bottom-nav,.back-button,.dashboard-actions,.app-root:before{display:none!important}.workspace-main{width:100%;padding:0}.detail-panel,.order-lines-panel{break-inside:avoid;box-shadow:none}}@media (width<=420px){.header-actions{gap:4px}.icon-button{width:40px;height:40px}.button{min-height:38px;padding:0 10px}.search-box{min-height:42px}.product-meta-grid,.product-commerce{grid-template-columns:minmax(0,1fr)}.dashboard-hero,.dashboard-panel{padding:14px}.status-summary-grid{grid-template-columns:minmax(0,1fr)}.quantity-stepper{width:100%}.cart-sheet{max-height:88vh}}
