/* Artradables Admin — app.artradables.com theme (RevenueCat-style). Loaded only on the app subdomain. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&family=Cormorant+Garamond:wght@500&display=swap");

/* ---------- dark (default) ---------- */
html[data-adm-theme=dark] .adm.adm{
  --bg:#141416;--card:#1b1b1e;--line:#2c2c31;--line2:#26262b;
  --ink:#f2f2f4;--ink2:#d6d6dc;--mute:#a3a3ad;--mute2:#8d8d97;
  --soft:#1f1f23;--soft2:#26262b;--mute-l:#232327;
  --pri:#f2f2f4;--on-pri:#141416;
  --top-bg:#18181b;--side-bg:#18181b;
  --brand:#9aa5ff;--brand2:#b6beff;--brand-l:rgba(108,124,245,.16);
  --accent:#e8b6a0;
  --ok:#3ecf8e;--ok-l:rgba(62,207,142,.13);
  --warn:#f2a65a;--warn-l:rgba(242,153,74,.14);
  --bad:#ff8a8a;--bad-l:rgba(255,138,138,.13);
  --info:#8f9bff;--info-l:rgba(108,124,245,.15);
  --teal:#5fd6cf;--teal-l:rgba(95,214,207,.13);
  --sh:0 0 0 1px rgba(255,255,255,.02),0 8px 24px rgba(0,0,0,.25);
  --r:12px;
}
/* ---------- light ---------- */
html:not([data-adm-theme=dark]) .adm.adm{
  --bg:#f6f6f8;--card:#ffffff;--line:#e5e5ea;--line2:#eeeef2;
  --ink:#18181b;--ink2:#3f3f46;--mute:#62626c;--mute2:#7a7a84;
  --soft:#f4f4f6;--soft2:#ececf0;--mute-l:#efeff2;
  --pri:#18181b;--on-pri:#ffffff;
  --top-bg:#18181b;--side-bg:#fbfbfc;
  --brand:#4f5bd5;--brand2:#3d48c0;--brand-l:rgba(79,91,213,.10);
  --accent:#c98a72;
  --ok:#14804a;--ok-l:#e3f6ec;--warn:#a85f00;--warn-l:#fff2dd;--bad:#c42b2b;--bad-l:#fde8e8;--info:#4f5bd5;--info-l:#eceefe;
  --sh:0 1px 2px rgba(24,24,27,.05),0 1px 3px rgba(24,24,27,.06);
  --r:12px;
}

/* ---------- type ---------- */
.adm.adm{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.adm.adm .a-ph h1,.adm.adm .a-page>header h1{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:800;font-size:30px;letter-spacing:-.015em}
.adm.adm .a-card h2,.adm.adm .a-card h3,.adm.adm .a-card-h b,.adm.adm .a-card-h h2{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:700}

/* ---------- top bar ---------- */
.adm.adm .a-top{border-bottom:1px solid #26262b;box-shadow:none}
.adm.adm .a-gsearch input,.adm.adm .a-gsearch{border-radius:9px !important}
.adm.adm .a-top .a-tb{border-radius:9px}

/* ---------- sidebar ---------- */
.adm.adm .a-side{border-right:1px solid var(--line)}
.adm.adm .a-nav a{border-radius:9px;font-weight:600}
.adm.adm .a-nav a.active,.adm.adm .a-nav a[aria-current=page]{background:var(--soft2) !important;color:var(--ink) !important;box-shadow:none !important}
.adm.adm .a-nav a.active::before,.adm.adm .a-nav a[aria-current=page]::before{display:none !important}
/* count badges in the menu: small pills */
.adm.adm .a-nb{min-height:0 !important;height:20px;min-width:20px;padding:0 7px !important;border-radius:999px !important;font-size:11.5px;font-weight:700;line-height:20px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
html[data-adm-theme=dark] .adm.adm .a-nb{background:#3a3a42;color:#f2f2f4}
html[data-adm-theme=dark] .adm.adm .a-nb.warn{background:#f2994a;color:#1a1006}
/* top search box */
html[data-adm-theme=dark] .adm.adm .a-gsearch input{background:#232327 !important;border:1px solid #2f2f35 !important;color:#f2f2f4}
html[data-adm-theme=dark] .adm.adm .a-gsearch input:focus{border-color:#6c7cf5 !important;box-shadow:0 0 0 3px rgba(108,124,245,.2) !important}
.adm.adm .a-top .a-gsearch input{background:#232327 !important;border:1px solid #2f2f35 !important;color:#f2f2f4}
.adm.adm .a-nav-sec{letter-spacing:.08em;font-size:11px;font-weight:600;color:var(--mute)}

/* ---------- cards ---------- */
.adm.adm .a-card{border-radius:12px;border:1px solid var(--line);box-shadow:var(--sh)}
.adm.adm .a-card:hover{border-color:color-mix(in srgb,var(--line) 70%,var(--ink) 30%)}
.adm.adm .a-table th{font-size:12px;letter-spacing:.02em;color:var(--mute)}
.adm.adm .a-badge{border-radius:999px;font-weight:600}

/* ---------- buttons & inputs ---------- */
.adm.adm .a-btn{border-radius:9px;font-weight:600}
.adm.adm .a-btn.pri{background:var(--pri);color:var(--on-pri)}
.adm.adm .a-in{border-radius:9px}
.adm.adm .a-btngroup{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}
.adm.adm .a-btngroup .a-btn{border:0;background:transparent;min-height:34px;border-radius:8px}
.adm.adm .a-btngroup .a-btn.on{background:var(--soft2);color:var(--ink)}

/* ---------- KPI tiles: RevenueCat-style cards with sparkline ---------- */
.adm.adm .a-kpi{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 20px 74px !important;min-height:190px;box-shadow:var(--sh)}
.adm.adm .a-kpi .l{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:700;font-size:15px;color:var(--ink);display:flex;align-items:center;gap:8px}
.adm.adm .a-kpi .l svg{opacity:.75}
.adm.adm .a-kpi .v{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:800;font-size:40px;line-height:1.05;letter-spacing:-.02em;margin:18px 0 8px;color:var(--ink)}
.adm.adm .a-kpi .d{font-size:14px;color:var(--mute)}
.adm.adm .a-kpi svg.rc-spark{position:absolute;left:0;right:0;bottom:0;width:100%;height:60px;display:block;pointer-events:none}

/* brand wordmark tint on the dark top bar */
.adm.adm .a-brand img{filter:none}

/* ---------- sign-in screen ---------- */
html[data-adm-theme=dark] .adm.adm.a-auth{background:#141416;--glow1:rgba(108,124,245,.16);--glow2:rgba(232,182,160,.12)}
html:not([data-adm-theme=dark]) .adm.adm.a-auth{--glow1:rgba(79,91,213,.10);--glow2:rgba(232,182,160,.16)}
.adm.adm .a-auth-card{border-radius:16px}
.adm.adm .a-auth-card .a-btn.pri{background:var(--pri);color:var(--on-pri)}
.adm.adm .a-auth-badge{letter-spacing:.16em}

/* ---------- Where orders come from (dashboard) ---------- */
#rc-sources{padding:20px;display:flex;flex-direction:column;gap:14px}
#rc-sources .rc-src-h{display:flex;flex-direction:column;gap:2px}
#rc-sources .rc-src-h h2{margin:0;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:16px;font-weight:700;color:var(--ink)}
#rc-sources .rc-src-h span{font-size:13px;color:var(--mute)}
#rc-sources .rc-src-row{display:flex;flex-direction:column;gap:6px}
#rc-sources .rc-src-top{display:flex;align-items:baseline;gap:8px;font-size:14px;color:var(--ink2)}
#rc-sources .rc-src-top span{flex:1}
#rc-sources .rc-src-top b{color:var(--ink);font-weight:700}
#rc-sources .rc-src-top small{color:var(--mute);font-size:12px;min-width:58px;text-align:right}
#rc-sources .rc-src-bar{height:8px;border-radius:4px;background:var(--soft2);overflow:hidden}
#rc-sources .rc-src-bar i{display:block;height:8px;border-radius:4px}
#rc-sources .rc-src-empty{margin:0;color:var(--mute);font-size:14px}
.adm.adm .rc-src-tag{font-size:12px;color:var(--mute);margin-top:2px}