:root{--ink:#17191c;--ink-muted:#5b6472;--line:#e2e6ec;--surface:#fff;--canvas:#f6f7f9;--danger:#b42318;--danger-surface:#fef3f2;--success:#067647;--success-surface:#ecfdf3;--accent:#1d4ed8;--accent-surface:#eff4ff;--radius:12px;--radius-inner:10px;--focus:#1d4ed8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{-webkit-font-smoothing:antialiased;margin:0}*,:before,:after{box-sizing:border-box}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.site-header{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:0 16px;display:flex}.site-header nav{align-items:center;gap:16px;display:flex}.site-header nav a{color:inherit;align-items:center;min-height:44px;font-size:.9375rem;display:inline-flex}.site-header a{color:inherit}.brand{letter-spacing:-.01em;font-weight:700;text-decoration:none}.shell{width:100%;max-width:1280px;margin:0 auto;display:block}.shell-side{background:var(--surface);border-bottom:1px solid var(--line);padding:12px 16px}.shell-side-top{justify-content:space-between;align-items:end;gap:12px;display:flex}.shell-store{flex-direction:column;gap:4px;min-width:0;margin:0;display:flex}.shell-store-label{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.shell-store-name{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.shell-store-select{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-inner);color:inherit;font:inherit;max-width:100%;min-height:44px;padding:8px 10px}.shell-nav-toggle{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-inner);color:inherit;cursor:pointer;font:inherit;flex:none;min-height:44px;padding:8px 16px;font-weight:600}.shell-nav{padding-top:12px;display:none}.shell-nav-open{display:block}.shell-nav ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.shell-nav-item{border-radius:var(--radius-inner);color:inherit;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px 12px;text-decoration:none;display:flex}.shell-nav-item:hover{background:var(--canvas)}.shell-nav-item-current{background:var(--accent-surface);box-shadow:inset 3px 0 0 var(--accent);color:var(--accent);font-weight:700}.shell-nav-item-unavailable{color:var(--ink-muted);cursor:default}.shell-nav-note{background:var(--canvas);border:1px solid var(--line);border-radius:999px;flex:none;padding:2px 8px;font-size:.6875rem;font-weight:600}.shell-content{min-width:0}main{max-width:880px;margin:0 auto;padding:24px 16px 64px}.page-narrow{max-width:640px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-header h1{letter-spacing:-.02em;overflow-wrap:anywhere;margin:2px 0 0;font-size:1.5rem}main button{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-inner);color:inherit;cursor:pointer;font:inherit;min-height:44px;padding:8px 16px;font-weight:600}main button[disabled]{color:var(--ink-muted);cursor:default}main input,main select,main textarea{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-inner);color:inherit;font:inherit;max-width:100%;min-height:44px;padding:8px 10px}main label{margin:12px 0 4px;font-weight:600;display:block}.page-intro{color:var(--ink-muted);margin:0 0 20px}main h2{letter-spacing:.01em;margin:28px 0 12px;font-size:1rem}.eyebrow{color:var(--ink-muted);letter-spacing:.12em;margin:0;font-size:.75rem;font-weight:700}.banner{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px}.banner-headline{margin:0 0 4px;font-size:1.0625rem;font-weight:700}.banner-detail{color:var(--ink-muted);margin:0}.banner-ready{background:var(--success-surface);border-color:#abefc6}.banner-ready .banner-headline{color:var(--success)}.banner-attention{background:var(--danger-surface);border-color:#fecdca}.banner-attention .banner-headline{color:var(--danger)}.banner-unknown{background:var(--canvas)}.card-grid{grid-template-columns:1fr;gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:16px;display:flex}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.card-head h2,.card-head h3{margin:0;font-size:1rem}.card-detail{color:var(--ink-muted);margin:0}.card-note{color:var(--ink-muted);margin:0;font-size:.875rem}.card-action{color:var(--accent);align-self:start;align-items:center;min-height:44px;font-weight:600;display:inline-flex}.pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;flex:none;padding:4px 10px;font-size:.75rem;font-weight:700}.pill-ok{background:var(--success-surface);color:var(--success);border-color:#abefc6}.pill-attention{background:var(--danger-surface);color:var(--danger);border-color:#fecdca}.pill-muted{background:var(--surface);border-color:var(--line);color:var(--ink-muted)}.attention-list,.integration-list,.store-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.attention-item{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--danger);border-radius:var(--radius);padding:14px 16px}.attention-title{margin:0 0 4px;font-weight:700}.attention-detail{color:var(--ink-muted);margin:0}.attention-incomplete{color:var(--ink-muted);margin:12px 0 0}.store-group h2{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.store-link{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;align-items:center;min-height:56px;padding:12px 16px;font-weight:600;text-decoration:none;display:flex}.store-link:hover{border-color:var(--accent)}.shopify-connection{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:auto 1fr;gap:4px 16px;margin:0 0 16px;padding:16px;display:grid}.shopify-connection dt{color:var(--ink-muted);font-size:.875rem}.shopify-connection dd{overflow-wrap:anywhere;margin:0}.scope-note{background:var(--accent-surface);border-radius:var(--radius);color:var(--ink);border:1px solid #c7d7fe;margin:0 0 16px;padding:14px 16px}.card+.card{margin-top:12px}.card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.setup-form{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.setup-form input,.setup-form select,.setup-form textarea{width:100%}.account-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.account-item{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-inner);flex-direction:column;gap:10px;padding:14px;display:flex}.account-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.account-name{overflow-wrap:anywhere;margin:0;font-weight:600}.account-holder{color:var(--ink-muted);margin:2px 0 0;font-size:.875rem}.account-pills{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.step-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.step{border-radius:var(--radius-inner);align-items:center;gap:12px;padding:10px 8px;display:flex}.step+.step{border-top:1px solid var(--line)}.step-number{background:var(--canvas);border:1px solid var(--line);border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8125rem;font-weight:700;display:inline-flex}.step-body{flex-direction:column;min-width:0;display:flex}.step-title{font-weight:600}.step-description{color:var(--ink-muted);font-size:.875rem}.step-status{color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;flex:none;margin-left:auto;font-size:.75rem;font-weight:700}.step-done .step-number{background:var(--success-surface);color:var(--success);border-color:#abefc6}.step-done .step-status{color:var(--success)}.step-current .step-number{background:var(--accent-surface);color:var(--accent);border-color:#c7d7fe}.step-current .step-title,.step-current .step-status{color:var(--accent)}.step-blocked .step-title,.step-unknown .step-title{color:var(--ink-muted)}.method-fieldset{border:0;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.method-row{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-inner);flex-direction:column;gap:8px;padding:14px;display:flex}.method-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.method-label{font-weight:600}.method-detail{color:var(--ink-muted);margin:0}.method-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.switch{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:6px 14px 6px 8px;display:inline-flex}.switch[disabled]{cursor:default;opacity:.6}.switch-track{background:#c9ced7;border-radius:999px;flex:none;width:36px;height:20px;transition:background .12s;display:inline-block;position:relative}.switch-thumb{background:var(--surface);border-radius:50%;width:16px;height:16px;transition:left .12s;position:absolute;top:2px;left:2px}.switch-on .switch-track{background:var(--success)}.switch-on .switch-thumb{left:18px}.switch-text{font-weight:600}.preference-row{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.preference-row select{width:100%}.field-error{color:var(--danger);margin:4px 0 0;font-size:.875rem}.branding-grid{grid-template-columns:1fr;gap:16px;display:grid}.color-field{align-items:center;gap:8px;display:flex}.color-field input[type=text]{flex:auto;width:auto;min-width:0}.color-field input.color-swatch{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-inner);flex:none;width:52px;height:44px;padding:4px}.branding-preview{min-width:0}.preview-caption{color:var(--ink-muted);margin:0 0 8px;font-size:.8125rem}.preview-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.preview-head{border-bottom:1px solid var(--line);align-items:center;min-height:40px;padding-bottom:10px;display:flex}.preview-store{color:var(--preview-primary,var(--ink));overflow-wrap:anywhere;font-size:1.0625rem;font-weight:700}.preview-logo{object-fit:contain;max-width:160px;max-height:36px}.preview-line{background:var(--line);border-radius:4px;height:10px;margin:0}.preview-line-short{width:60%}.preview-badge{background:var(--preview-accent,var(--success-surface));color:var(--ink);border-radius:999px;align-self:start;padding:4px 10px;font-size:.75rem;font-weight:700}.preview-button{background:var(--preview-button,var(--preview-primary,var(--ink)));border-radius:var(--radius-inner);color:#fff;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:600;display:flex}.filter-card{margin-bottom:12px}.filter-heading{letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.75rem;font-weight:700}.filter-grid{grid-template-columns:1fr;gap:12px;display:grid}.filter-grid select,.filter-grid input{width:100%}.table-wrap{overflow-x:auto}.operations-table{border-collapse:collapse;width:100%}.operations-table thead{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.operations-table tbody tr{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px;padding:12px 14px;display:block}.operations-table tbody tr.row-attention{border-left:3px solid var(--danger)}.operations-table td{overflow-wrap:anywhere;text-align:right;justify-content:space-between;gap:12px;min-width:0;padding:4px 0;display:flex}.operations-table td:before{color:var(--ink-muted);content:attr(data-label);text-align:left;flex:none;font-size:.8125rem}.row-link{color:var(--accent);overflow-wrap:anywhere;align-items:center;min-height:44px;font-weight:600;display:inline-flex}.pager{gap:8px;margin-top:4px;display:flex}.empty-state{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-muted);text-align:center;margin:0;padding:24px 16px}.list-error{background:var(--danger-surface);border-radius:var(--radius);color:var(--danger);border:1px solid #fecdca;margin:0;padding:16px}.pill-pending{color:#b54708;background:#fffaeb;border-color:#fedf89}.pill-failed{background:var(--danger-surface);color:var(--danger);border-color:#fecdca}.detail-list{grid-template-columns:auto 1fr;gap:4px 16px;margin:8px 0 0;display:grid}.detail-list dt{color:var(--ink-muted);font-size:.875rem}.detail-list dd{overflow-wrap:anywhere;text-align:right;margin:0}.action-card{border-color:var(--accent)}.action-heading{margin:0;font-weight:700}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary[disabled]{background:var(--ink-muted);border-color:var(--ink-muted);color:#fff}.review-note{background:var(--danger-surface);border-radius:var(--radius-inner);border:1px solid #fecdca;padding:12px 14px}.review-note p{margin:0 0 8px}.review-note p:last-child{margin-bottom:0}.admin-shell{width:100%;max-width:1440px;margin:0 auto;display:block}.admin-side{background:var(--ink);color:#f4f6f8;border-bottom:1px solid #2b2f36;padding:12px 16px}.admin-side-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-brand{flex-direction:column;gap:2px;margin:0;display:flex}.admin-brand-mark{letter-spacing:-.01em;font-weight:700}.admin-brand-label{color:#aab3c0;letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.admin-side .shell-nav-toggle{color:inherit;background:0 0;border-color:#3a4049}.admin-side .shell-nav-item{color:#dfe4ea}.admin-side .shell-nav-item:hover{background:#23272e}.admin-side .shell-nav-item-current{color:#fff;background:#23272e;box-shadow:inset 3px 0 #7aa2ff}.admin-side .shell-nav-item-unavailable{color:#8b939f;flex-direction:column;align-items:flex-start;gap:4px}.admin-side .shell-nav-note{color:#aab3c0;background:#23272e;border-color:#3a4049}.counter-grid{grid-template-columns:1fr;gap:12px;display:grid}.counter-card{gap:4px}.counter-value{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700}.counter-label{color:var(--ink-muted);margin:0}.counter-attention{border-left:3px solid var(--danger)}.counter-attention .counter-value{color:var(--danger)}.record-kind{background:var(--accent-surface);border-radius:var(--radius);border:1px solid #c7d7fe;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:12px 16px;display:flex}.record-kind-label{margin:0;font-weight:700}.record-kind-detail{color:var(--ink-muted);margin:2px 0 0}.issue-list{flex-direction:column;gap:12px;margin:0 0 12px;padding:0;list-style:none;display:flex}.issue-item{border-left:3px solid var(--danger)}.issue-title{margin:0;font-size:1rem}@media (min-width:900px){.shell{grid-template-columns:240px minmax(0,1fr);gap:24px;padding:24px 24px 0;display:grid}.shell-side{border:1px solid var(--line);border-radius:var(--radius);align-self:start;padding:16px;position:sticky;top:24px}.shell-side-top{display:block}.shell-nav-toggle{display:none}.shell-nav{display:block}main{padding:0 0 64px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.branding-grid{grid-template-columns:minmax(0,1fr) minmax(0,320px)}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-shell{grid-template-columns:232px minmax(0,1fr);gap:24px;padding:24px 24px 0;display:grid}.admin-side{border-radius:var(--radius);border:0;align-self:start;padding:16px;position:sticky;top:24px}.admin-side .shell-nav-toggle{display:none}.counter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.operations-table thead{clip-path:none;block-size:auto;inline-size:auto;position:static;overflow:visible}.operations-table thead th{border-bottom:1px solid var(--line);color:var(--ink-muted);text-align:left;white-space:nowrap;padding:8px 12px;font-size:.8125rem}.operations-table tbody tr{border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;padding:0;display:table-row}.operations-table tbody tr.row-attention{box-shadow:inset 3px 0 0 var(--danger);border-left:0}.operations-table td{text-align:left;vertical-align:middle;white-space:nowrap;padding:12px;display:table-cell}.operations-table td:first-child{white-space:normal}.operations-table td:before{content:none}.detail-list dd{text-align:left}.site-header{padding:0 24px}}
