:root{--accent:#27665b;--accent-dark:#183f36;--ink:#20302c;--muted:#728078;--line:#e0e6df;--bg:#f5f7f2;--paper:#fff;--soft:#eaf1e9;--warn:#9a5b1c;--danger:#ad4141;--radius:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Arial,sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--accent);text-decoration:none}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8cc4b4;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:36px;line-height:1.18;font-weight:600;letter-spacing:-1.3px}h2{font-size:22px;font-weight:600;letter-spacing:-.5px}h3{font-size:16px;font-weight:600}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:650;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.icon{width:18px;height:18px;flex-shrink:0;vertical-align:middle}.btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:10px 15px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:550;line-height:1.4;min-height:40px;transition:background .15s,transform .15s}.btn:hover{background:#f0f4ee}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.btn.primary:hover{filter:brightness(.94)}.btn.quiet{background:transparent;border-color:transparent}.btn.small{padding:6px 10px;min-height:32px;font-size:12px}.btn.danger{color:var(--danger);border-color:#e7caca}.btn.wide{width:100%}.btn.icon-only{padding:8px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.stack{display:grid;gap:16px}.section-gap{margin-top:24px}.spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:550;padding:4px 9px;border-radius:6px;background:var(--soft);color:var(--accent);white-space:nowrap}.pill.warn{background:#fff3e0;color:#926026}.pill.neutral{background:#f0f2ef;color:#68776d}.pill.dot:before{content:"";width:5px;height:5px;border-radius:100%;background:currentColor}.rule{border:0;border-top:1px solid var(--line);margin:20px 0}.input,select,textarea{width:100%;border:1px solid var(--line);background:white;border-radius:8px;padding:10px 12px;color:var(--ink);min-height:42px}input[type=color]{padding:4px;width:80px}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0}textarea{resize:vertical;min-height:94px}.field{display:grid;gap:7px;font-size:13px;font-weight:500}.field small{font-weight:400;color:var(--muted)}.field.required>span:first-child:after{content:" *";color:var(--accent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.span-2{grid-column:1/-1}.check{display:flex;gap:10px;align-items:center;cursor:pointer}.notice{padding:15px 18px;border:1px solid #dbe6d6;border-radius:10px;background:#f2f6ed;color:#52634d;font-size:13px}.notice.warn{background:#fff7e9;border-color:#eed9b7;color:#865b28}.error{color:var(--danger);font-size:13px;white-space:pre-wrap}.page-width{max-width:1400px;margin:auto;padding-left:40px;padding-right:40px}.topbar{border-bottom:1px solid var(--line);background:#fff}.topbar-inner{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:42px;height:42px;background:var(--accent);color:#fff;border-radius:12px;display:grid;place-items:center;flex-shrink:0;font-size:25px;font-family:Georgia,serif;font-weight:bold}.brand img{width:44px;height:44px;object-fit:contain}.brand-name{font-size:17px;font-weight:650;letter-spacing:-.4px}.brand-sub{font-size:11px;color:var(--muted);letter-spacing:.5px;margin-top:1px}.language{display:flex;align-items:center;gap:6px}.language select{width:auto;max-width:190px;border:0;background:transparent;font-size:12px;padding:8px 24px 8px 4px;min-height:36px}.hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:36px 0 28px}.hero p{max-width:580px;font-size:14px;color:var(--muted);margin-top:12px;line-height:1.7}.hero-meta{padding-left:28px;border-left:1px solid #d7e0d5;display:grid;gap:8px;font-size:12px;color:var(--muted);min-width:195px}.hero-meta strong{font-size:28px;color:var(--ink);font-weight:500;letter-spacing:-1px}.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start;padding-bottom:40px}.catalog-panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.catalog-tools{padding:18px;display:grid;gap:16px}.search-wrap{position:relative}.search-wrap .icon{position:absolute;left:13px;top:13px;color:var(--muted)}.search-wrap input{padding-left:40px;background:#f8faf6}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:7px 11px;font-size:12px;font-weight:500}.filter.active{background:var(--soft);color:var(--accent)}.catalog-count{font-size:12px;padding:0 20px 14px;color:var(--muted)}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--muted);background:#f9faf7;padding:13px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:15px 18px;border-bottom:1px solid #edf0eb;font-size:13px;vertical-align:middle}tr:last-child td{border-bottom:0}.product-name{font-weight:600;line-height:1.4;display:block}.product-code{font-size:10px;color:var(--muted);letter-spacing:.4px;margin-top:5px;display:block}.product-spec{font-size:12px;color:#607068;max-width:160px;overflow-wrap:anywhere}.product-price{font-size:14px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.product-unit{font-size:10px;color:var(--muted);margin-top:2px}.quantity{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff}.quantity button{border:0;background:none;width:28px;height:30px;color:var(--accent);font-size:17px;flex-shrink:0}.quantity button:hover{background:var(--soft)}.quantity input{width:33px;border:0;text-align:center;font-size:12px;appearance:textfield;-moz-appearance:textfield;padding:0;color:var(--ink);background:transparent}.quantity input::-webkit-inner-spin-button{appearance:none}.quantity.selected{border-color:#9ebdad;background:#f1f6ed}.coa-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:max-content;max-width:100%;min-height:34px;margin-top:9px;padding:7px 11px;border:1px solid #cbdacf;border-radius:8px;background:#f6faf4;color:var(--accent-text,var(--accent));font-size:12px;font-weight:600;line-height:1.35;text-align:left;transition:box-shadow .15s,border-color .15s}.coa-button .icon{width:15px;height:15px}.coa-button:hover{box-shadow:0 2px 8px #142d2226}.coa-button:focus-visible{outline:2px solid var(--accent-text,var(--accent));outline-offset:3px}.coa-button:active{box-shadow:inset 0 0 0 1px currentColor}.catalog-table td:first-child{width:35%}.catalog-table td:last-child{text-align:right}.catalog-table th:last-child{text-align:right}.selected-row td{background:#fbfdf9}.pagination{padding:15px 18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:12px}.cart{position:sticky;top:24px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.cart-heading{padding:21px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.cart-heading h2{font-size:16px;letter-spacing:-.2px}.cart-badge{margin-left:auto;background:var(--soft);padding:2px 8px;border-radius:6px;font-size:11px;color:var(--accent)}.cart-body{padding:20px 22px}.cart-empty{padding:22px 8px;text-align:center;color:var(--muted);font-size:13px;line-height:1.7}.cart-empty .icon{width:30px;height:30px;margin-bottom:12px;color:#9bad9e}.cart-line{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:18px}.cart-line strong{font-size:12px;display:block}.cart-line small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.cart-line .line-right{text-align:right;white-space:nowrap}.cart-remove{border:0;background:transparent;color:var(--muted);padding:4px;font-size:11px}.totals{display:grid;gap:10px;font-size:12px}.total-row{display:flex;justify-content:space-between;gap:14px;font-variant-numeric:tabular-nums}.grand-total{border-top:1px solid var(--line);padding-top:15px;margin-top:6px;font-size:17px;font-weight:600}.cart-foot{padding:14px 22px;border-top:1px solid var(--line);background:#f9faf6;display:flex;align-items:start;gap:8px;font-size:11px;color:var(--muted)}.cart-foot .icon{width:14px;height:14px;margin-top:2px}.catalog-note{font-size:11px;color:var(--muted);margin-top:18px;line-height:1.7}.footer{border-top:1px solid var(--line);padding:20px 0;margin-top:16px;font-size:11px;color:var(--muted)}.mobile-cart{display:none}.empty-state{padding:50px 20px;text-align:center;color:var(--muted)}
dialog{border:0;border-radius:16px;padding:0;width:min(720px,calc(100% - 28px));max-height:90dvh;background:#fff;color:var(--ink);box-shadow:0 20px 90px #122f2840}dialog::backdrop{background:#17362c77;backdrop-filter:blur(3px)}.dialog-head{padding:22px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:0;background:#fff;z-index:2}.dialog-head h2{font-size:20px}.dialog-body{padding:24px 26px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:25px}.dialog-body .notice{margin-bottom:22px}.order-text{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;line-height:1.7;min-height:340px}.document-view{width:100%;height:58vh;border:1px solid var(--line);border-radius:8px}.document-image{max-width:100%;display:block;margin:auto}.loading{padding:90px 20px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#233e35;color:#fff;border-radius:10px;padding:13px 20px;box-shadow:0 5px 25px #0002;z-index:100;font-size:13px;max-width:calc(100% - 30px);display:none}#toast.visible{display:block}.login-page{min-height:100dvh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 20% 0,#dae9d6 0,transparent 60%),#f5f7f2}.login-card{width:420px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;box-shadow:0 16px 60px #1d3b2610}.login-card h1{font-size:28px;margin-top:28px}.login-card p{margin-top:10px;font-size:13px;color:var(--muted)}.login-card form{margin-top:25px}.login-card .field{margin-bottom:16px}.login-language{margin-top:20px;display:flex;justify-content:center}.admin-shell{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100dvh}.admin-sidebar{background:#203d34;color:#d9e3da;position:sticky;top:0;height:100dvh;padding:26px 18px;display:flex;flex-direction:column}.admin-sidebar .brand{padding:0 8px 30px}.admin-sidebar .brand-mark{background:#d8e6d4;color:#244a3b;width:34px;height:34px;font-size:22px}.admin-sidebar .brand-name{font-size:15px;color:#fff}.admin-sidebar .brand-sub{color:#9eb6a5;font-size:10px}.nav-caption{font-size:9px;letter-spacing:1.8px;color:#8faa98;padding:12px 14px}.admin-nav{display:flex;flex-direction:column;gap:5px}.admin-nav button{display:flex;align-items:center;gap:11px;border:0;text-align:left;border-radius:8px;background:transparent;color:#b9cdbf;padding:12px 14px;font-size:12px}.admin-nav button.active{background:#365649;color:#fff}.admin-nav button:hover{background:#2e4d40;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #3a5546;padding:18px 8px 0;display:grid;gap:12px}.sidebar-bottom a,.sidebar-bottom button{color:#b9cdbf;font-size:12px}.admin-main{min-width:0}.admin-topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.admin-content{padding:32px 34px;max-width:1400px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading h1{font-size:30px}.page-heading p{font-size:13px;color:var(--muted);margin-top:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat{padding:19px 22px;border:1px solid var(--line);background:white;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.stat .number{font-size:27px;font-weight:550;letter-spacing:-1px}.stat .label{font-size:11px;color:var(--muted);margin-top:3px}.stat .stat-icon{padding:12px;border-radius:10px;background:#eff4eb;color:#648064}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;margin-bottom:22px}.panel-head{padding:21px 24px;border-bottom:1px solid var(--line)}.panel-head p{font-size:12px;color:var(--muted);margin-top:6px}.panel-body{padding:24px}.admin-tools{padding:18px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.admin-tools .search-wrap{flex:1;min-width:180px}.admin-tools select{width:160px;font-size:12px}.table-wrap{overflow:auto}.admin-table th,.admin-table td{padding:13px 18px}.admin-table .price-edit{width:86px;min-height:32px;padding:5px 7px;font-size:12px;text-align:right}.price-cell{display:flex;align-items:center;gap:5px}.source-note{font-size:10px;color:var(--warn);margin-top:4px;display:block}.section-intro{font-size:13px;color:var(--muted);max-width:750px;line-height:1.8}.upload-zone{border:1px dashed #b5c9b7;border-radius:12px;background:#f9fbf6;text-align:center;padding:30px 20px;display:grid;justify-items:center;gap:12px}.upload-zone .icon{width:27px;height:27px;color:var(--accent)}.upload-zone input{max-width:330px;font-size:12px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice{padding:18px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:flex-start;gap:10px;cursor:pointer}.choice:has(input:checked){border-color:var(--accent);background:#f4f8ef}.choice strong{font-size:13px}.choice p{font-size:12px;color:var(--muted);margin-top:6px}.choice input{accent-color:var(--accent);margin-top:4px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.setting-row:first-child{padding-top:0}.setting-row:last-child{border:0;padding-bottom:0}.setting-row p{font-size:12px;color:var(--muted);margin-top:5px}.switch{width:38px!important;height:21px!important;appearance:none;background:#c8d2c8;border-radius:15px;position:relative;border:0;cursor:pointer;flex-shrink:0}.switch:before{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;background:white;border-radius:100%;transition:transform .15s}.switch:checked{background:var(--accent)}.switch:checked:before{transform:translateX(17px)}.languages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.logo-preview{width:70px;height:70px;object-fit:contain;background:#f3f6ef;border:1px solid var(--line);border-radius:12px;padding:8px}.file-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.file-line input{max-width:260px;font-size:12px}.data-note{font-size:11px;color:var(--muted);margin-top:12px}.admin-mobile-brand{display:none}.import-result{padding:18px;background:#edf5e8;border-radius:10px;color:var(--accent);margin-bottom:20px}.row-actions{display:flex;gap:6px}.nowrap{white-space:nowrap}.text-right{text-align:right}.details-list{display:grid;gap:12px;font-size:12px}.key-value{display:grid;grid-template-columns:110px 1fr;gap:12px}.key-value span{color:var(--muted)}
@media(min-width:1500px){.page-width{max-width:1470px}.catalog-layout{grid-template-columns:minmax(0,1fr) 350px}}
@media(max-width:1100px){.page-width{padding-left:24px;padding-right:24px}.catalog-layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.catalog-table th,.catalog-table td{padding:13px 12px}.admin-shell{grid-template-columns:190px minmax(0,1fr)}.admin-content{padding:25px 22px}.admin-sidebar{padding:24px 12px}.admin-topbar{padding:0 22px}.stats{gap:10px}.stat{padding:16px}.hero-meta{display:none}}
@media(max-width:800px){.catalog-layout{grid-template-columns:1fr}.cart{position:static}.mobile-cart{display:flex;position:fixed;bottom:16px;left:20px;right:20px;z-index:10;box-shadow:0 5px 25px #193e3033;justify-content:space-between;padding:14px 18px}.footer{padding-bottom:85px}.hero{padding:28px 0}.hero h1{font-size:30px}.topbar-inner{min-height:74px}.brand-sub{max-width:180px}.topbar .admin-link{display:none}.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static;padding:16px;gap:0}.admin-sidebar .brand,.nav-caption,.sidebar-bottom{display:none}.admin-nav{flex-direction:row;overflow:auto;gap:5px}.admin-nav button{white-space:nowrap;padding:10px;font-size:11px;gap:6px}.admin-nav .icon{width:16px;height:16px}.admin-topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:10px 20px}.admin-mobile-brand{display:inline}.admin-topbar .breadcrumb{display:none}.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}.stats{grid-template-columns:repeat(3,1fr)}.stat .stat-icon{display:none}.dialog-head{padding:18px 20px}.dialog-body{padding:20px}}
@media(max-width:540px){.page-width{padding-left:16px;padding-right:16px}.topbar-inner{gap:10px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.topbar .brand-name{font-size:15px}.topbar .brand-mark{width:34px;height:34px;font-size:23px}.language select{max-width:155px;font-size:11px}.topbar .language .icon{display:none}.hero h1{font-size:27px}.hero p{font-size:13px}.hero .eyebrow{font-size:10px}.catalog-table thead{display:none}.catalog-table,.catalog-table tbody{display:block}.catalog-table tr{display:grid;grid-template-columns:minmax(0,1fr) 120px;padding:16px;border-bottom:1px solid var(--line);gap:6px 12px}.catalog-table td{border:0;padding:0!important;width:auto!important}.catalog-table td:nth-child(1){grid-column:1;grid-row:1}.catalog-table td:nth-child(2){grid-column:1;grid-row:2}.catalog-table td:nth-child(3){grid-column:2;grid-row:1;text-align:right}.catalog-table td:nth-child(4){grid-column:2;grid-row:2;align-self:end}.product-spec{max-width:none}.catalog-tools{padding:16px}.quantity button{width:32px;height:34px}.quantity input{width:32px}.catalog-count{padding-left:16px}.form-grid,.choice-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.admin-content{padding:24px 16px}.page-heading{flex-wrap:wrap}.stats{gap:7px}.stat{padding:12px}.stat .number{font-size:24px}.stat .label{font-size:10px}.panel-body{padding:18px}.panel-head{padding:18px}.languages-grid{grid-template-columns:1fr}.setting-row{align-items:flex-start}.brand-sub{max-width:210px}.actions{gap:7px}.dialog-actions>.btn{flex:1}.dialog-head h2{font-size:18px}.login-card{padding:26px}.grand-total{font-size:16px}}
@media(pointer:coarse){button{min-height:40px}.input,select,textarea{font-size:16px}.quantity input{font-size:16px}.quantity button{min-width:34px;min-height:40px}.btn.small{min-height:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.product-title{font:inherit;font-size:13px;font-weight:600;line-height:1.4;color:var(--ink);border:0;background:transparent;padding:0;text-align:left}.product-title:hover{color:var(--accent);text-decoration:underline}.product-title:focus-visible{outline-offset:4px}
.source-json{white-space:pre-wrap;word-break:break-word;font-size:11px;background:#f5f7f2;padding:14px;border-radius:8px}.import-table{max-height:440px;overflow:auto}.import-table th{position:sticky;top:0}.field input[readonly]{background:#f5f7f2;color:var(--muted)}
.admin-sidebar,.admin-content,.panel,.form-grid>.field,.page-heading>div{min-width:0}
@media(max-width:800px){.admin-shell{grid-template-columns:minmax(0,1fr)}.admin-sidebar{max-width:100%}.admin-nav{max-width:100%}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.form-grid{grid-template-columns:minmax(0,1fr)}.admin-topbar .actions{margin-left:auto}.admin-tools select{width:100%}}
/* Managed compound groups share the same interaction in the store and dashboard. */
.group-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.group-toolbar .catalog-count{padding:0}.compound-group{border-top:1px solid var(--line)}.compound-group>summary{list-style:none;display:flex;align-items:center;gap:13px;padding:19px 22px;cursor:pointer;background:#fff;transition:background .15s}.compound-group>summary::-webkit-details-marker{display:none}.compound-group>summary:hover{background:#f6f9f3}.compound-group>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.compound-group[open]>summary{background:#f0f5eb}.group-chevron{color:var(--accent);font-size:25px;line-height:1;transition:transform .15s;flex-shrink:0}.compound-group[open]>summary .group-chevron{transform:rotate(90deg)}.group-title{font-size:14px;font-weight:600;line-height:1.5;min-width:0;overflow-wrap:anywhere}.group-title small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:2px}.group-selection{margin-left:auto;display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:13px;color:var(--accent)}.group-content{border-top:1px solid var(--line)}.group-actions{display:flex;gap:10px;align-items:center;padding:12px 20px;background:#fafcf8;border-bottom:1px solid var(--line)}.view-toggle{display:flex;gap:4px}.view-toggle [aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}.check[hidden],button[hidden]{display:none!important}
@media(max-width:540px){.compound-group>summary{padding:16px;gap:10px}.group-toolbar{padding:12px 16px;gap:8px}.group-selection{flex-direction:column;align-items:flex-end;gap:5px;font-size:12px}.group-title{font-size:13px}.group-actions{padding:12px 16px}.group-toolbar .actions{margin-left:auto}.view-toggle{width:100%}.view-toggle .btn{flex:1}}
.help-guide{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;margin-bottom:24px}.help-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;cursor:pointer;list-style:none}.help-guide>summary::-webkit-details-marker{display:none}.help-guide>summary:hover{background:#f6f9f3}.help-guide>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.help-guide summary strong{display:block;font-size:14px;color:var(--ink);line-height:1.5}.help-guide summary small{display:block;font-size:12px;color:var(--muted);line-height:1.6;margin-top:4px}.help-kicker{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.help-chevron{font-size:19px;line-height:1;color:var(--accent);flex-shrink:0}.help-guide[open] .help-chevron{transform:rotate(180deg)}.guide-steps{counter-reset:guide;list-style:none;margin:0;padding:0 22px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px}.guide-steps li{counter-increment:guide;position:relative;padding-left:34px;min-width:0}.guide-steps li:before{content:counter(guide);position:absolute;left:0;top:0;display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#edf4e7;color:var(--accent);font-size:11px;font-weight:600}.guide-steps li>strong{font-size:12px;display:block;margin:2px 0 6px;line-height:1.5}.guide-steps li>p{font-size:12px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.store-guide{background:#fbfcf8}.store-guide .guide-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.field-help,.field>small{font-size:11px;color:var(--muted);line-height:1.7;font-weight:400;letter-spacing:normal;display:block}.field .field-help{margin-top:2px}.field:has(textarea){align-self:start}.admin-guide{margin-top:-2px}.store-guide summary small{max-width:800px}
@media(max-width:1100px){.store-guide .guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.help-guide>summary{padding:16px}.guide-steps,.store-guide .guide-steps{grid-template-columns:minmax(0,1fr);padding:0 16px 18px;gap:18px}.help-guide summary small{font-size:12px}.help-guide summary strong{font-size:13px}}
.coa-source{margin:0;padding:18px;border:1px solid var(--line);border-radius:10px;min-width:0;background:#fbfcf9}.coa-source legend{padding:0 7px;font-size:12px;font-weight:600;color:var(--ink)}.coa-source-options{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:9px}.coa-source-options label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.coa-source input[type=radio]{accent-color:var(--accent)}.coa-source [data-file-panel],.coa-source [data-link-panel]{margin-top:15px}.coa-source [hidden]{display:none!important}.coa-source .error{margin-top:10px}.external-coa p{font-size:13px;line-height:1.7}.external-coa .data-note{overflow-wrap:anywhere}.coa-source [data-file-status]{font-size:12px;overflow-wrap:anywhere}.coa-source .file-line{min-width:0}.coa-source .file-line input{max-width:100%;min-width:0}
@media(max-width:540px){.coa-source{padding:14px}.coa-source-options{flex-direction:column;gap:13px}.coa-source .file-line{align-items:flex-start}}
/* Accent backgrounds always receive whichever of black/white has the stronger contrast. */
:root{--on-accent:#fff;--drawer-line:#ffffff66}.btn.primary{color:var(--on-accent)}.filter.active{background:var(--accent);color:var(--on-accent)}.topbar .brand-mark{color:var(--on-accent)}.compound-group[open],.compound-group[open]>summary,.compound-group[open]>summary:hover,.compound-group[open]>.group-content,.compound-group[open] .group-actions{background:var(--accent);color:var(--on-accent)}.compound-group[open] .group-content,.compound-group[open] .group-actions,.compound-group[open] th,.compound-group[open] td{border-color:var(--drawer-line)}.compound-group[open] table,.compound-group[open] thead,.compound-group[open] tr,.compound-group[open] th,.compound-group[open] td,.compound-group[open] .selected-row{background:transparent;color:var(--on-accent)}.compound-group[open] :is(.group-chevron,.group-title small,.group-selection,.product-title,.product-code,.product-spec,.product-price,.product-unit,.source-note,.empty-state,.regular-price,.admin-sale-note){color:var(--on-accent)}.compound-group[open] :is(.btn,.coa-button,.pill,.sale-label){background:var(--on-accent);color:var(--accent);border-color:var(--on-accent)}.compound-group[open] :is(.quantity,.quantity.selected){background:var(--on-accent);border-color:var(--on-accent)}.compound-group[open] :is(.quantity button,.quantity input,.price-edit){background:var(--on-accent);color:var(--accent);border-color:var(--on-accent)}.compound-group[open] :is(button,input,summary,a):focus-visible{outline-color:var(--on-accent)}.compound-group[open] .quantity button:disabled{opacity:.65}.compound-group[open] .sale-info{background:transparent;color:var(--on-accent);border:0}.compound-group[open] .discount-tooltip{background:#fff;color:#20302c}
.social-bar{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;padding-top:0;padding-bottom:12px}.social-contact{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-size:12px;border:1px solid var(--line);border-radius:8px;padding:7px 10px;min-height:36px}.social-contact:hover{background:var(--soft)}.social-icon{padding:7px}.social-settings{border-top:1px solid var(--line);padding-top:20px;margin-top:8px}.social-setting{padding:16px 0;border-bottom:1px solid var(--line)}.social-setting .field{margin-top:12px}.social-setting .check span{display:inline-flex;align-items:center;gap:7px}.sale-editor{padding:18px;border:1px solid var(--line);border-radius:10px;background:#fafcf8}.sale-label{display:inline-block;font-size:10px;line-height:1.5;padding:3px 7px;border-radius:5px;background:#eaf2e5;color:#264e3d;font-weight:600;margin-top:5px;max-width:180px;overflow-wrap:anywhere}.regular-price{display:block;color:var(--muted);font-size:11px}.sale-info{border:0;background:transparent;color:var(--accent);padding:4px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-width:30px;min-height:30px;cursor:help}.sale-info .icon{width:16px;height:16px}.discount-tooltip{position:fixed;inset:auto;margin:0;border:1px solid #c9d5ca;border-radius:10px;background:#fff;color:#20302c;padding:15px;box-shadow:0 8px 30px #0003;max-width:calc(100vw - 32px);font-size:12px;z-index:100}.discount-tooltip strong{font-size:13px}.discount-tooltip p{font-size:12px;line-height:1.7;margin-top:6px}.discount-tooltip::backdrop{background:transparent}.cart-sale{color:var(--accent)!important;display:flex!important;align-items:center;flex-wrap:wrap;gap:4px}.savings-row{color:var(--accent);font-weight:600}.promotion-banner{border:1px solid var(--line);border-left:4px solid var(--accent);padding:18px 22px;border-radius:10px;background:#fff;margin-bottom:20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.promotion-banner>div{display:flex;gap:9px;align-items:center}.promotion-banner>span{font-size:13px;color:var(--accent);font-weight:600}.promotion-banner small{font-size:11px;color:var(--muted);width:100%}.admin-sale-note{display:block;font-size:11px;line-height:1.6;margin-top:6px;color:var(--accent)}.check{line-height:1.6}.admin-guide+.stats{margin-top:0}
@media(max-width:540px){.social-bar{justify-content:flex-start;padding-bottom:12px}.social-contact{font-size:12px}.sale-editor{padding:14px}.promotion-banner{padding:16px}.group-actions{flex-wrap:wrap}.sale-info{min-width:36px;min-height:36px}}

.cart-sale{font-size:11px}.discount-tooltip{max-height:calc(100vh - 32px);overflow:auto}

:root{--accent-text:#27665b}.cart :is(.cart-sale,.savings-row,.sale-info){color:var(--accent-text)!important}.promotion-banner>span,.help-kicker,.admin-sale-note,.btn.quiet{color:var(--accent-text)}.compound-group[open] .btn.quiet{color:var(--accent)}
/* Personal details precede the cart; only an explicitly saved address is used. */
.order-sidebar{display:grid;gap:18px;min-width:0;position:sticky;top:24px}.order-sidebar:has(.details-card[open]){position:static}.order-sidebar .cart{position:static}.details-card{border:1px solid var(--line);border-radius:14px;background:var(--paper);overflow:hidden;scroll-margin-top:20px}.details-card>summary{display:flex;align-items:center;gap:10px;padding:20px 22px;cursor:pointer;list-style:none}.details-card>summary::-webkit-details-marker{display:none}.details-card summary>span:first-of-type{min-width:0;flex:1}.details-card summary strong{display:block;font-size:14px;font-weight:600}.details-card summary small{display:block;font-size:11px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.details-card summary>.icon{color:var(--accent-text)}.details-card[open] .help-chevron{transform:rotate(180deg)}.details-card>summary:hover{background:#f8faf6}.details-body{padding:18px 22px 20px;border-top:1px solid var(--line)}.details-body>.data-note{margin:0 0 18px;font-size:12px;line-height:1.7}.details-fields{display:grid;gap:15px}.details-fields input,.details-fields select{min-width:0}.details-status{font-size:12px;line-height:1.7;margin:15px 0;color:var(--accent-text)}.details-status.error{color:var(--danger)}.details-status:empty{display:none}.details-actions{display:grid;gap:5px;margin-top:18px}.details-card .field.required>span:first-child:after{color:var(--accent-text)}
@media(max-width:1000px){.order-sidebar{position:static}}
@media(max-width:540px){.details-card>summary{padding:18px}.details-body{padding:18px}}

@media(pointer:coarse){.coa-button{min-height:42px;padding:9px 12px}}
/* Catalog cleanup always leads to a separate review screen. */
.cleanup-panel{border-color:#e2ceca}.cleanup-panel>.panel-head{background:#fffaf8}.cleanup-overview{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cleanup-overview>div{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--muted);line-height:1.8}.cleanup-overview .icon{color:var(--accent-text);margin-top:3px}.cleanup-selection-tools{margin:10px 0;font-size:12px;color:var(--muted)}.cleanup-picker-list{max-height:290px;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:5px}.cleanup-option{display:flex;align-items:center;gap:11px;padding:11px;border-radius:6px;cursor:pointer}.cleanup-option:hover{background:var(--soft)}.cleanup-option strong,.cleanup-option small{display:block;overflow-wrap:anywhere}.cleanup-option strong{font-size:12px;font-weight:550}.cleanup-option small{font-size:11px;color:var(--muted);margin-top:3px}.cleanup-option span{min-width:0}.cleanup-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.cleanup-counts>div{padding:14px;border:1px solid var(--line);border-radius:8px;background:#f9fbf7}.cleanup-counts strong{display:block;font-size:26px;font-weight:600;line-height:1.2}.cleanup-counts span{font-size:11px;color:var(--muted);display:block;margin-top:6px}.cleanup-review{margin-top:18px;max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:9px}.cleanup-review th{position:sticky;top:0}.cleanup-removed-groups{font-size:12px}.cleanup-removed-groups summary{cursor:pointer;font-weight:600}.cleanup-removed-groups p{margin-top:10px;line-height:1.8}.cleanup-panel .btn:disabled{cursor:not-allowed}
/* A full-width, accent-aware offer callout precedes the catalog introduction. */
.store-promotion{background:var(--accent);color:var(--on-accent);border-top:1px solid var(--drawer-line)}.promotion-inner{display:flex;align-items:center;gap:20px;padding-top:23px;padding-bottom:23px}.promotion-mark{border:1px solid var(--drawer-line);border-radius:12px;width:48px;height:48px;display:grid;place-items:center;flex-shrink:0}.promotion-mark .icon{width:23px;height:23px}.promotion-copy{flex:1;min-width:0}.promotion-kicker{font-size:10px;font-weight:650;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}.promotion-headline{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}.promotion-headline>strong{font-size:23px;font-weight:650;line-height:1.25;overflow-wrap:anywhere;letter-spacing:-.4px}.promotion-discount{font-size:12px;font-weight:600;border:1px solid var(--drawer-line);border-radius:7px;padding:5px 9px}.promotion-copy>p{font-size:12px;margin-top:9px;overflow-wrap:anywhere}.promotion-copy>small{font-size:11px;display:block;line-height:1.7;margin-top:5px;max-width:900px}.promotion-copy>.promotion-end{font-weight:600;margin-top:6px}.store-promotion .promotion-shop{transition:box-shadow .15s;color:var(--accent);background:var(--on-accent);border-color:var(--on-accent);flex-shrink:0}.store-promotion .promotion-shop:focus-visible{outline-color:var(--on-accent)}.sale-filter{border:1px solid var(--line);color:var(--accent-text)}
@media(max-width:700px){.promotion-inner{gap:14px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.promotion-mark{display:none}.promotion-copy{flex-basis:100%}.promotion-headline>strong{font-size:21px}.promotion-shop{width:100%}.cleanup-overview{grid-template-columns:1fr;gap:15px}}
@media(max-width:540px){.cleanup-counts{gap:6px}.cleanup-counts>div{padding:10px}.cleanup-counts strong{font-size:23px}.cleanup-review th,.cleanup-review td{padding:10px;font-size:11px}.cleanup-review{max-width:100%}.cleanup-review table{min-width:450px}}
/* Custom timezone options live in the top layer and are positioned from the input rect. */
.timezone-field{min-width:0;align-content:start}.timezone-control{position:relative;display:block}.timezone-control>input{padding-right:62px}.timezone-toggle{position:absolute;right:3px;top:3px;bottom:3px;display:flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--muted);padding:0 9px;border-radius:6px}.timezone-toggle .icon{width:14px;height:14px}.timezone-menu{position:fixed;inset:auto;margin:0;padding:5px;border:1px solid #becfc3;border-radius:9px;background:#fff;color:var(--ink);box-shadow:0 8px 24px #173e3426;overflow:auto;max-width:calc(100vw - 24px);z-index:200}.timezone-menu::backdrop{background:transparent}.timezone-menu>[role=option]{display:block;width:100%;border:0;border-radius:6px;text-align:left;padding:9px 11px;background:white;color:var(--ink);cursor:pointer}.timezone-menu>[role=option]:hover,.timezone-menu>[role=option].highlighted{background:var(--soft)}.timezone-menu>[role=option][aria-selected=true]{box-shadow:inset 3px 0 var(--accent)}.timezone-menu strong,.timezone-menu small{display:block;overflow-wrap:anywhere}.timezone-menu strong{font-size:12px;font-weight:600}.timezone-menu small{font-size:11px;color:var(--muted);margin-top:3px}.timezone-menu>p{padding:12px}.sale-end-control{margin:0;min-width:0;padding:15px;border:1px solid var(--line);border-radius:9px;align-self:start}.sale-end-control>legend{font-size:13px;font-weight:550;padding:0 6px}.sale-end-options{display:flex;gap:13px 20px;flex-wrap:wrap;margin-bottom:12px}.sale-end-options>label{display:flex;align-items:center;gap:7px;font-size:12px;cursor:pointer}.sale-end-options input{accent-color:var(--accent)}.sale-end-control [hidden],.schedule-unsaved[hidden]{display:none!important}.sale-end-control>[data-end-never]{margin:0}.schedule-message{margin-top:18px}.schedule-message>strong{display:block}.schedule-message>p{margin-top:6px;line-height:1.7}.schedule-message>small{display:block;margin-top:8px;line-height:1.7}.schedule-unsaved{margin-top:12px}
@media(pointer:coarse){.timezone-menu>[role=option]{min-height:46px}}
/* Uploaded wordmarks keep their aspect ratio, with editable display limits. */
.storefront-brand{max-width:100%;flex-wrap:wrap}.storefront-brand .brand-copy{min-width:0;flex:1 1 140px}.storefront-brand .brand-name,.storefront-brand .brand-sub{overflow-wrap:anywhere}.brand img.brand-logo{height:auto;max-height:var(--logo-height,44px);width:auto;max-width:min(var(--logo-max-width,240px),100%);object-fit:contain;flex-shrink:1;min-width:0}.brand-controls{border-top:1px solid var(--line);padding-top:22px;min-width:0}.brand-controls>.field-help{margin-top:7px}.brand-visibility{display:flex;flex-wrap:wrap;gap:14px 24px}.brand-preview{padding:18px;border:1px solid var(--line);border-radius:10px;background:#f8faf6;min-width:0}.brand-preview>strong{font-size:12px}.brand-preview>.field-help{margin-top:5px}.brand-preview-surface{margin:15px 0 10px;padding:22px;border:1px solid var(--line);border-radius:8px;background:white;min-width:0}.brand-preview .brand{max-width:100%}.promotion-preview{border-top:1px solid var(--line);padding-top:24px;min-width:0}.promotion-preview>.field-help{margin-top:8px}.preview-status{font-size:12px;font-weight:600;margin:14px 0 12px}.promotion-preview .store-promotion{border:0;border-radius:10px;overflow:hidden}.promotion-preview .promotion-inner{padding:22px;max-width:100%;gap:14px;flex-wrap:wrap}.promotion-preview .promotion-copy{flex-basis:65%}.promotion-preview .promotion-headline>strong{font-size:21px}.promotion-preview .promotion-shop{pointer-events:none;opacity:1}.promotion-preview #promotion-live-preview.updating{opacity:.5}.promotion-preview #promotion-preview-note{margin-top:12px}.promotion-message{white-space:pre-line}.topbar-inner>.storefront-brand{flex:1;min-width:0}
@media(max-width:540px){.topbar-inner>.storefront-brand{flex-basis:100%}.brand-preview-surface{padding:14px}.brand-visibility{flex-direction:column}.promotion-preview .promotion-inner{padding:18px}.promotion-preview .promotion-copy{flex-basis:100%}.promotion-preview .between{align-items:flex-start}.promotion-preview .btn{white-space:normal;text-align:left}}

/* Category-specific lids share the existing contents illustration and coded vial label. */
.vial-art{position:relative;display:block;width:100%;height:100%;aspect-ratio:1}.vial-art>img.vial-base{display:block;width:100%;height:100%;object-fit:cover}.vial-art>img.supply-lid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 0 84% 0);pointer-events:none}

/* Shared section palette: strong headings, sage surfaces and distinct white fields. */
:root{--section-bg:#245548;--section-ink:#ffffff;--section-secondary:#e1eee4;--section-border:#a7c1ae;--form-surface:#edf4ea;--field-outline:#6f8b79}
.panel-head,.dialog-head{background:var(--section-bg);color:var(--section-ink);border-bottom-color:#173e33}.panel-head :is(h2,h3),.dialog-head h2{color:var(--section-ink)}.panel-head p{color:var(--section-secondary)}.panel-head .eyebrow{color:#d2e8d7}.dialog-head .btn.quiet{color:#fff;border-color:transparent}.dialog-head .btn.quiet:hover{background:#ffffff20;color:#fff}.dialog-head .btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.panel-head .field-help{color:var(--section-secondary)}
.cleanup-panel>.panel-head{--section-bg:#f0ddd7;--section-ink:#63372d;--section-secondary:#70463c;background:var(--section-bg);border-color:#d7b9ae}
.admin-content :is(.panel-body,.strength-editor) :is(.input,textarea,select){border-color:var(--field-outline);background:#fff}.admin-content .field>span{color:#244b3d}.admin-content .panel-body{background:#fff}.admin-content .panel-body>.form-grid{padding:0}.admin-content input:focus,.admin-content select:focus,.admin-content textarea:focus{border-color:#245548;box-shadow:0 0 0 3px #24554820}