/* Owner Desk: the Index storefront's bone, ink and cobalt design system. */
:root {
  color-scheme: light;
  --bg:#f1f0ec; --bg-2:#e7e5df; --bg-3:#e7e5df; --surface:#fff; --surface-2:#fafaf8;
  --text:#0b0b0c; --text-dim:#53535a; --text-mute:#66666e; --muted:#66666e;
  --border:rgba(11,11,12,.14); --border-2:rgba(11,11,12,.26);
  --teal:#1b4fd1; --cyan:#1b4fd1; --gold:#1b4fd1; --gold-light:#1b4fd1;
  --teal-soft:#dfe6fb; --teal-glow:rgba(27,79,209,.12); --danger:#a33138;
  --accent-grad:#1b4fd1; --shadow:none; --shadow-glow:none;
  --font:'General Sans','Helvetica Neue',Arial,sans-serif;
  --display:var(--font); --font-display:var(--font); --mono:'IBM Plex Mono',Consolas,monospace;
}
body[data-owner-dashboard] { background:var(--bg); font-family:var(--font); color:var(--text); }
body[data-owner-dashboard]::before,body[data-owner-dashboard]::after { display:none; }
[hidden] { display:none!important; }
button,input,select,textarea { font:inherit; }
a,button,input,select,textarea,summary { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:2px solid #1b4fd1; outline-offset:3px; }
.owner-app { grid-template-columns:230px minmax(0,1fr); background:var(--bg); }
.owner-sidebar { padding:28px 18px; gap:40px; background:#0b0b0c; border:0; color:#fff; }
.owner-sidebar .logo { gap:14px; padding:0 8px; }
.owner-sidebar .logo-word b { color:#fff; font-family:var(--font); font-size:17px; letter-spacing:.12em; }
.owner-sidebar .logo-word small { color:#b3b3ba; font-family:var(--mono); font-size:10px; letter-spacing:.15em; }
.logo-mark { background:none; border:0; border-radius:0; color:inherit; box-shadow:none; font:600 44px/1 var(--font); width:36px; height:44px; position:relative; }
.logo-mark > span { position:absolute; width:6px; height:6px; border-radius:50%; background:#1b4fd1; right:2px; top:7px; }
.owner-nav { gap:5px; }
.owner-nav a { min-height:46px; color:#b8b8c0; border:0; border-radius:2px; padding:12px 16px; font-size:15px; font-weight:500; }
.owner-nav a.active { background:#1b4fd1; color:white; }
.owner-nav a:hover:not(.active) { background:#222225; color:white; }
.owner-nav .owner-store-link { margin-top:28px; border-top:1px solid #333338; padding-top:22px; }
.owner-sync-note { border:0; border-top:1px solid #333338; border-radius:0; background:none; padding:20px 8px 0; }
.owner-sync-note strong { color:white; font-weight:500; }
.owner-sync-note span { color:#aaaab3; font-size:12px; }
.owner-sync-note .btn { color:#eee; border:1px solid #505056; background:none; }
.owner-main { padding:28px clamp(20px,3vw,44px) 56px; gap:24px; }
.owner-breadcrumb { font:12px var(--mono); margin-bottom:18px; }
.owner-breadcrumb > span:first-child { margin:0 10px; color:#999; }
.owner-topbar { align-items:center; min-height:110px; margin-bottom:8px; }
.owner-topbar h1 { font:500 clamp(34px,3.3vw,48px)/1.08 var(--font); letter-spacing:-.04em; margin:0 0 10px; }
.owner-topbar p { font-size:14px; max-width:650px; line-height:1.55; }
.owner-actions { flex-shrink:0; gap:8px; }
.btn { border-radius:2px; font-family:var(--font); font-weight:500; box-shadow:none; min-height:42px; padding:10px 17px; font-size:14px; letter-spacing:0; }
.btn:hover { transform:none; box-shadow:none; }
.btn-primary { color:#fff; background:#1b4fd1; border:1px solid #1b4fd1; }
.btn-primary:hover { background:#1440b0; color:white; }
.btn-ghost { background:transparent; color:var(--text); border:1px solid var(--border-2); }
.btn-ghost:hover { background:#e0e0df; color:var(--text); }
.owner-metrics { gap:0; margin:4px 0 2px; }
.owner-metric { border:0; border-right:1px solid var(--border); border-radius:0; padding:12px 24px; background:none; box-shadow:none; min-height:88px; gap:18px; }
.owner-metric:first-child { padding-left:0; }
.owner-metric:last-child { border-right:0; }
.owner-metric span { font-size:13px; text-transform:none; font-weight:500; color:#33333a; }
.owner-metric strong { font-size:30px; font-weight:500; letter-spacing:-.03em; }
.owner-metric.warn strong { color:#985522; }
.owner-metric.danger strong { color:#a33138; }
.owner-panel,.owner-order,.owner-price-card,.owner-affiliate-card,.owner-affiliate-graph { background:#fff; border:1px solid var(--border); border-radius:2px; box-shadow:none; }
.owner-panel { padding:22px; }
.owner-panel-head { margin-bottom:20px; }
.owner-panel-head h2,.owner-backend-note h2 { font:500 22px var(--font); letter-spacing:-.025em; }
.owner-panel-head p { font-size:13px; line-height:1.6; max-width:800px; }
.owner-panel-head:has(>h2) { display:block; }
.owner-toolbar { background:#fff; border:1px solid var(--border); border-radius:2px; padding:16px; align-items:flex-start; flex-direction:column; gap:14px; margin-bottom:-25px; }
.owner-toolbar .owner-search { background:#fff; color:var(--text-dim); border-color:var(--border-2); border-radius:2px; width:min(420px,100%); }
.owner-search input { color:var(--text); width:100%; min-height:40px; font-size:14px; }
.owner-tabs { justify-content:flex-start; gap:5px; max-width:100%; flex-wrap:wrap; }
.filter-tab { border-radius:2px; font-size:12px; padding:7px 11px; font-weight:500; color:var(--text-dim); background:none; border:1px solid transparent; }
.filter-tab.active { color:#1b4fd1; border-color:#1b4fd1; background:#eff3fc; }
.owner-table th { font:500 10px var(--mono); color:var(--text-dim); letter-spacing:.03em; border-color:var(--border); }
.owner-table td { border-color:var(--border); font-size:13px; }
.owner-table td strong { font-weight:500; }
.owner-table td span { font-size:11px; }
.owner-number-input,.owner-text-input,.owner-field input,.owner-field select,.owner-field textarea,.owner-section-search input { background:#fafaf8; border:1px solid var(--border-2); border-radius:2px; color:var(--text); min-height:40px; padding:9px 10px; font-size:13px; font-weight:400; }
.owner-number-input:focus,.owner-text-input:focus,.owner-field input:focus,.owner-field select:focus,.owner-field textarea:focus { border-color:#1b4fd1; box-shadow:0 0 0 2px #dfe6fb; }
.owner-field span,.owner-section-search { font:500 11px var(--mono); color:var(--text-dim); text-transform:none; }
.owner-status { border-radius:2px; font:11px var(--mono); white-space:nowrap; }
.owner-status.ok { background:#e4f1e9; border-color:#c0daca; color:#24563b; }
.owner-status.low { background:#fff2d9; color:#84541a; border-color:#e8d2a5; }
.owner-status.out { background:#f7e5e7; color:#963640; border-color:#e6c4c8; }
.owner-grid { gap:20px; }
.owner-activity-row { border-color:var(--border); background:#fafaf8; border-radius:2px; }
.owner-pricing-panel,.owner-orders-panel,.owner-discount-panel { margin-top:0; }
.owner-price-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr)); gap:14px; }
.owner-price-card { background:#fafaf8; padding:18px; }
.owner-price-state { font-weight:400; }
.owner-pricing-head,.owner-live-heading { flex-wrap:wrap; }
.owner-section-search { display:grid; gap:7px; width:min(420px,100%); margin-bottom:20px; }
.owner-section-search input { width:100%; font-family:var(--font); }
.owner-order-filters { display:flex; gap:16px; align-items:start; flex-wrap:wrap; }
.owner-order-filters .owner-field { min-width:200px; }
.owner-order-grid a { color:#1b4fd1; overflow-wrap:anywhere; }
.owner-order-grid > div { min-width:0; }
.owner-order-grid small { overflow-wrap:anywhere; }
.owner-order summary { color:#1b4fd1; }
.owner-affiliate-graphs { gap:14px; }
.owner-affiliate-graph { background:#fafaf8; }
.owner-affiliate-bar-track { background:#e9e9ec; }
.owner-affiliate-graph .owner-affiliate-bar-track i { background:#1b4fd1; }
.owner-affiliate-card code { background:#eff3fc; color:#1b4fd1; border-radius:2px; }
.owner-affiliate-stat-grid > div { background:#fafaf8; border-color:var(--border); border-radius:2px; }
.owner-affiliate-stat-grid > div.highlight { background:#eff3fc; border-color:#c7d5f8; }
.owner-affiliate-stat-grid b { color:var(--text); }
.owner-affiliate-stat-grid span { color:var(--text-dim); }
.owner-payout-status { border-radius:2px; }
.owner-payout-status.due { background:#fff2d9; color:#84541a; }
.owner-payout-status.paid { background:#e4f1e9; color:#24563b; }
.owner-payout-status.pending,.owner-payout-status.warn { background:#eff3fc; color:#1b4fd1; }
.owner-live-status { color:var(--text-dim); }
.owner-live-status i { background:#24563b; box-shadow:none; }
.owner-payout-table,.owner-payout-row { border-color:var(--border); background:none; }
.owner-login { background:var(--bg); position:relative; }
.owner-login-card { background:#fff; color:var(--text); border:1px solid var(--border); border-radius:2px; box-shadow:none; width:min(470px,100%); padding:42px; }
.owner-login-card .logo-mark { color:#0b0b0c; margin-bottom:16px; }
.owner-login-brand { display:block; font:11px var(--mono); letter-spacing:.08em; color:var(--text-dim); margin-bottom:32px; }
.owner-login-card h1 { font:500 clamp(36px,5vw,46px)/1.06 var(--font); letter-spacing:-.04em; margin-bottom:18px; }
.owner-login-card > p:not(.checkout-error) { color:var(--text-dim); font-size:14px; line-height:1.6; margin-bottom:26px; }
.owner-login-card .owner-field input { font-size:16px; min-height:48px; }
.owner-login-card .owner-field span { margin-top:6px; }
.owner-login-card .btn { min-height:48px; margin-top:20px; }
.owner-login-card .owner-login-back { margin:28px 0 0!important; font-size:12px; }
.owner-login-back a:hover { color:#1b4fd1; }
.checkout-error { background:#fae9eb; color:#963640; border-color:#e6c4c8; border-radius:2px; }
.toast { background:#0b0b0c; color:#fff; border-color:#444; border-radius:2px; box-shadow:none; }
@media (max-width:1150px) {
  .owner-topbar { flex-direction:column; align-items:flex-start; }
  .owner-actions { justify-content:flex-start; }
}
@media (max-width:900px) {
  .owner-app { grid-template-columns:minmax(0,1fr); }
  .owner-sidebar { position:relative; height:auto; padding:16px 20px; gap:16px; display:grid; grid-template-columns:minmax(0,1fr) auto; }
  .owner-sidebar .logo { padding:0; }
  .owner-nav { display:flex; flex-wrap:nowrap; gap:6px; overflow-x:auto; grid-column:1/-1; grid-row:2; min-width:0; }
  .owner-nav a { flex-shrink:0; min-height:44px; }
  .owner-nav .owner-store-link { margin:0; border:0; padding-top:12px; }
  .owner-sync-note { display:flex; align-items:center; justify-content:flex-end; gap:16px; margin:0; padding:0; border:0; grid-column:2; grid-row:1; }
  .owner-sync-note span,.owner-sync-note strong { display:none; }
  .owner-sync-note .btn { width:auto; margin:0; }
  .owner-main { padding:24px 20px 48px; }
  .owner-affiliate-graphs { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .owner-main { padding:24px 16px 40px; gap:18px; }
  .owner-metrics { grid-template-columns:1fr 1fr; row-gap:20px; }
  .owner-metric { padding:10px 16px; }
  .owner-metric:nth-child(odd) { padding-left:0; }
  .owner-metric:nth-child(even) { border-right:0; }
  .owner-panel { padding:16px; }
  .owner-grid,.owner-order-grid,.owner-price-controls,.owner-payout-form,.owner-order-controls { grid-template-columns:1fr; }
  .owner-affiliate-stat-grid { grid-template-columns:1fr 1fr; }
  .owner-table { min-width:1000px; }
  input,select,textarea,.owner-section-search input,.owner-field input,.owner-field select,.owner-field textarea { font-size:16px; }
  .owner-login-card { padding:28px; }
  .owner-topbar h1 { font-size:38px; }
  .owner-actions { display:flex; gap:6px; width:100%; }
  .owner-actions .btn { padding:10px 12px; font-size:13px; width:auto; flex:1; }
}