/* RUNSTAR OS - public site stylesheet. Lightweight, no frameworks. */
:root{
  --bg:#ffffff; --ink:#0b1220; --muted:#526078; --line:#e6eaf0;
  --accent:#2563eb; --accent-dark:#1d4ed8; --soft:#eef4ff;
  --dark:#0b1220; --radius:16px; --wrap:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-9999px;top:0;background:var(--dark);color:#fff;padding:10px 16px;z-index:99;border-radius:0 0 10px 0}
.skip:focus{left:0}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:26px;min-height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:.04em;margin-right:auto}
.brand-mark{display:block;width:34px;height:34px;object-fit:contain}
.brand-word{font-size:17px}
.site-nav{display:flex;gap:22px}
.site-nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:15px}
.site-nav a:hover{color:var(--ink)}
.header-cta{display:flex;gap:10px;align-items:center}
.btn{display:inline-block;text-decoration:none;font-weight:700;border-radius:12px;padding:11px 20px;font-size:15px;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-dark)}
.btn-ghost{border-color:var(--line);color:var(--ink);background:#fff}
.btn-ghost:hover{border-color:#c9d3e2}
.btn-light{background:#fff;color:var(--dark)}
.mobile-nav{display:none}
.hero{background:radial-gradient(900px 420px at 20% 0%,#e8effe 0%,transparent 60%),#fff;padding:72px 0 56px;border-bottom:1px solid var(--line)}
.eyebrow{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.12em;color:var(--accent);background:var(--soft);border:1px solid #d7e3ff;padding:6px 12px;border-radius:999px;margin-bottom:18px}
.hero h1{font-size:clamp(34px,5.4vw,58px);line-height:1.05;margin:0 0 16px;letter-spacing:-.02em}
.hero .lede{font-size:clamp(17px,2.2vw,20px);color:var(--muted);max-width:640px;margin:0 0 26px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.hero-note{color:var(--muted);font-size:14px}
.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
.hero-points div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
.hero-points strong{display:block;margin-bottom:4px}
.hero-points span{color:var(--muted);font-size:14.5px}
.section{padding:64px 0}
.section.alt{background:#f7f9fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section h2{font-size:clamp(26px,3.6vw,36px);letter-spacing:-.015em;margin:0 0 10px}
.section .sub{color:var(--muted);max-width:680px;margin:0 0 30px;font-size:17px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.card h3{margin:0 0 8px;font-size:19px}
.card p{margin:0;color:var(--muted)}
.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none}
.steps li{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.steps li::before{counter-increment:step;content:counter(step);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--dark);color:#fff;font-weight:800;margin-bottom:14px}
.steps h3{margin:0 0 8px}
.steps p{margin:0;color:var(--muted)}
.cta-band{background:var(--dark);color:#fff;border-radius:28px;padding:64px 48px;text-align:center;background:linear-gradient(135deg,#0b1a3a,#1a2f5e,#0b1a3a)}
.cta-band h2{margin:0 0 10px;color:#fff}
.cta-band p{color:#b9c4d8;margin:0 0 24px}
.cta-band .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.shell{padding:72px 0;max-width:720px}
.shell .card{padding:38px}
.shell h1{margin:0 0 10px;font-size:clamp(28px,4vw,40px);letter-spacing:-.015em}
.shell p{color:var(--muted)}
.field{margin:14px 0}
.field label{display:block;font-weight:700;margin-bottom:6px}
.field input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:16px}
.site-footer{background:var(--dark);color:#c6d0e2}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;padding:52px 22px 30px}
.footer-word{color:#fff;font-weight:800;letter-spacing:.05em;margin:0 0 4px}
.footer-tag{color:#fff;margin:0 0 12px;font-weight:600}
.footer-desc{margin:0;font-size:14.5px;max-width:420px}
.footer-h{color:#fff;font-weight:700;margin:0 0 10px}
.footer-nav a{display:block;color:#c6d0e2;text-decoration:none;padding:4px 0;font-size:15px}
.footer-nav a:hover{color:#fff}
.footer-base{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);padding:18px 22px 26px;font-size:13.5px}
.footer-base a{color:#c6d0e2}
.center{padding:90px 0;text-align:center}
@media (max-width:860px){
  .site-nav,.header-cta{display:none}
  .mobile-nav{display:block;position:relative}
  .mobile-nav summary{list-style:none;cursor:pointer;font-weight:700;border:1px solid var(--line);border-radius:10px;padding:9px 14px;background:#fff}
  .mobile-nav summary::-webkit-details-marker{display:none}
  .mobile-nav nav{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;min-width:220px;box-shadow:0 18px 50px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:4px;z-index:60}
  .mobile-nav nav a{padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:600}
  .mobile-nav nav a:hover{background:#f1f5f9}
  .hero{padding:52px 0 40px}
  .hero-points,.grid-3,.grid-2,.steps{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .cta-band{padding:38px 24px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

:root{
  --bg:#f4f7fc;--ink:#101d36;--muted:#54607c;--line:#dfe6f2;
  --accent:#2f7bff;--accent-dark:#1f63d8;--soft:#e8f0ff;
  --dark:#0a1730;--radius:4px;--wrap:1160px;
  --lime:#9dc0ff;--blue:#2f7bff;
  /* RUNSTAR brand (banner board): deep navy, electric blue/cyan, orange star.
     These --brand-* tokens power the public landing ONLY — the merchant
     dashboard keeps the shared tokens above unchanged. */
  --brand-navy:#050d1d;--brand-navy-2:#0f2247;--brand-navy-line:#1c3263;
  --brand-blue:#2f7bff;--brand-blue-dark:#1f63d8;--brand-blue-soft:#e8f0ff;
  --brand-orange:#f2762e;--brand-orange-dark:#e05f1a;--brand-orange-soft:#fdf1e7;
}
body{font-family:"Avenir Next","Trebuchet MS",sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--blue)}
.wrap{max-width:var(--wrap)}
.site-header{background:rgba(244,247,252,.96);border-color:var(--line);backdrop-filter:blur(12px)}
.header-inner{min-height:76px}
.brand{letter-spacing:0}
.brand-mark{width:38px;height:38px}
.brand-word{font-size:16px;letter-spacing:.08em}
.site-nav{gap:26px}
.site-nav a{font-size:14px}
.btn{border-radius:3px;padding:12px 19px;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
.btn-primary{background:var(--dark);color:#fff}
.btn-primary:hover{background:var(--brand-navy-2)}
.btn-ghost{border-color:#b9c6de;background:transparent}
.btn-ghost:hover{border-color:var(--dark);background:#fff}
.btn-light{background:#fff;color:var(--dark)}
.btn-light:hover{background:#e8f0ff}
.hero{
  padding:76px 0 68px;border:0;
  background-color:#eef3fb;
  background-image:linear-gradient(rgba(10,23,48,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(10,23,48,.035) 1px,transparent 1px);
  background-size:36px 36px;
}
/* ---- Live commerce landing: RUNSTAR brand board (deep navy / electric blue / orange).
   Scoped under .hero-commerce-grid — exists ONLY in lib/landing.js, so auth
   flows, error shells and the merchant dashboard are untouched. ---- */
.hero-commerce{
  background-color:var(--brand-navy);
  background-image:
    radial-gradient(700px 320px at 12% -10%,rgba(47,123,255,.28),transparent 65%),
    radial-gradient(560px 300px at 88% 108%,rgba(242,118,46,.16),transparent 60%),
    linear-gradient(rgba(94,162,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(94,162,255,.07) 1px,transparent 1px);
  background-size:auto,auto,36px 36px,36px 36px;
  border-bottom:2px solid transparent;
  border-image:linear-gradient(90deg,var(--brand-blue) 0%,var(--brand-orange) 100%) 1;
  color:#fff;
}
.hero-commerce-grid{align-items:start}
.hero-commerce .hero-copy .eyebrow{background:rgba(47,123,255,.14);border:1px solid rgba(94,162,255,.4);border-left:3px solid var(--brand-orange);border-radius:4px;color:#9dc0ff}
.hero-commerce .hero-copy h1{color:#fff;font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.02em;max-width:640px;background:linear-gradient(120deg,#fff 0%,#9dc0ff 55%,#f2762e 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-commerce .hero-copy .lede{color:#c3cfee;font-size:clamp(16px,1.6vw,19px);line-height:1.65;max-width:600px}
.hero-commerce .hero-note{color:#8ea3c8}
.hero-commerce .hero-ticks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.hero-commerce .hero-ticks li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:#dbe6fa}
.hero-commerce .hero-ticks svg{flex:0 0 18px;width:18px;height:18px;fill:#3ddc84}
.hero-commerce .hero-proof{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid rgba(148,178,226,.2);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8ea3c8}
.hero-commerce .hero-proof i{font-style:normal;color:rgba(148,178,226,.5)}
.hero-commerce .hero-commerce-grid{padding-bottom:8px}
.hero-commerce .btn-primary{background:var(--brand-orange);color:#fff;box-shadow:0 0 18px rgba(242,118,46,.5)}
.hero-commerce .btn-primary:hover{background:var(--brand-orange-dark)}
.hero-commerce .btn-ghost{border-color:rgba(94,162,255,.5);color:#fff;background:rgba(47,123,255,.1)}
.hero-commerce .btn-ghost:hover{border-color:var(--brand-blue);background:rgba(47,123,255,.22)}
.hero-commerce .hero-visual{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hero-commerce .hero-dash,.hero-commerce .hero-store{background:rgba(15,34,71,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(148,178,226,.25);border-radius:20px;padding:16px;color:#dbe6fa;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 50px rgba(0,0,0,.5)}
.hero-commerce .hero-dash-top{display:flex;align-items:center;gap:6px;margin-bottom:12px}
.hero-commerce .hero-dot{width:9px;height:9px;border-radius:50%;background:var(--brand-navy-line)}
.hero-commerce .hero-dot:first-child{background:var(--brand-orange)}
.hero-commerce .hero-dash-title{font-size:11px;color:#8ea3c8;margin-left:6px}
.hero-commerce .hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.hero-commerce .hero-kpis>div{background:rgba(47,123,255,.1);border:1px solid rgba(94,162,255,.3);border-radius:8px;padding:8px 10px}
.hero-commerce .hero-kpis span{display:block;font-size:10.5px;color:#8ea3c8}
.hero-commerce .hero-kpis strong{font-size:17px;color:#fff}
.hero-commerce .hero-chart{display:flex;align-items:flex-end;gap:6px;height:64px;margin-bottom:12px}
.hero-commerce .hero-chart span{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--brand-blue),rgba(47,123,255,.25))}
.hero-commerce .hero-ai{background:rgba(242,118,46,.1);border:1px solid rgba(242,118,46,.45);border-radius:8px;padding:10px 12px;font-size:12.5px}
.hero-commerce .hero-ai strong{display:block;color:var(--brand-orange);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.hero-commerce .hero-store-top{display:flex;justify-content:space-between;font-size:12px;color:#8ea3c8;margin-bottom:10px}
.hero-commerce .hero-pill{font-size:10.5px;font-weight:800;color:var(--brand-orange);border:1px solid rgba(242,118,46,.5);border-radius:999px;padding:2px 9px}
.hero-commerce .hero-store-hero{height:96px;border-radius:8px;background:linear-gradient(135deg,var(--brand-navy-2),var(--brand-blue) 130%);margin-bottom:10px}
.hero-commerce .hero-store-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hero-commerce .hero-store-rows span{height:34px;border-radius:6px;background:rgba(94,162,255,.14);border:1px solid rgba(94,162,255,.25)}
/* ---- Live landing sections: liquid-glass cards on deep navy.
   All selectors require .hero-commerce on the page — anything without it
   (auth, error shells, dashboard, storefronts) is untouched. ---- */
.hero-commerce ~ .section{position:relative;overflow:hidden;background:#050d1d;color:#dbe6fa}
.hero-commerce ~ .section.alt{background:#081226}
.hero-commerce ~ .section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 300px at 85% -5%,rgba(47,123,255,.16),transparent 62%),radial-gradient(520px 280px at 8% 105%,rgba(242,118,46,.1),transparent 60%)}
.hero-commerce ~ .section>.wrap{position:relative}
.hero-commerce ~ .section .eyebrow{display:inline-block;color:#9dc0ff;background:rgba(47,123,255,.12);border:1px solid rgba(94,162,255,.35);border-radius:999px;padding:6px 12px}
.hero-commerce ~ .section h2{color:#fff}
.hero-commerce ~ .section .sub{color:#93a5cc}
.hero-commerce ~ .section .card{position:relative;background:rgba(148,178,226,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(148,178,226,.18);border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 44px rgba(2,6,17,.5);color:#dbe6fa}
.hero-commerce ~ .section .card h3{color:#fff}
.hero-commerce ~ .section .card p{color:#a9bade}
.hero-commerce ~ .section .card-live{border-top:3px solid var(--brand-blue)}
.hero-commerce ~ .section .card-live .card-flag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-dark));border-radius:999px;padding:3px 10px;margin-bottom:10px;box-shadow:0 0 12px rgba(47,123,255,.55)}
.hero-commerce ~ .section .card-roadmap .card-flag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffb98a;background:rgba(242,118,46,.14);border:1px solid rgba(242,118,46,.5);border-radius:999px;padding:3px 10px;margin-bottom:10px}
.hero-commerce ~ .section .card .btn-ghost{border-color:rgba(94,162,255,.5);color:#dbe6fa;background:rgba(47,123,255,.12)}
.hero-commerce ~ .section .card .btn-ghost:hover{border-color:var(--brand-blue);background:rgba(47,123,255,.24)}
.hero-commerce ~ .section .btn-primary{background:var(--brand-orange);box-shadow:0 0 18px rgba(242,118,46,.45)}
.hero-commerce ~ .section .btn-primary:hover{background:var(--brand-orange-dark)}
.hero-commerce ~ .section .steps li{background:rgba(148,178,226,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(148,178,226,.18);border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 44px rgba(2,6,17,.5)}
.hero-commerce ~ .section .steps h3{color:#fff}
.hero-commerce ~ .section .steps p{color:#a9bade}
.hero-commerce ~ .section .steps li::before{background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-dark));color:#fff;box-shadow:0 0 14px rgba(47,123,255,.5)}
.hero-commerce ~ .section .cta-band{background:linear-gradient(135deg,rgba(15,34,71,.85) 0%,rgba(10,23,48,.92) 60%,rgba(26,58,122,.85) 100%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(148,178,226,.25);border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 60px rgba(2,6,17,.55)}
.hero-commerce ~ .section .cta-band .btn-light{background:#fff;color:var(--brand-navy)}
@media(max-width:860px){
  .hero-commerce .hero-visual{grid-template-columns:1fr}
}
/* Footer + header go dark glass only on the live landing (progressive
   enhancement: if :has() is unsupported they keep their light fallback). */
body:has(.hero-commerce) .site-header{background:rgba(5,13,29,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(148,178,226,.16)}
body:has(.hero-commerce) .brand,body:has(.hero-commerce) .brand-word{color:#fff}
body:has(.hero-commerce) .site-nav a{color:#a9bade}
body:has(.hero-commerce) .site-nav a:hover{color:#fff}
body:has(.hero-commerce) .site-header .btn-primary{background:var(--brand-orange);color:#fff;box-shadow:0 0 16px rgba(242,118,46,.45)}
body:has(.hero-commerce) .site-header .btn-primary:hover{background:var(--brand-orange-dark)}
body:has(.hero-commerce) .site-header .btn-ghost{border-color:rgba(94,162,255,.5);color:#fff;background:rgba(47,123,255,.12)}
body:has(.hero-commerce) .site-header .btn-ghost:hover{border-color:var(--brand-blue);background:rgba(47,123,255,.24)}
body:has(.hero-commerce) .mobile-nav summary{border-color:rgba(148,178,226,.28);background:rgba(148,178,226,.08);color:#fff}
body:has(.hero-commerce) .mobile-nav nav{background:#0a1730;border-color:rgba(148,178,226,.22)}
body:has(.hero-commerce) .mobile-nav nav a{color:#dbe6fa}
body:has(.hero-commerce) .mobile-nav nav a:hover{background:rgba(148,178,226,.12);color:#fff}
body:has(.hero-commerce) .site-footer{background:var(--brand-navy);color:#c6d2ea}
body:has(.hero-commerce) .footer-nav a,body:has(.hero-commerce) .footer-base a{color:#c6d2ea}
body:has(.hero-commerce) .footer-base{border-top-color:var(--brand-navy-line)}
.hero .wrap{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.85fr);
  grid-template-areas:"eyebrow visual" "title visual" "lede visual" "actions visual" "note visual";
  align-items:center;column-gap:64px;row-gap:12px;
}
.hero .eyebrow{grid-area:eyebrow;margin:0;background:transparent;border:0;border-left:3px solid var(--accent);border-radius:0;padding:2px 0 2px 12px;color:var(--dark);font-size:11px;letter-spacing:.12em}
.hero h1{grid-area:title;margin:6px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:62px;line-height:1.04;letter-spacing:0;font-weight:500;max-width:620px}
.hero .lede{grid-area:lede;margin:0;max-width:570px;font-size:18px;line-height:1.65;color:#44536e}
.hero-cta{grid-area:actions;display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 0}
.hero-note{grid-area:note;margin:0;color:#56647e;font-size:13px}
.hero-points{
  grid-area:visual;display:block;margin:0;padding:26px 26px 20px;
  background:var(--dark);border:1px solid var(--brand-navy-line);border-radius:4px;
  color:#fff;box-shadow:12px 12px 0 rgba(10,23,48,.14);
}
.hero-points::before{content:"DOMAIN SERVICES";display:block;padding-bottom:18px;color:var(--brand-orange);font-size:11px;font-weight:800;letter-spacing:.12em}
.hero-points::after{content:"INSPECT  /  PROVISION  /  CONFIRM";display:block;padding-top:18px;color:#c6d2ea;font-size:10px;font-weight:700;letter-spacing:.09em}
.hero-points div{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:12px;padding:16px 0;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.17);border-radius:0}
.hero-points strong{font-size:12px;color:var(--lime);letter-spacing:.06em}
.hero-points span{font-size:14px;color:#eef3fb}
.section{padding:76px 0;background:#fff}
.section.alt{background:#eef2f9;border:0}
.section h2{max-width:740px;margin:0 0 14px;font-family:Georgia,"Times New Roman",serif;font-size:42px;font-weight:500;line-height:1.12;letter-spacing:0}
.section .sub{max-width:740px;margin:0 0 32px;color:var(--muted);font-size:17px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.card{position:relative;padding:23px 0 24px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.card h3{margin:0 0 7px;font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:500}
.card p{max-width:340px;font-size:15px;line-height:1.65}
.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.steps li{padding:23px;border:1px solid #d5e0f0;border-radius:4px;background:#f6f9fd}
.steps li::before{width:36px;height:36px;border-radius:3px;background:var(--brand-blue);color:#fff}
.steps h3{font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:500}
.steps p{font-size:15px;line-height:1.65}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:42px 46px;background:var(--dark);border-radius:4px;text-align:left}
.cta-band h2{max-width:540px;margin:0 0 10px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:38px;font-weight:500}
.cta-band p{max-width:560px;margin:0;color:#d0ddd5}
.cta-band .row{display:flex;gap:10px;flex-shrink:0}
.site-footer{background:var(--brand-navy);color:#c6d2ea}
.footer-word{color:#fff;letter-spacing:.08em}
.footer-tag{color:var(--brand-orange)}
.footer-nav a,.footer-base a{color:#c6d2ea}
.mobile-nav summary{border-radius:3px;background:transparent}
.mobile-nav nav{border-radius:4px}
.mobile-nav nav a{border-radius:3px}
.shell h1{font-size:40px;letter-spacing:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:860px){
  .hero{padding:54px 0}
  .hero .wrap{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "lede" "actions" "note" "visual";gap:14px}
  .hero h1{font-size:48px;max-width:680px}
  .hero-points{margin-top:14px;box-shadow:7px 7px 0 rgba(23,57,46,.12)}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
  .steps{grid-template-columns:1fr}
  .cta-band{align-items:flex-start;flex-direction:column;padding:34px 26px}
}
@media(max-width:560px){
  .hero{padding:42px 0}
  .hero h1{font-size:39px}
  .hero .lede{font-size:16px}
  .hero-points{padding:18px}
  .hero-points div{grid-template-columns:88px minmax(0,1fr);gap:8px;padding:13px 0}
  .hero-points span{font-size:13px}
  .section{padding:56px 0}
  .section h2{font-size:32px}
  .grid-3{grid-template-columns:1fr}
  .cta-band h2{font-size:31px}
  .cta-band .row{flex-wrap:wrap}
  .shell h1{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}

.field select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:inherit;font-size:16px}
.shell{max-width:720px}
.field input:focus,.field select:focus{outline:3px solid rgba(47,123,255,.25);border-color:var(--accent)}
.form-error{padding:12px 14px;border-left:3px solid #b54235;background:#fff0ed;color:#7a211b;font-weight:600}
.optional{color:var(--muted);font-size:13px;font-weight:400}
.account-greeting{overflow-wrap:anywhere}
form .btn{font-family:inherit}

/* Onboarding: "what are you building?" mode picker */
.site-mode{border:0;padding:0;margin:16px 0}
.site-mode legend{display:block;font-weight:700;margin-bottom:6px;padding:0}
.site-mode-hint{margin:0 0 10px;color:var(--muted);font-size:13px}
.site-mode-option{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;margin:8px 0;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
.site-mode-option:hover{border-color:#b9cdf2}
.site-mode-option:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.site-mode-option input{margin:3px 0 0;width:16px;height:16px;accent-color:var(--accent);flex:0 0 auto}
.site-mode-copy{display:flex;flex-direction:column;gap:2px}
.site-mode-copy strong{font-size:15px}
.site-mode-copy span{color:var(--muted);font-size:13.5px}

/* ============ Phase 3: customer business dashboard ============ */
.dash{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh;background:var(--bg)}
.dash-sidebar{background:var(--dark);color:#dfe8e2;padding:0 0 24px;position:sticky;top:0;height:100vh;overflow-y:auto}
.dash-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.08em;font-size:14px;padding:18px 20px 16px;border-bottom:1px solid rgba(255,255,255,.12)}
.dash-brand-mark{display:block;width:30px;height:30px;object-fit:contain}
.dash-nav{padding:10px 10px 0}
.dash-nav-group{margin:0 0 14px}
.dash-nav-heading{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9db3a6;margin:14px 12px 6px}
.dash-nav-link{display:block;color:#dfe8e2;text-decoration:none;font-size:13.5px;font-weight:600;padding:7px 12px;border-radius:4px;margin-bottom:2px}
.dash-nav-link:hover{background:rgba(255,255,255,.08);color:#fff}
.dash-nav-link.is-active{background:var(--lime);color:var(--dark)}
.dash-sidebar-foot{margin-top:18px;padding:14px 12px 0;border-top:1px solid rgba(255,255,255,.12)}
.dash-sidebar-foot a{display:block;color:#9db3a6;text-decoration:none;font-size:13px;padding:5px 12px}
.dash-sidebar-foot a:hover{color:#fff}
.dash-logout{margin:0;padding:0 12px}
.dash-logout button{border:0;background:transparent;color:#9db3a6;font:inherit;font-size:13px;padding:5px 0;cursor:pointer}
.dash-logout button:hover{color:#fff}
.dash-main{display:flex;flex-direction:column;min-width:0}
.dash-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 26px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}
.dash-crumbs{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);flex-wrap:wrap}
.dash-crumbs a{color:var(--muted);text-decoration:none}
.dash-crumbs a:hover{color:var(--ink);text-decoration:underline}
.dash-crumb-sep{color:var(--line)}
.dash-crumb-current{font-weight:700;color:var(--ink)}
.dash-topbar-actions{display:flex;align-items:center;gap:12px}
.dash-search input{border:1px solid var(--line);border-radius:4px;padding:8px 12px;font-size:13.5px;min-width:220px;background:#fff}
.dash-sr{position:absolute;left:-9999px}
.dash-content{padding:26px;display:flex;flex-direction:column;gap:20px}
.dash-page-head h1{margin:0 0 6px;font-size:clamp(24px,3vw,32px);letter-spacing:-.01em}
.dash-note{margin:0;color:var(--muted);font-size:14.5px}
.dash-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:4px 4px 0 rgba(23,57,46,.06)}
.dash-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.dash-card-head h2{margin:0 0 4px;font-size:19px}
.dash-card-head p{margin:0;color:var(--muted);font-size:14px}
.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dash-stat{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px;box-shadow:4px 4px 0 rgba(23,57,46,.06)}
.dash-stat-label{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.dash-stat-value{margin:0;font-size:24px;font-weight:800}
.dash-stat-meta{margin:4px 0 0;font-size:12.5px;color:var(--muted)}
.dash-table-wrap{overflow-x:auto}
.dash-table{width:100%;border-collapse:collapse;font-size:14px}
.dash-table th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 10px}
.dash-table td{border-bottom:1px solid var(--line);padding:10px}
.dash-table tr:last-child td{border-bottom:0}
.dash-table-empty{margin:4px 0;color:var(--muted);font-size:14px}
.dash-empty{border:1px dashed var(--line);border-radius:8px;padding:26px;text-align:center;background:#fdfefa}
.dash-empty h3{margin:0 0 6px;font-size:17px}
.dash-empty p{margin:0 0 12px;color:var(--muted);font-size:14px}
.dash-btn{display:inline-block;text-decoration:none;font-weight:700;border-radius:4px;padding:10px 16px;font-size:14px;border:1px solid transparent;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}
.dash-btn-primary{background:var(--accent);color:#fff}
.dash-btn-primary:hover{background:var(--accent-dark)}
.dash-btn-ghost{border-color:var(--line);color:var(--ink);background:#fff}
.dash-btn-ghost:hover{border-color:var(--dark)}
.dash-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dash-links a{display:block;border:1px solid var(--line);border-radius:6px;padding:12px 14px;text-decoration:none;font-weight:700;font-size:14px;color:var(--blue);background:#fff}
.dash-links a:hover{border-color:var(--dark)}
.dash-steps{list-style:decimal;padding-left:22px;margin:0;display:flex;flex-direction:column;gap:12px}
.dash-steps strong{display:block;font-size:15px}
.dash-steps span{display:block;color:var(--muted);font-size:14px;margin:2px 0 6px}
.dash-toggle-list{list-style:none;margin:0;padding:0}
.dash-toggle-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.dash-toggle-list li:last-child{border-bottom:0}
.dash-toggle-list strong{display:block;font-size:14.5px}
.dash-toggle-list span{color:var(--muted);font-size:13.5px}
.dash-status{display:inline-block;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;white-space:nowrap}
.dash-status-pending{background:#f6f0d8;color:#7a6a1f;border:1px solid #e4d9a8}
.dash-checklist{margin:0;padding-left:20px;color:var(--muted);font-size:14.5px}
.dash-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:720px}
.dash-field{display:flex;flex-direction:column;gap:5px;grid-column:span 1}
.dash-form .dash-btn{justify-self:start;grid-column:span 1}
.dash-form .dash-hint{grid-column:1/-1;margin:0}
.dash-form [for]{font-weight:700;font-size:13.5px}
.dash-field input,.dash-field select,.dash-field textarea{border:1px solid var(--line);border-radius:4px;padding:10px 12px;font-size:14.5px;font-family:inherit;width:100%;background:#fff}
.dash-field textarea{resize:vertical}
.dash-form .dash-h3{grid-column:1/-1;margin:12px 0 0;font-size:15px;font-weight:700}
.dash-hint{color:var(--muted);font-size:13px}
.dash-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dash-help-grid h3{margin:0 0 8px;font-size:16px}
.dash-help-grid ul{margin:0;padding-left:18px;color:var(--blue)}
.dash-help-grid li{margin-bottom:6px;font-size:14px}
@media(max-width:1100px){
  .dash-stats{grid-template-columns:repeat(2,1fr)}
  .dash-links,.dash-help-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .dash{grid-template-columns:1fr}
  .dash-sidebar{position:static;height:auto}
  .dash-form{grid-template-columns:1fr}
  .dash-field,.dash-form .dash-btn{grid-column:1/-1}
}
@media(max-width:560px){
  .dash-stats,.dash-links,.dash-help-grid{grid-template-columns:1fr}
  .dash-content,.dash-topbar{padding-left:16px;padding-right:16px}
  .dash-search input{min-width:140px}
}

/* RUNSTAR tenant dashboard — banner-matched skin (deep navy / electric blue / orange) */
.dash{--td-side:#0a1730;--td-side-line:rgba(148,178,226,.16);--td-text:#c9d6ee;--td-muted:#7e92b4;--td-active:#1d4ed8;--td-accent:#2f7bff;--td-accent-dark:#1f63d8;--td-border:#e1e8f4;--td-bg:#f2f5fb;--td-ink:#101d36;
  grid-template-columns:264px minmax(0,1fr);background:var(--td-bg);color:var(--td-ink);font-family:"Avenir Next","Segoe UI",sans-serif}
.dash.dash-nav-collapsed{grid-template-columns:0 minmax(0,1fr)}
.dash.dash-nav-collapsed .dash-sidebar{display:none}
.dash-sidebar{z-index:45;display:flex;flex-direction:column;background:var(--td-side);padding:0 14px 16px}
.dash-brand{display:flex;align-items:center;gap:11px;margin:0 -14px 10px;padding:20px 22px 16px;border-bottom:1px solid var(--td-side-line);letter-spacing:.02em}
.dash-brand-mark{width:34px;height:34px;filter:drop-shadow(0 2px 8px rgba(47,123,255,.35))}
.dash-brand-text{display:flex;flex-direction:column;line-height:1.3}
.dash-brand-text strong{color:#fff;font-size:16px;font-weight:800;letter-spacing:.16em}
.dash-brand-text span{color:var(--td-muted);font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.dash-nav{flex:1;display:flex;flex-direction:column;padding:6px 0 0;overflow-y:auto}
.dash-nav-section{margin:2px 0 4px}
.dash-nav-standalone{margin:4px 0 8px}
.dash-nav-standalone .dash-nav-link{margin-left:0;padding:10px 12px;border-radius:8px;font-size:13.5px}
.dash-nav-caption{margin:12px 0 3px;padding:0 12px;color:var(--td-muted);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.dash-nav-group{margin:0;border-radius:8px}
.dash-nav-group>summary{list-style:none;cursor:pointer;user-select:none}
.dash-nav-group>summary::-webkit-details-marker,.dash-nav-secondary>summary::-webkit-details-marker{display:none}
.dash-nav-parent{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--td-text);font-size:13.5px;font-weight:650;transition:background .16s ease,color .16s ease}
.dash-nav-parent:after{content:"";margin-left:auto;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .16s ease;opacity:.7}
.dash-nav-group[open]>.dash-nav-parent:after{transform:rotate(225deg)}
.dash-nav-parent:hover,.dash-nav-group[open]>.dash-nav-parent{background:rgba(255,255,255,.06);color:#fff}
.dash-nav-items{padding:2px 0 6px}
.dash-nav-link{position:relative;display:flex;align-items:center;gap:10px;margin:2px 0 2px 10px;padding:8px 12px;border-radius:7px;color:var(--td-text);font-size:13px;font-weight:550;line-height:1.35;transition:background .16s ease,color .16s ease}
.dash-nav-link:hover{background:rgba(255,255,255,.07);color:#fff}
.dash-nav-link.is-active{background:linear-gradient(90deg,var(--td-accent),var(--td-accent-dark));color:#fff;font-weight:700;box-shadow:0 0 14px rgba(47,123,255,.4)}
.dash-nav-ico{width:16px;height:16px;flex:0 0 16px;opacity:.85}
.dash-nav-secondary{margin:2px 0 2px 10px}
.dash-nav-secondary>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:8px 12px;color:var(--td-muted);font-size:12px;font-weight:650}
.dash-nav-secondary>summary:hover{color:#fff}
.dash-nav-secondary>summary:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .16s ease}
.dash-nav-secondary[open]>summary:after{transform:rotate(225deg)}
.dash-nav-secondary .dash-nav-link{margin-left:8px;font-size:12.5px}
.dash-nav-pinned{margin-top:auto;border-top:1px solid var(--td-side-line);padding-top:8px}
.dash-sidebar-foot{margin-top:10px;padding:10px 2px 0;border-top:1px solid var(--td-side-line);display:flex;gap:14px}
.dash-sidebar-foot a{color:var(--td-muted);text-decoration:none;font-size:12px;padding:4px 0}
.dash-sidebar-foot a:hover{color:#fff}
.dash-logout button{border:0;background:transparent;color:var(--td-muted);font:inherit;font-size:12px;padding:4px 0;cursor:pointer}
.dash-logout button:hover{color:#fff}
.dash-main{min-height:100vh}
.dash-topbar{gap:14px;padding:11px clamp(18px,3vw,34px);border-bottom:1px solid var(--td-border);background:#fff;box-shadow:0 2px 10px rgba(10,23,48,.05)}
.dash-crumbs{font-size:13px}
.dash-topbar-actions{display:flex;align-items:center;gap:12px}
.dash-bell{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#3f4f6e;text-decoration:none}
.dash-bell:hover{background:#f0f4fa;color:var(--td-ink)}
.dash-bell svg{width:20px;height:20px}
.dash-bell-badge{position:absolute;top:1px;right:1px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#e5484d;color:#fff;font-size:10px;font-weight:800;line-height:16px;text-align:center}
.dash-user{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 6px;border-radius:12px;text-decoration:none;color:inherit}
.dash-user:hover{background:#f0f4fa}
.dash-avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e4edfd;color:var(--td-accent);font-size:12.5px;font-weight:800}
.dash-user-meta{display:flex;flex-direction:column;line-height:1.3;text-align:left}
.dash-user-meta strong{font-size:13.5px;font-weight:750;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-user-meta span{font-size:11.5px;color:#7686a0}
.dash-user-chevron{width:14px;height:14px;color:#98a4bb}
.dash-content{gap:18px;padding:clamp(20px,3vw,36px)}
.dash-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dash-page-head h1{margin:0 0 6px;font-size:30px;line-height:1.15;letter-spacing:0}
.dash-note{margin:0;font-size:14px;color:#5c6e62}
.dash-head-aside{display:flex;align-items:center}
.td-daterange{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--td-border);border-radius:10px;background:#fff;color:#3f4f6e;font-size:13px;font-weight:650;white-space:nowrap}
.td-daterange svg{width:15px;height:15px;color:#7686a0}
.dash-card,.dash-stat{border:1px solid var(--td-border);border-radius:14px;box-shadow:0 2px 10px rgba(10,23,48,.05)}
.dash-card{background:#fff;padding:20px}
.dash-card-head h2{font-size:16.5px}
.dash-card-head p{font-size:13px}
.dash-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:14px}
.dash-stat{position:relative;display:flex;flex-direction:column;gap:2px;background:#fff;padding:16px 18px;color:inherit;text-decoration:none}
a.dash-stat{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
a.dash-stat:hover{border-color:#b9cdf2;box-shadow:0 8px 18px rgba(10,23,48,.1);transform:translateY(-1px)}
.dash-stat-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;margin-bottom:10px}
.dash-stat-icon svg{width:20px;height:20px}
.dash-stat-label{margin:0;font-size:13.5px;font-weight:650;letter-spacing:0;text-transform:none;color:var(--td-ink)}
.dash-stat-value{margin:0;font-size:26px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.dash-stat-meta{margin:3px 0 0;font-size:12px;line-height:1.45;color:#7686a0}
.dash-stat-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#a6b2c9}
.td-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.dash-table th{letter-spacing:.04em}
.dash-empty{border:1px dashed #c9d5ea;border-radius:12px;background:#f7fafd}
.dash-btn{border-radius:8px;font-weight:700}
.dash-btn-primary{background:var(--td-accent);color:#fff}
.dash-btn-primary:hover{background:var(--td-accent-dark)}
.dash-links{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.dash-links a{border-color:var(--td-border);border-radius:8px;color:var(--td-accent);font-size:13px;transition:border-color .16s ease,background .16s ease}
.dash-links a:hover{border-color:#8fb0f5;background:#f5f9ff}
.dash-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 24px}
.dash-kv p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:9px 0;border-bottom:1px solid #edf1f8;font-size:13px}
.dash-kv span{color:#7686a0}
.dash-kv strong{text-align:right;overflow-wrap:anywhere}
/* Tone chips (stat icons, quick actions, activity) */
.tone-green{background:#e4f3e9;color:#2e7d4f}
.tone-blue{background:#e7effd;color:#3b6fe0}
.tone-purple{background:#f1e8fd;color:#8b3dd9}
.tone-teal{background:#dff4f3;color:#14919b}
.tone-orange{background:#fdf0dd;color:#e8850c}
.tone-pink{background:#fde7f0;color:#d6336c}
.tone-violet{background:#ece5fd;color:#7048e8}
/* Home: profile + quick actions */
.td-grid-hero{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:16px}
.td-profile-head{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.td-profile-avatar{display:inline-grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#e4edfd;color:var(--td-accent);font-weight:800;font-size:15px}
.td-profile-title h2{display:flex;align-items:center;gap:9px;margin:0;font-size:17px;flex-wrap:wrap}
.td-profile-title p{margin:2px 0 0;font-size:12.5px;color:#7686a0}
.td-badge{display:inline-block;padding:3px 10px;border-radius:999px;background:#dff0e5;color:#2e7d4f;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.td-badge-pending{background:#fdf3d8;color:#b7791f}
.td-profile-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,1fr);gap:26px}
.td-facts{margin:0}
.td-facts div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #edf1f8}
.td-facts div:last-child{border-bottom:0}
.td-facts dt{color:#7686a0;font-size:13px}
.td-facts dd{margin:0;font-size:13.5px;font-weight:650;text-align:right;overflow-wrap:anywhere}
.td-onboarding{border-left:1px solid #edf1f8;padding-left:26px}
.td-onboarding h3{margin:2px 0 12px;font-size:13.5px}
.td-progress{height:8px;border-radius:999px;background:#e7edf8;overflow:hidden}
.td-progress span{display:block;height:100%;border-radius:999px;background:var(--td-accent);transition:width .3s ease}
.td-onboarding p{margin:10px 0 14px;font-size:12.5px;color:#7686a0}
.td-onboarding .td-btn-outline{width:100%;justify-content:center}
.td-btn-outline{display:inline-flex;align-items:center;gap:8px;border:1px solid #c3d5f2;background:#f0f6ff;color:var(--td-accent)}
.td-btn-outline:hover{background:#e4eefd;border-color:#a6c3f0}
.td-btn-ico{width:15px;height:15px}
.td-profile-edit{margin-top:16px}
.td-quick h2{margin:2px 0 6px;font-size:16px}
.td-quick-item{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid #edf1f8;color:inherit;text-decoration:none}
.td-quick-item:last-child{border-bottom:0}
.td-quick-item:hover .td-quick-chevron{transform:translateX(2px);color:var(--td-accent)}
.td-quick-item span{flex:1;font-size:13.5px;font-weight:650}
.td-quick-ico{display:inline-grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px}
.td-quick-ico svg{width:17px;height:17px}
.td-quick-chevron{width:15px;height:15px;color:#a6b2c9;transition:transform .16s ease,color .16s ease}
/* Home: insight row */
.td-grid-insight{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr) minmax(240px,1.2fr);gap:16px}
.td-sales-total{margin:2px 0 0;font-size:30px;font-weight:800}
.td-sales-meta{margin:0 0 6px;font-size:12.5px;color:#7686a0}
.td-chart{width:100%;height:auto;margin-top:10px}
.td-chart-line{stroke:var(--td-accent)}
.td-chart-dot{fill:#fff;stroke:var(--td-accent);stroke-width:2}
.td-chart-grid{stroke:#ecf0f8}
.td-chart-label{fill:#8793ab;font-size:10px}
.td-status-list{list-style:none;margin:0;padding:0}
.td-status-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f8;font-size:13.5px}
.td-status-list li:last-child{border-bottom:0}
.td-status-list strong{margin-left:auto;font-size:14px}
.td-dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px}
.tone-dot-amber{background:#eab308}
.tone-dot-blue{background:#3b82f6}
.tone-dot-navy{background:#334155}
.tone-dot-green{background:#16a34a}
.tone-dot-red{background:#ef4444}
.td-activity-list{list-style:none;margin:0;padding:0}
.td-activity-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f8}
.td-activity-list li:last-child{border-bottom:0}
.td-activity-ico{display:inline-grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%}
.td-activity-ico svg{width:16px;height:16px}
.td-activity-list strong{display:block;font-size:13px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.td-activity-list div>span{font-size:11.5px;color:#8793ab}
.td-activity .dash-empty{padding:16px;border:0;background:transparent;text-align:left}
.td-activity .dash-empty h3{font-size:14px}
.td-activity .dash-empty p{font-size:12.5px}
.dash-mobile-toggle{display:none;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;padding:9px;border:1px solid var(--td-border);border-radius:8px;background:#fff;color:#132039;cursor:pointer}
.dash-mobile-toggle span{display:block;width:18px;height:2px;margin:2px 0;border-radius:2px;background:currentColor}
.dash-backdrop{display:none}
.dash a:focus-visible,.dash summary:focus-visible,.dash button:focus-visible{outline:3px solid #2f7bff;outline-offset:2px}
html.dash-menu-lock{overflow:hidden}
@media(max-width:1200px){
  .td-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .td-grid-insight{grid-template-columns:1fr 1fr}
  .td-sales{grid-column:1/-1}
}
@media(max-width:900px){
  .dash{grid-template-columns:minmax(0,1fr)}
  .dash.dash-nav-collapsed{grid-template-columns:minmax(0,1fr)}
  .dash-sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);height:100dvh;max-height:100dvh;overflow-y:auto;transform:translateX(-105%);transition:transform .22s ease;box-shadow:12px 0 34px rgba(8,15,32,.3)}
  .dash.dash-nav-open .dash-sidebar{transform:translateX(0)}
  .dash-backdrop{position:fixed;inset:0;z-index:40;border:0;background:rgba(7,14,28,.5);opacity:0;pointer-events:none;transition:opacity .2s ease}
  .dash.dash-nav-open .dash-backdrop{display:block;opacity:1;pointer-events:auto}
  .dash-mobile-toggle{display:flex}
  .dash-topbar{position:sticky;top:0;z-index:35;justify-content:flex-start;flex-wrap:nowrap}
  .dash-crumbs{flex:1;min-width:0}
  .dash-topbar-actions{margin-left:auto}
  .td-grid-hero{grid-template-columns:1fr}
}
@media(max-width:760px){
  .td-grid-insight{grid-template-columns:1fr}
  .td-profile-grid{grid-template-columns:1fr}
  .td-onboarding{border-left:0;padding-left:0;border-top:1px solid #edf1f8;padding-top:16px}
}
@media(max-width:560px){
  .dash-content{padding:18px 14px 28px;gap:14px}
  .dash-topbar{gap:10px;padding:10px 14px}
  .dash-user-meta{display:none}
  .dash-page-head h1{font-size:25px}
  .dash-card{padding:16px}
  .td-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .dash-stat{padding:12px}
  .dash-stat-value{font-size:22px}
  .dash-stat-chevron{display:none}
  .dash-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dash-links a{padding:11px 10px;font-size:12.5px}
  .dash-kv{grid-template-columns:1fr}
  .dash-table{min-width:560px}
}
@media(prefers-reduced-motion:reduce){
  .dash-sidebar,.dash-backdrop,.dash-nav-parent:after,.dash-nav-secondary>summary:after{transition:none}
}

/* AI Command Centre */
.dash-flash{padding:10px 14px;border-radius:10px;font-size:13px;font-weight:650;margin-bottom:4px}
/* ------------------------------------------------------------------ */
/* AI Command Centre — full-screen conversational workspace            */
/* ------------------------------------------------------------------ */
.aiapp{
  --ai-bg:#fbfbfa; --ai-ink:#0d0d0d; --ai-muted:#5b6472; --ai-line:#e6e7ea;
  --ai-accent:#2f7bff; --ai-bubble:#f1f3f6; --ai-card:#fff; --ai-shadow:0 12px 34px rgba(16,24,40,.10);
  --ai-topbar:60px; --ai-radius:26px;
  position:fixed; inset:0; display:flex; background:var(--ai-bg); color:var(--ai-ink);
  font-family:"Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif; overflow:hidden;
}
.aiapp a{color:inherit}
.aiapp svg{width:18px;height:18px;flex:none}
/* The checkbox drives the drawer without a script, so the page still works
   with JS disabled; it stays focusable for keyboard users. */
.ai-drawer-check,.ai-attach-check{position:absolute;width:1px;height:1px;margin:0;opacity:0}
.ai-backdrop{display:none;position:absolute;inset:0;background:rgba(8,12,20,.42);z-index:20}
.ai-frame{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;z-index:10}

/* Drawer ------------------------------------------------------------------ */
.ai-drawer{
  position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);background:#f7f7f6;
  border-right:1px solid var(--ai-line);display:flex;flex-direction:column;
  transform:translateX(-100%);transition:transform .22s ease;z-index:30;
}
.ai-drawer-check:checked ~ .ai-drawer{transform:translateX(0)}
.ai-drawer-check:checked ~ .ai-backdrop{display:block}
.ai-drawer-check:focus-visible ~ .ai-frame .ai-burger,
.ai-drawer-check:focus-visible ~ .ai-drawer .ai-drawer-close{outline:2px solid var(--ai-accent);outline-offset:2px}
.ai-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 10px;font-size:15px}
.ai-drawer-close{font-size:22px;line-height:1;padding:2px 10px;border-radius:10px;cursor:pointer;color:var(--ai-muted)}
.ai-drawer-close:hover{background:#eaeaec;color:var(--ai-ink)}
.ai-drawer-new{padding:0 12px 10px}
.ai-drawer-new .dash-form{display:block}
.ai-drawer-new button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border:1px solid var(--ai-line);
  border-radius:14px;background:#fff;font:inherit;font-size:14px;font-weight:650;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.ai-drawer-new button:hover{border-color:#c9ccd3}
.ai-drawer-links{padding:4px 12px;display:flex;flex-direction:column;gap:1px;border-top:1px solid #e9e9eb;margin-top:4px}
.ai-drawer-links a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:11px;text-decoration:none;font-size:13.5px;color:#2f3540}
.ai-drawer-links a:hover{background:#ececee}
.ai-drawer-badge{margin-left:auto;padding:1px 8px;border-radius:999px;background:#fdf1d6;color:#8a6100;font-size:11.5px;font-style:normal;font-weight:700}
.ai-drawer-label{margin:10px 24px 4px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8b93a1}
.ai-drawer-threads{list-style:none;margin:0;padding:0 12px;overflow-y:auto;flex:1}
.ai-drawer-threads li{display:flex;align-items:center;gap:4px;border-radius:11px}
.ai-drawer-threads li:hover,.ai-drawer-threads li.is-active{background:#ececee}
.ai-drawer-threads a{flex:1;min-width:0;display:flex;flex-direction:column;padding:9px 12px;text-decoration:none;font-size:13.5px;overflow:hidden}
.ai-drawer-threads a small{color:#8b93a1;font-size:11.5px}
.ai-drawer-threads button{border:0;background:none;color:#9aa1ad;font-size:18px;line-height:1;padding:4px 10px;border-radius:9px;cursor:pointer}
.ai-drawer-threads button:hover{background:#e0e0e3;color:#3d4450}
.ai-drawer-threads .dash-form{display:inline}
.ai-drawer-empty{padding:10px 12px;color:#8b93a1;font-size:13px}
.ai-drawer-foot{border-top:1px solid #e9e9eb;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.ai-drawer-foot a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:11px;text-decoration:none;font-size:13.5px;color:#2f3540}
.ai-drawer-foot a:hover{background:#ececee}

/* Top bar ----------------------------------------------------------------- */
.ai-topbar{display:flex;align-items:center;gap:12px;height:var(--ai-topbar);padding:0 14px;
  background:rgba(251,251,250,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--ai-line);flex:none}
.ai-burger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;padding:0 9px;
  border-radius:12px;cursor:pointer}
.ai-burger:hover{background:#ececee}
.ai-burger span{display:block;height:2px;border-radius:2px;background:var(--ai-ink)}
.ai-title{display:flex;align-items:center;gap:8px;margin-inline:auto;font-size:14.5px;letter-spacing:-.01em}
.ai-title svg{color:var(--ai-accent)}
.ai-title small{color:var(--ai-muted);font-weight:500}
.ai-user{text-decoration:none}
.ai-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1d2a3f;color:#fff;font-size:12px;font-weight:700}

/* Transcript -------------------------------------------------------------- */
.ai-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:22px 0 8px}
.ai-inner{width:min(760px,92vw);margin:0 auto;display:flex;flex-direction:column;gap:18px}
.ai-chat{display:flex;flex-direction:column;gap:20px}
.ai-flash{padding:10px 14px;border-radius:12px;font-size:13px;font-weight:650;background:#eef1f5;color:#39414f;width:min(760px,92vw);margin:0 auto 10px}
.ai-flash-ok{background:#e7f6ee;color:#1c6b40}
.ai-flash-error{background:#fdeceb;color:#9b2b22}
.ai-pending-banner{display:flex;align-items:center;gap:10px;width:min(760px,92vw);margin:0 auto 12px;padding:10px 14px;
  border:1px solid #f0d9a8;background:#fffaf0;border-radius:14px;font-size:13px;color:#6b5200}
.ai-pending-banner a{margin-left:auto;font-weight:700;color:#8a6100}
.ai-tier-note{margin:0;padding:10px 13px;border-left:3px solid #f0b429;background:#fffaf0;color:#6b5200;font-size:12.5px;line-height:1.55;border-radius:0 12px 12px 0}
.ai-row{display:flex;gap:12px;align-items:flex-start}
.ai-row-user{justify-content:flex-end}
.ai-row-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1d2a3f;color:#fff;flex:none;margin-top:2px}
.ai-bubble{max-width:min(84%,560px);padding:12px 16px;border-radius:var(--ai-radius);background:var(--ai-bubble);
  font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.ai-row-user .ai-bubble{background:var(--ai-bubble);color:var(--ai-ink);border-bottom-right-radius:8px}
.ai-answer{font-size:15px;line-height:1.65;flex:1;min-width:0;overflow-wrap:anywhere}
.ai-answer a{color:var(--ai-accent)}

/* Proposal / approval card ------------------------------------------------ */
.ai-card{margin-top:12px;border:1px solid var(--ai-line);border-radius:18px;background:var(--ai-card);
  box-shadow:0 1px 2px rgba(16,24,40,.05);padding:14px 16px}
.ai-card-applied{border-color:#bfe4cd;background:#f6fcf8}
.ai-card-rejected{border-color:#e6e7ea;background:#fafafb}
.ai-card-failed{border-color:#f0c9c5;background:#fdf7f6}
.ai-card-head{display:flex;align-items:center;gap:10px;font-size:14px}
.ai-card-head svg{color:var(--ai-accent)}
.ai-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}
.ai-card-state{font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#8a6100}
.ai-card-applied .ai-card-state{color:#1c6b40}
.ai-card-failed .ai-card-state{color:#9b2b22}
.ai-card-rejected .ai-card-state{color:#6b7280}
.ai-card-buttons{display:flex;gap:8px;align-items:center}
.ai-card-buttons .dash-form{display:inline}
.ai-card-buttons button{border:1px solid var(--ai-line);background:#fff;border-radius:11px;padding:8px 14px;font:inherit;
  font-size:13px;font-weight:650;cursor:pointer;color:#39414f}
.ai-card-buttons button:hover{border-color:#c9ccd3;background:#f6f7f9}
.ai-card-buttons .ai-approve{background:var(--ai-accent);border-color:var(--ai-accent);color:#fff}
.ai-card-buttons .ai-approve:hover{background:#1f63d8;border-color:#1f63d8}
.ai-card-more{margin-top:10px}
.ai-card-more summary{cursor:pointer;font-size:12px;color:#7686a0}
.ai-card-more pre{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:#f6f8fc;border:1px solid #edf1f8;font-size:12px;overflow-x:auto}

/* Activity view ----------------------------------------------------------- */
.ai-activity{display:flex;flex-direction:column;gap:8px}
.ai-activity h2{margin:0;font-size:19px}
.ai-muted{margin:0 0 10px;color:var(--ai-muted);font-size:13.5px}
.ai-activity-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--ai-line);
  border-radius:16px;background:#fff}
.ai-activity-when{font-size:12px;color:#8b93a1;min-width:96px}
.ai-activity-what{flex:1;min-width:0;display:flex;flex-direction:column}
.ai-activity-what small{color:#8b93a1;font-size:12px}

/* Empty state ------------------------------------------------------------- */
.ai-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:14vh 12px 24px}
.ai-hero-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#1d2a3f;color:#fff}
.ai-hero-mark svg{width:24px;height:24px}
.ai-hero h1{margin:6px 0 0;font-size:24px;letter-spacing:-.02em}
.ai-hero p{margin:0;max-width:46ch;color:var(--ai-muted);font-size:14.5px;line-height:1.6}

/* Composer ---------------------------------------------------------------- */
.ai-composer{flex:none;padding:10px 14px 14px;background:linear-gradient(to top,var(--ai-bg) 62%,rgba(251,251,250,0))}
.ai-composer form.dash-form{display:block}
.ai-composer-box{position:relative;width:min(760px,100%);margin:0 auto;display:flex;align-items:flex-end;gap:8px;
  padding:9px 10px 9px 12px;border:1px solid var(--ai-line);border-radius:var(--ai-radius);background:#fff;
  box-shadow:var(--ai-shadow)}
.ai-composer-box textarea{flex:1;min-width:0;border:0;outline:0;resize:none;background:none;font:inherit;font-size:15px;
  line-height:1.5;max-height:220px;padding:9px 2px;color:var(--ai-ink)}
.ai-composer-box textarea::placeholder{color:#9aa1ad}
.ai-send{display:grid;place-items:center;width:38px;height:38px;flex:none;border:0;border-radius:50%;background:var(--ai-ink);
  color:#fff;font-size:18px;line-height:1;cursor:pointer}
.ai-send:hover{background:#000}
.ai-send:disabled{background:#c9ccd3;cursor:default}
.ai-attach-button{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;border:1px solid var(--ai-line);
  background:#fff;color:#39414f;cursor:pointer;font-size:17px}
.ai-attach-button:hover{background:#f4f5f7}
.ai-attach-menu{display:none;position:absolute;left:0;bottom:calc(100% + 10px);width:min(320px,88vw);padding:8px;
  border:1px solid var(--ai-line);border-radius:18px;background:#fff;box-shadow:var(--ai-shadow);z-index:5}
.ai-attach-check:checked ~ .ai-attach-menu{display:block}
.ai-attach-menu p{margin:6px 10px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8b93a1}
.ai-attach-menu .ai-attach-note{text-transform:none;letter-spacing:0;font-weight:500;font-size:12px;line-height:1.5;color:var(--ai-muted)}
.ai-attach-menu a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:12px;text-decoration:none;font-size:13.5px}
.ai-attach-menu a:hover{background:#f2f3f5}
.ai-deep{position:absolute;right:60px;bottom:calc(100% + 8px);display:flex;align-items:center;gap:7px;padding:6px 12px;
  border:1px solid var(--ai-line);border-radius:999px;background:#fff;font-size:12px;color:var(--ai-muted);cursor:pointer}
.ai-deep input{accent-color:var(--ai-accent)}
.ai-quick{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:min(760px,100%);margin:0 auto 10px}
.ai-suggest{display:flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--ai-line);border-radius:999px;
  background:#fff;text-decoration:none;font-size:13px;color:#39414f;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.ai-suggest:hover{border-color:#c9ccd3;background:#f7f8fa}
.ai-composer-foot{width:min(760px,100%);margin:9px auto 0;text-align:center;font-size:11.5px;color:#8b93a1}

/* Desktop: the drawer is a pushed column rather than an overlay ------------ */
@media (min-width: 900px){
  /* It stays open permanently: the burger that would toggle the checkbox is
     hidden at this width, so the column must not depend on checkbox state. */
  .ai-drawer{position:relative;display:flex;transform:none;flex:0 0 auto;border-right:1px solid var(--ai-line)}
  .ai-backdrop{display:none !important}
  .ai-burger{display:none}
}
@media (max-width: 640px){
  .ai-inner,.ai-flash,.ai-pending-banner,.ai-composer-box,.ai-quick{width:min(760px,94vw)}
  .ai-hero{padding-top:9vh}
  .ai-bubble{max-width:92%}
  .ai-deep{right:auto;left:56px}
}
@media (prefers-reduced-motion: reduce){
  .ai-drawer{transition:none}
}
/* Tenant public storefront */
.tenant-store{--store-ink:#19382d;--store-green:#27664c;--store-muted:#63736a;--store-line:#e3e9e3;min-height:100vh;background:#fff;color:var(--store-ink);font-family:"Avenir Next","Segoe UI",sans-serif}
.tenant-store a{color:inherit}
/* Tenant storefront chrome — shared sticky header + full footer (default theme).
   class hooks: .store-announcement / .store-header / .store-footer / .store-trust */
.store-announcement{background:var(--store-green);color:#fff;text-align:center;font-size:12.5px;font-weight:650;letter-spacing:.02em}
.store-announcement p{max-width:1200px;margin:0 auto;padding:8px 28px}
.store-header,.artisan-header,.noir-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:1200px;margin:0 auto;padding:20px 28px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--store-line)}
.store-brand,.artisan-brand,.noir-brand{text-decoration:none;font-size:19px;font-weight:750;overflow-wrap:anywhere}
.store-nav,.artisan-nav,.noir-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.store-header a,.store-nav a,.store-footer a,.artisan-header a,.artisan-nav a,.artisan-footer a,.noir-header a,.noir-nav a,.noir-footer a{font-size:13px;font-weight:650;text-decoration:none;color:var(--store-muted)}
.store-header a:hover,.store-nav a:hover,.store-footer a:hover,.artisan-header a:hover,.artisan-nav a:hover,.artisan-footer a:hover,.noir-header a:hover,.noir-nav a:hover,.noir-footer a:hover{color:var(--store-green)}
.store-header-actions,.artisan-header-actions,.noir-header-actions{display:flex;align-items:center;gap:16px}
.store-footer,.artisan-footer,.noir-footer{border-top:1px solid var(--store-line);background:#fff;margin-top:24px}
.store-footer-inner,.artisan-footer-inner,.noir-footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:28px;max-width:1200px;margin:0 auto;padding:40px 28px 28px}
.store-footer-col h2,.artisan-footer-col h2,.noir-footer-col h2{margin:0 0 12px;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--store-ink)}
.store-footer-col a,.artisan-footer-col a,.noir-footer-col a{display:block;margin-bottom:8px}
.store-footer-brand .store-brand,.artisan-footer-brand .artisan-brand,.noir-footer-brand .noir-brand{display:inline-block;margin-bottom:8px;font-size:20px}
.store-footer-brand p,.artisan-footer-brand p,.noir-footer-brand p{margin:0 0 12px;color:var(--store-muted);font-size:13px;max-width:280px}
.store-footer-badges,.artisan-footer-badges,.noir-footer-badges{display:flex;flex-direction:column;gap:6px;color:var(--store-muted);font-size:12.5px}
.store-footer-pay p,.artisan-footer-pay p,.noir-footer-pay p{margin:0 0 8px;color:var(--store-muted);font-size:13px}
.store-footer-methods,.artisan-footer-methods,.noir-footer-methods{display:flex;flex-wrap:wrap;gap:6px}
.store-pay-badge,.artisan-pay-badge,.noir-pay-badge{display:inline-block;padding:4px 9px;border:1px solid var(--store-line);border-radius:5px;background:#fff;font-size:11.5px;font-weight:650;color:var(--store-muted)}
.store-footer-note,.artisan-footer-note,.noir-footer-note{max-width:1200px;margin:0 auto;padding:16px 28px;border-top:1px solid var(--store-line);color:var(--store-muted);font-size:12px}
.store-trust,.artisan-trust,.noir-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1200px;margin:0 auto;padding:26px 28px}
.store-trust-item,.artisan-trust-item,.noir-trust-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--store-muted)}
.store-trust-icon,.artisan-trust-icon,.noir-trust-icon{font-size:18px;line-height:1.2}
.store-trust-item strong,.artisan-trust-item strong,.noir-trust-item strong{display:block;color:var(--store-ink);font-size:13.5px}
.store-brand-logo,.artisan-brand-logo,.noir-logo{max-height:34px;width:auto;display:block}
.tenant-store-header nav a,.tenant-store-section-head>a,.tenant-store-categories a{font-size:13px;font-weight:650;text-decoration:none;color:var(--store-muted)}
.tenant-store-header nav a:hover,.tenant-store-section-head>a:hover,.tenant-store-categories a:hover{color:var(--store-green)}
.tenant-store-main{max-width:1200px;margin:0 auto;padding:42px 28px 72px}
.tenant-store-intro{padding:48px 0 54px;border-bottom:1px solid var(--store-line)}
.tenant-store-eyebrow{margin:0 0 10px;color:var(--store-green);font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.tenant-store-intro h1{max-width:760px;margin:0 0 12px;font-size:42px;line-height:1.08;letter-spacing:0;overflow-wrap:anywhere}
.tenant-store-intro>p:not(.tenant-store-eyebrow){max-width:620px;margin:0 0 22px;color:var(--store-muted);font-size:16px;line-height:1.6}
.tenant-store-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1px solid var(--store-green);border-radius:5px;background:var(--store-green);color:#fff!important;text-decoration:none;font-size:13px;font-weight:700}
.tenant-store-button:hover{background:#1f523d}
.tenant-store-button-secondary{background:#fff;color:var(--store-green)!important}
.tenant-store-button-secondary:hover{background:#f4f8f4}
.tenant-store-section{padding:34px 0}
.tenant-store-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.tenant-store-section-head h2,.tenant-store-page-head h1{margin:0;font-size:26px;line-height:1.2;letter-spacing:0}
.tenant-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}
.tenant-product-card{min-width:0}
.tenant-product-image{display:grid;place-items:center;aspect-ratio:4/5;overflow:hidden;background:#f1f4f0;text-decoration:none}
.tenant-product-image img{width:100%;height:100%;object-fit:cover}
.tenant-store-image-empty{display:grid;place-items:center;width:100%;height:100%;background:#edf2ec;color:#91a198;font-size:42px;font-weight:650}
.tenant-product-info{padding:11px 2px}
.tenant-product-name{display:block;margin-bottom:5px;overflow-wrap:anywhere;text-decoration:none;font-size:14px;font-weight:700}
.tenant-product-info p,.tenant-product-price{margin:0;color:var(--store-muted);font-size:13px}
.tenant-store-page-head{margin-bottom:20px}
.tenant-store-page-head>p:last-child{margin:8px 0 0;color:var(--store-muted);font-size:13px}
.tenant-store-categories{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:0 0 14px;border-bottom:1px solid var(--store-line)}
.tenant-store-categories a{padding:7px 11px;border:1px solid var(--store-line);border-radius:999px;background:#fff}
.tenant-store-categories a.is-active{border-color:var(--store-green);color:var(--store-green)}
.tenant-store-empty{padding:28px 0;border-top:1px solid var(--store-line);border-bottom:1px solid var(--store-line)}
.tenant-store-empty h2,.tenant-store-empty h3{margin:0 0 6px;font-size:18px}
.tenant-store-empty p,.tenant-store-status>p:not(.tenant-store-eyebrow){margin:0;color:var(--store-muted);font-size:14px;line-height:1.6}
.tenant-product-detail{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(280px,1.05fr);gap:42px;align-items:start}
.tenant-product-detail-image{display:block;width:100%;max-height:680px;aspect-ratio:4/5;object-fit:cover;background:#f1f4f0}
.tenant-product-detail h1,.tenant-store-article h1{margin:0 0 12px;font-size:34px;line-height:1.15;letter-spacing:0;overflow-wrap:anywhere}
.tenant-product-price{margin-bottom:16px;font-size:17px}
.tenant-product-description,.tenant-store-article>div{margin:20px 0;color:#42544a;font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.tenant-store-breadcrumb{margin:0 0 20px;color:var(--store-muted);font-size:12px}
.tenant-store-breadcrumb a{color:var(--store-green);text-decoration:none}
.tenant-store-checkout-note{margin:18px 0;color:var(--store-muted);font-size:12px;line-height:1.55}
.tenant-store-article{max-width:800px}
.tenant-store-date{color:var(--store-muted);font-size:12px}
.tenant-journal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tenant-journal-list article{padding:18px 0;border-top:1px solid var(--store-line)}
.tenant-journal-list h2{margin:6px 0;font-size:19px}
.tenant-journal-list h2 a,.tenant-journal-list article>a{color:var(--store-green);text-decoration:none}
.tenant-journal-list article>p:not(.tenant-store-date){color:var(--store-muted);font-size:13px;line-height:1.6}
.tenant-store-status{max-width:720px;padding-top:80px}
.tenant-store-status h1{margin:0 0 10px;font-size:34px;line-height:1.15;letter-spacing:0}
@media(max-width:850px){
  .tenant-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tenant-product-detail{gap:26px}
}
/* Theme palettes — restyle the shared .store-* / .tenant-store chrome.
   Every link stays relative/tenant-local; themes only restyle. */
.tenant-store.theme-minimal{}
.tenant-store.theme-metro{--store-ink:#f5f7fa;--store-green:#22d3ee;--store-muted:#94a3b8;--store-line:#1e293b;background:#0b0f14;font-family:"Arial Black","Segoe UI",sans-serif}
.tenant-store.theme-metro .store-header{background:rgba(17,24,39,.94);border-bottom:3px solid var(--store-green)}
.tenant-store.theme-metro .store-brand,.tenant-store.theme-metro .store-nav a,.tenant-store.theme-metro .store-header a{color:#f5f7fa}
.tenant-store.theme-metro .store-announcement{background:var(--store-green);color:#0b0f14}
.tenant-store.theme-metro .store-nav a:hover,.tenant-store.theme-metro .store-header a:hover{color:var(--store-green)}
.tenant-store.theme-metro .store-footer{background:#111827;border-top-color:var(--store-line)}
.tenant-store.theme-metro .store-footer a,.tenant-store.theme-metro .store-pay-badge{color:var(--store-muted)}
.tenant-store.theme-metro .store-pay-badge{border-color:var(--store-line)}
.tenant-store.theme-metro .store-main,.tenant-store.theme-metro .tenant-store-main{background:#0b0f14}
.tenant-store.theme-metro .tenant-store-intro h1{text-transform:uppercase;letter-spacing:.02em}
.tenant-store.theme-metro .tenant-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tenant-store.theme-metro .tenant-product-image{border-radius:0;background:#1e293b}
.tenant-store.theme-metro .tenant-store-button{border-radius:0;background:var(--store-green);border-color:var(--store-green);color:#0b0f14!important;text-transform:uppercase}
/* Theme marketplace cards (dashboard) */
.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.theme-card{border:1px solid var(--dash-line,#e5e7eb);border-radius:10px;overflow:hidden;background:#fff}
.theme-card-swatches{display:flex;height:64px}
.theme-card-swatches span{flex:1}
.theme-card-body{padding:14px}
.theme-card-body h3{margin:0 0 4px;font-size:16px}
.theme-card-tier{display:inline-block;margin-bottom:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#f1f5f9;color:#475569}
.theme-card-tier.is-premium{background:#fef3c7;color:#92400e}
.theme-card-body p{margin:0 0 12px;font-size:13px;color:#64748b}
.theme-card-actions{display:flex;gap:8px;flex-wrap:wrap}
.theme-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.theme-filter{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--dash-line,#e5e7eb);border-radius:999px;background:#fff;color:#334155;font-size:13px;font-weight:600;text-decoration:none}
.theme-filter span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:700}
.theme-filter:hover{border-color:#cbd5e1}
.theme-filter.is-active{background:#0f172a;border-color:#0f172a;color:#fff}
.theme-filter.is-active span{background:rgba(255,255,255,.18);color:#fff}
.theme-preview{border:1px dashed var(--dash-line,#e5e7eb);border-radius:10px;padding:18px;background:#f8fafc}
@media(max-width:850px){.theme-grid{grid-template-columns:1fr}}
/* WordPress-style theme browser: previews, active panel, Theme Details */
.theme-card-shot{display:block;background:#f1f5f9}
.theme-shot{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-bottom:1px solid var(--dash-line,#e5e7eb)}
.theme-card.is-active{border-color:#0f172a;box-shadow:0 0 0 2px rgba(15,23,42,.1)}
.theme-card-name{color:inherit;text-decoration:none}
.theme-card-name:hover{text-decoration:underline}
.theme-card-body .theme-meta{margin:0 0 6px;font-size:12px;color:#94a3b8}
.theme-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:11px;font-weight:700;vertical-align:middle}
.theme-active{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:18px;align-items:start}
.theme-active-shot{display:block;border:1px solid var(--dash-line,#e5e7eb);border-radius:8px;overflow:hidden}
.theme-active-desc{margin:0 0 14px;font-size:14px;color:#475569}
.theme-details{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:22px;align-items:start;margin-bottom:18px}
.theme-details-shot{border:1px solid var(--dash-line,#e5e7eb);border-radius:10px;overflow:hidden;background:#f1f5f9}
.theme-details-shot .theme-shot{border-bottom:0}
.theme-details-head h2{margin:0 0 6px;font-size:22px}
.theme-details-desc{margin:0 0 14px;font-size:14px;color:#475569}
.theme-files{margin:10px 0 0;font-size:13px;color:#475569}
.theme-files code{display:inline-block;margin:2px 4px 0 0;padding:2px 6px;border:1px solid var(--dash-line,#e5e7eb);border-radius:6px;background:#f8fafc;font-size:12px}
.theme-palette{display:inline-flex;gap:6px;vertical-align:middle}
.theme-swatch{display:inline-block;width:22px;height:22px;border:1px solid rgba(15,23,42,.15);border-radius:5px}
@media(max-width:900px){.theme-active,.theme-details{grid-template-columns:1fr}}
/* Media library grid */
.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.media-item{border:1px solid var(--dash-line,#e5e7eb);border-radius:8px;overflow:hidden;background:#fff}
.media-item img{width:100%;height:120px;object-fit:cover;display:block;background:#f1f5f9}
.media-item-body{padding:8px 10px;font-size:12px}
.media-item-body code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569}
@media(max-width:850px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .tenant-store-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 18px}
  .tenant-store-header nav{gap:14px}
  .tenant-store-main{padding:28px 18px 52px}
  .tenant-store-intro{padding:28px 0 34px}
  .tenant-store-intro h1{font-size:32px}
  .tenant-store-section-head h2,.tenant-store-page-head h1{font-size:23px}
  .tenant-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
  .tenant-product-detail{grid-template-columns:1fr;gap:20px}
  .tenant-product-detail h1,.tenant-store-article h1,.tenant-store-status h1{font-size:28px}
  .tenant-journal-list{grid-template-columns:1fr;gap:8px}
  .tenant-store-footer{padding:18px}
}


/* Storefront Commerce & Checkout UX */
.tenant-checkout-choice {
  display: block;
  margin: 8px 0;
  padding: 8px 12px;
  border: 1px solid var(--store-line, #e2e8f0);
  border-radius: 6px;
  cursor: pointer;
  background: #fff;
}
.tenant-checkout-choice input[type="radio"] {
  margin-right: 8px;
}
.tenant-store-main fieldset {
  border: 1px solid var(--store-line, #e2e8f0);
  border-radius: 6px;
  padding: 12px 16px;
  margin: 16px 0;
}
.tenant-store-main legend {
  padding: 0 6px;
  font-weight: 600;
  font-size: 14px;
}

/* Shared storefront chrome — theme-prefixed restyles (ARTISAN / NOIR).
   The markup is emitted by lib/theme-chrome.js; each theme only restyles. */
.tenant-store.theme-artisan{--art-ink:#2b2118;--art-brown:#8a5a33;--art-clay:#b06a44;--art-cream:#f7f2ea;--art-line:#e6dccd;--art-muted:#8a7c68;--art-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif}
.tenant-store.theme-artisan .artisan-announcement{background:var(--art-brown);color:#fff}
.tenant-store.theme-artisan .artisan-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--art-line);color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-brand,.tenant-store.theme-artisan .artisan-nav a,.tenant-store.theme-artisan .artisan-header-actions a{color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-nav a:hover,.tenant-store.theme-artisan .artisan-header-actions a:hover{color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-brand-logo{max-height:34px;width:auto;display:block}
.tenant-store.theme-artisan .artisan-footer{background:#111111;border-top-color:rgba(255,255,255,.12);color:#f7f7f7}
.tenant-store.theme-artisan .artisan-footer-col h2{color:#f7f7f7}
.tenant-store.theme-artisan .artisan-footer-col a,.tenant-store.theme-artisan .artisan-footer-brand p,.tenant-store.theme-artisan .artisan-footer-badges,.tenant-store.theme-artisan .artisan-footer-pay p{color:rgba(255,255,255,.72)}
.tenant-store.theme-artisan .artisan-footer-col a:hover{color:#ffffff}
.tenant-store.theme-artisan .artisan-pay-badge{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:rgba(255,255,255,.88)}
.tenant-store.theme-artisan .artisan-footer-note{color:rgba(255,255,255,.64);border-top-color:rgba(255,255,255,.12)}
.tenant-store.theme-artisan .artisan-trust{color:var(--art-muted)}
.tenant-store.theme-artisan .artisan-trust-item strong{color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-announcement p{margin:0;padding:9px 28px;text-align:center;font-size:12.5px;font-weight:650}
.tenant-store.theme-artisan .artisan-brand-name{font-family:var(--art-serif);font-size:20px;letter-spacing:.02em}
.tenant-store.theme-artisan .artisan-footer-shipping{margin:0 0 8px;color:var(--art-muted);font-size:13px}
.noir-store{--noir-ink:#f2eee5;--noir-brass:#c7a66a;--noir-char:#11110f;--noir-line:#2a2721;--noir-muted:#a39b88;background:var(--noir-char);color:var(--noir-ink);min-height:100vh}
.noir-store .noir-announcement{background:var(--noir-brass);color:#11110f}
.noir-store .noir-announcement p{margin:0;padding:9px 28px;text-align:center;font-size:12.5px;font-weight:650}
.noir-store .noir-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:1200px;margin:0 auto;padding:18px 28px;background:rgba(17,17,15,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--noir-line)}
.noir-store .noir-brand{display:inline-flex;align-items:center;text-decoration:none;font-size:19px;font-weight:750;letter-spacing:.04em;color:var(--noir-ink)}
.noir-store .noir-logo{max-height:34px;width:auto;display:block}
.noir-store .noir-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.noir-store .noir-nav a,.noir-store .noir-header-actions a{font-size:12.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--noir-muted)}
.noir-store .noir-nav a:hover,.noir-store .noir-header-actions a:hover{color:var(--noir-brass)}
.noir-store .noir-header-actions{display:flex;align-items:center;gap:16px}
.noir-store .noir-footer{background:#0c0c0a;border-top:1px solid var(--noir-line);color:var(--noir-ink);margin-top:24px}
.noir-store .noir-footer-col h2{color:var(--noir-ink)}
.noir-store .noir-footer-col a,.noir-store .noir-footer-brand p,.noir-store .noir-footer-badges,.noir-store .noir-footer-pay p{color:var(--noir-muted)}
.noir-store .noir-footer-col a:hover{color:var(--noir-brass)}
.noir-store .noir-pay-badge{border-color:var(--noir-line);background:#11110f;color:var(--noir-muted)}
.noir-store .noir-trust{color:var(--noir-muted)}
.noir-store .noir-trust-item strong{color:var(--noir-ink)}

/* ARTISAN theme — storefront components (rendered by lib/theme-artisan.js).
   Every colour flows through the tenant-customizable --art-* properties. */
.tenant-store.theme-artisan .artisan-main{display:block;max-width:1200px;margin:0 auto;padding:0 28px}
.tenant-store.theme-artisan .artisan-section{padding:56px 0;border-top:1px solid var(--art-line)}
.tenant-store.theme-artisan .artisan-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:28px}
.tenant-store.theme-artisan .artisan-eyebrow{margin:0 0 6px;font-size:11.5px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-section-title{margin:0;font-family:var(--art-serif);font-size:clamp(24px,3.2vw,34px);letter-spacing:-.01em;color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-view-all{font-size:13px;font-weight:650;text-decoration:none;color:var(--art-brown);border-bottom:1px solid var(--art-line);padding-bottom:2px;white-space:nowrap}
.tenant-store.theme-artisan .artisan-view-all:hover{color:var(--art-clay);border-bottom-color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-btn{display:inline-block;padding:13px 26px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;border:1px solid var(--art-brown);color:var(--art-brown);background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.tenant-store.theme-artisan .artisan-btn:hover{background:var(--art-brown);color:#fff}
.tenant-store.theme-artisan .artisan-btn-primary{background:var(--art-brown);color:#fff}
.tenant-store.theme-artisan .artisan-btn-primary:hover{background:var(--art-clay);border-color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-btn:disabled{opacity:.5;cursor:not-allowed}
.tenant-store.theme-artisan .artisan-hero{display:flex;align-items:center;justify-content:center;text-align:center;gap:40px;max-width:1200px;margin:0 auto;padding:64px 28px 56px;flex-wrap:wrap}
.tenant-store.theme-artisan .artisan-hero-text{max-width:640px;width:100%}
.tenant-store.theme-artisan .artisan-hero-title{margin:0 0 14px;font-family:var(--art-serif);font-size:clamp(38px,5.6vw,64px);line-height:1.02;letter-spacing:-.02em;color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-hero-sub{margin:0 0 26px;font-size:clamp(16px,1.8vw,19px);color:var(--art-muted);max-width:640px;margin-left:auto;margin-right:auto}
.tenant-store.theme-artisan .artisan-hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.tenant-store.theme-artisan .artisan-hero-figure{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--art-line);background:var(--art-cream);aspect-ratio:4/3;width:100%;max-width:520px}
.tenant-store.theme-artisan .artisan-hero-figure img,.tenant-store.theme-artisan .artisan-hero-figure video{width:100%;height:100%;object-fit:cover;display:block}
.tenant-store.theme-artisan .artisan-trust-badges{display:flex;flex-wrap:nowrap;gap:16px;max-width:1200px;margin:0 auto;padding:0 28px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.tenant-store.theme-artisan .artisan-trust-badges::-webkit-scrollbar{display:none}
.tenant-store.theme-artisan .artisan-trust-badge{display:flex;gap:12px;align-items:flex-start;padding:18px;border:1px solid var(--art-line);border-radius:14px;background:#fff;flex:0 0 auto;white-space:normal;min-width:240px}
.tenant-store.theme-artisan .artisan-trust-badge strong{display:block;font-size:14px;color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-trust-badge p{margin:2px 0 0;font-size:13px;color:var(--art-muted)}
.tenant-store.theme-artisan .artisan-trust-badges .artisan-trust-icon{display:inline-grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--art-cream);color:var(--art-brown);font-size:16px}
.tenant-store.theme-artisan .artisan-collections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tenant-store.theme-artisan .artisan-collection{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:180px;padding:20px;border-radius:14px;border:1px solid var(--art-line);background:var(--art-cream);text-decoration:none;overflow:hidden;transition:border-color .15s ease}
.tenant-store.theme-artisan .artisan-collection:hover{border-color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-collection-name{margin:0 0 4px;font-family:var(--art-serif);font-size:19px;color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-collection-desc{margin:0 0 10px;font-size:13px;color:var(--art-muted)}
.tenant-store.theme-artisan .artisan-collection-link{margin-top:auto;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.tenant-store.theme-artisan .artisan-card{display:flex;flex-direction:column;border:1px solid var(--art-line);border-radius:14px;overflow:hidden;background:#fff;transition:border-color .15s ease,transform .15s ease}
.tenant-store.theme-artisan .artisan-card:hover{border-color:var(--art-clay);transform:translateY(-2px)}
.tenant-store.theme-artisan .artisan-card-media{position:relative;display:block;aspect-ratio:1/1;background:var(--art-cream);text-decoration:none;overflow:hidden}
.tenant-store.theme-artisan .artisan-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.tenant-store.theme-artisan .artisan-card-mono{display:grid;place-items:center;width:100%;height:100%;font-family:var(--art-serif);font-size:56px;color:var(--art-brown)}
.tenant-store.theme-artisan .artisan-badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.tenant-store.theme-artisan .artisan-badge--sale{background:var(--art-clay);color:#fff}
.tenant-store.theme-artisan .artisan-card-body{display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px}
.tenant-store.theme-artisan .artisan-card-brand{margin:0;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--art-muted)}
.tenant-store.theme-artisan .artisan-card-title{margin:0;font-size:16px;font-weight:650;color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-card-title a{color:inherit;text-decoration:none}
.tenant-store.theme-artisan .artisan-card-title a:hover{color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-card-price{margin:0;display:flex;align-items:baseline;gap:8px}
.tenant-store.theme-artisan .artisan-card-stock{margin:0;font-size:12px;color:var(--art-muted)}
.tenant-store.theme-artisan .artisan-card-link{margin-top:auto;padding-top:8px;font-size:13px;font-weight:650;color:var(--art-brown);text-decoration:none;border-top:1px solid var(--art-line)}
.tenant-store.theme-artisan .artisan-card-link:hover{color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-price{font-size:15px;font-weight:700;color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-price--sale{color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-price--original{font-size:13px;font-weight:500;color:var(--art-muted);text-decoration:line-through}
.tenant-store.theme-artisan .artisan-story{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:40px 0}
.tenant-store.theme-artisan .artisan-story-title{margin:0 0 12px;font-family:var(--art-serif);font-size:clamp(24px,3vw,32px);color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-story-body{margin:0;font-size:15px;color:var(--art-muted);line-height:1.75}
.tenant-store.theme-artisan .artisan-story-figure{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--art-line)}
.tenant-store.theme-artisan .artisan-story-figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.tenant-store.theme-artisan .artisan-story--left .artisan-story-figure{order:-1}
.tenant-store.theme-artisan .artisan-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.tenant-store.theme-artisan .artisan-team-card{border:1px solid var(--art-line);border-radius:14px;overflow:hidden;background:#fff}
.tenant-store.theme-artisan .artisan-team-photo{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:var(--art-cream)}
.tenant-store.theme-artisan .artisan-team-mono{display:grid;place-items:center;font-family:var(--art-serif);font-size:44px;color:var(--art-brown)}
.tenant-store.theme-artisan .artisan-team-info{padding:16px 18px 18px}
.tenant-store.theme-artisan .artisan-team-name{margin:0 0 2px;font-size:16px;color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-team-role{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-team-bio{margin:0;font-size:13px;color:var(--art-muted);line-height:1.6}
.tenant-store.theme-artisan .artisan-journal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tenant-store.theme-artisan .artisan-journal-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--art-line);border-radius:14px;background:#fff}
.tenant-store.theme-artisan .artisan-journal-date{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--art-muted)}
.tenant-store.theme-artisan .artisan-journal-title{margin:0 0 8px;font-family:var(--art-serif);font-size:19px;line-height:1.3}
.tenant-store.theme-artisan .artisan-journal-title a{color:var(--art-ink);text-decoration:none}
.tenant-store.theme-artisan .artisan-journal-title a:hover{color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-journal-excerpt{margin:0 0 12px;font-size:13.5px;color:var(--art-muted);line-height:1.65}
.tenant-store.theme-artisan .artisan-journal-link{margin-top:auto;font-size:13px;font-weight:650;color:var(--art-brown);text-decoration:none}
.tenant-store.theme-artisan .artisan-journal-link:hover{color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-newsletter-section{background:var(--art-cream);border-top:1px solid var(--art-line);border-bottom:1px solid var(--art-line)}
.tenant-store.theme-artisan .artisan-newsletter-inner{max-width:640px;margin:0 auto;padding:56px 28px;text-align:center}
.tenant-store.theme-artisan .artisan-newsletter-copy{margin:0 0 22px;font-size:15px;color:var(--art-muted)}
.tenant-store.theme-artisan .artisan-newsletter-success{margin:0 0 16px;font-size:14px;font-weight:650;color:var(--art-brown)}
.tenant-store.theme-artisan .artisan-newsletter-form{display:flex;flex-direction:column;gap:10px}
.tenant-store.theme-artisan .artisan-newsletter-row{display:flex;gap:10px}
.tenant-store.theme-artisan .artisan-newsletter-input{flex:1;min-width:0;padding:13px 16px;border:1px solid var(--art-line);border-radius:999px;font-size:14px;background:#fff;color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-newsletter-input:focus{outline:2px solid var(--art-clay);outline-offset:1px;border-color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-field-label{display:block;margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--art-muted)}
.tenant-store.theme-artisan .artisan-collection-head{padding:48px 0 8px}
.tenant-store.theme-artisan .artisan-collection-title{margin:0 0 8px;font-family:var(--art-serif);font-size:clamp(30px,4vw,42px);color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-collection-head .artisan-collection-desc{margin:0 0 6px;font-size:15px;color:var(--art-muted);max-width:640px}
.tenant-store.theme-artisan .artisan-collection-count{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--art-muted)}
.tenant-store.theme-artisan .artisan-filters{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 28px}
.tenant-store.theme-artisan .artisan-filters a{padding:8px 16px;border:1px solid var(--art-line);border-radius:999px;font-size:13px;font-weight:650;text-decoration:none;color:var(--art-brown);background:#fff}
.tenant-store.theme-artisan .artisan-filters a:hover{border-color:var(--art-clay);color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-filters a.is-active{background:var(--art-brown);border-color:var(--art-brown);color:#fff}
.tenant-store.theme-artisan .artisan-empty{padding:64px 0;text-align:center}
.tenant-store.theme-artisan .artisan-empty h2{margin:0 0 8px;font-family:var(--art-serif);font-size:26px;color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-empty p{margin:0;color:var(--art-muted)}
.tenant-store.theme-artisan .artisan-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;padding:24px 0 0;font-size:12.5px;color:var(--art-muted)}
.tenant-store.theme-artisan .artisan-breadcrumb a{color:var(--art-muted);text-decoration:none}
.tenant-store.theme-artisan .artisan-breadcrumb a:hover{color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-product{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;padding:28px 0 40px}
.tenant-store.theme-artisan .artisan-gallery-primary{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;border:1px solid var(--art-line);background:var(--art-cream);display:block}
.tenant-store.theme-artisan .artisan-gallery-empty{display:grid;place-items:center;font-family:var(--art-serif);font-size:72px;color:var(--art-brown)}
.tenant-store.theme-artisan .artisan-gallery-thumbs{display:flex;gap:10px;margin-top:12px}
.tenant-store.theme-artisan .artisan-gallery-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--art-line);opacity:.65}
.tenant-store.theme-artisan .artisan-gallery-thumb.is-active,.tenant-store.theme-artisan .artisan-gallery-thumb:hover{opacity:1;border-color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-product-brand{margin:0 0 6px;font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-product-title{margin:0 0 10px;font-family:var(--art-serif);font-size:clamp(28px,3.4vw,38px);line-height:1.1;color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-product-price{margin:0 0 8px;display:flex;align-items:baseline;gap:10px}
.tenant-store.theme-artisan .artisan-product-stock{margin:0 0 14px;font-size:12.5px;font-weight:650;color:var(--art-muted)}
.tenant-store.theme-artisan .artisan-product-short{margin:0 0 20px;font-size:15px;color:var(--art-muted);line-height:1.7}
.tenant-store.theme-artisan .artisan-product-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding:20px 0;border-top:1px solid var(--art-line);border-bottom:1px solid var(--art-line)}
.tenant-store.theme-artisan .artisan-product-lead{margin:-6px 0 16px;font-size:13px;color:var(--art-muted)}
.tenant-store.theme-artisan .artisan-product-variants{display:flex;flex-direction:column;gap:6px;width:100%}
.tenant-store.theme-artisan .artisan-select{width:100%;max-width:320px;padding:12px 14px;border:1px solid var(--art-line);border-radius:10px;font-size:14px;background:#fff;color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-qty{width:110px;padding:12px 14px;border:1px solid var(--art-line);border-radius:10px;font-size:14px;background:#fff;color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-product-actions>a{font-size:13px;font-weight:650;color:var(--art-brown);text-decoration:none}
.tenant-store.theme-artisan .artisan-product-actions>a:hover{color:var(--art-clay)}
.tenant-store.theme-artisan .artisan-product-description{margin:20px 0 0;font-size:14.5px;color:var(--art-muted);line-height:1.75}
.tenant-store.theme-artisan .artisan-product-block{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--art-line)}
.tenant-store.theme-artisan .artisan-subhead{margin:0 0 10px;font-family:var(--art-serif);font-size:19px;color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-product-block>div{font-size:14px;color:var(--art-muted);line-height:1.7}
.tenant-store.theme-artisan .artisan-shipping-list{margin:0;padding:0;list-style:none}
.tenant-store.theme-artisan .artisan-shipping-list li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--art-line);font-size:14px;color:var(--art-muted)}
.tenant-store.theme-artisan .artisan-shipping-list li:last-child{border-bottom:0}
.tenant-store.theme-artisan .artisan-article{max-width:720px;padding:40px 0 64px}
.tenant-store.theme-artisan .artisan-article-title{margin:0 0 16px;font-family:var(--art-serif);font-size:clamp(30px,4vw,44px);line-height:1.12;color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-article-body{margin:0;font-size:16px;line-height:1.8;color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-status{padding:80px 0;text-align:center}
.tenant-store.theme-artisan .artisan-status-title{margin:0 0 10px;font-family:var(--art-serif);font-size:clamp(28px,3.6vw,40px);color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-status-copy{margin:0 0 24px;color:var(--art-muted)}
@media(max-width:1000px){
  .tenant-store.theme-artisan .artisan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tenant-store.theme-artisan .artisan-collections{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tenant-store.theme-artisan .artisan-team{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tenant-store.theme-artisan .artisan-journal{grid-template-columns:1fr}
  .tenant-store.theme-artisan .artisan-trust-badges{grid-template-columns:1fr}
  .tenant-store.theme-artisan .artisan-hero{grid-template-columns:1fr;gap:28px;padding:48px 28px}
  .tenant-store.theme-artisan .artisan-product{grid-template-columns:1fr;gap:28px}
  .tenant-store.theme-artisan .artisan-story{grid-template-columns:1fr;gap:24px}
  .tenant-store.theme-artisan .artisan-story--left .artisan-story-figure{order:0}
}
@media(max-width:600px){
  .tenant-store.theme-artisan .artisan-main{padding:0 18px}
  .tenant-store.theme-artisan .artisan-section{padding:40px 0}
  .tenant-store.theme-artisan .artisan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tenant-store.theme-artisan .artisan-newsletter-row{flex-direction:column}
  .tenant-store.theme-artisan .artisan-newsletter-inner{padding:40px 18px}
  .tenant-store.theme-artisan .artisan-hero{padding:36px 18px}
  .tenant-store.theme-artisan .artisan-gallery-thumb{width:56px;height:56px}
}
@media(max-width:850px){
  .store-footer-inner{grid-template-columns:1fr 1fr;gap:22px}
  .artisan-footer-inner,.noir-footer-inner{grid-template-columns:1fr 1fr;gap:22px}
  .store-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .artisan-trust,.noir-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .store-header,.artisan-header,.noir-header{flex-direction:row;align-items:center;gap:12px;padding:12px 16px;flex-wrap:nowrap}
  .store-brand,.artisan-brand,.noir-brand{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:36vw;flex:0 1 auto}
  .store-nav,.artisan-nav,.noir-nav{flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:14px;overflow-x:auto;scrollbar-width:none}
  .store-nav::-webkit-scrollbar,.artisan-nav::-webkit-scrollbar,.noir-nav::-webkit-scrollbar{display:none}
  .store-nav a,.artisan-nav a,.noir-nav a{white-space:nowrap}
  .store-header-actions,.artisan-header-actions,.noir-header-actions{flex:0 0 auto;gap:10px}
  .store-footer-inner,.artisan-footer-inner,.noir-footer-inner{grid-template-columns:1fr;gap:18px}
  .store-trust,.artisan-trust,.noir-trust{grid-template-columns:1fr;gap:12px}
}

/* Trea’s glass-led artisan storefront refinement. */
.tenant-store.theme-artisan .artisan-hero{
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:clamp(440px,58vw,660px);margin:14px auto 28px;padding:clamp(28px,6vw,72px);border:1px solid rgba(255,255,255,.55);border-radius:26px;overflow:hidden;
  background-color:#b7aa99;background-image:linear-gradient(90deg,rgba(255,248,238,.14),rgba(255,248,238,.10)),var(--artisan-hero-image),radial-gradient(ellipse at 18% 20%,#d2bca2,#817263 60%,#51463e);background-size:cover;background-position:center;
}
.tenant-store.theme-artisan .artisan-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,250,242,.08),rgba(255,250,242,.20))}
.tenant-store.theme-artisan .artisan-hero-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.tenant-store.theme-artisan .artisan-hero-glass{width:min(100%,780px);padding:clamp(28px,5vw,56px);border:1px solid rgba(255,255,255,.62);border-radius:28px;background:rgba(255,250,244,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 22px 70px rgba(32,24,17,.18);backdrop-filter:saturate(165%) blur(10px);-webkit-backdrop-filter:saturate(165%) blur(10px)}
.tenant-store.theme-artisan .artisan-hero-text{max-width:680px}
.tenant-store.theme-artisan .artisan-hero-title{color:#241c16;text-shadow:0 1px rgba(255,255,255,.4)}
.tenant-store.theme-artisan .artisan-hero-sub{color:#43372c}
.tenant-store.theme-artisan .artisan-btn{border-color:rgba(255,255,255,.78);color:var(--art-ink);background:rgba(255,255,255,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.74),0 8px 24px rgba(43,33,24,.10);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.tenant-store.theme-artisan .artisan-btn:hover{border-color:rgba(255,255,255,.92);background:rgba(255,255,255,.66);color:var(--art-ink);transform:translateY(-1px)}
.tenant-store.theme-artisan .artisan-btn-primary{border-color:rgba(255,255,255,.82);background:rgba(138,90,51,.60);color:#fff;text-shadow:0 1px 2px rgba(32,24,17,.25)}
.tenant-store.theme-artisan .artisan-btn-primary:hover{background:rgba(176,106,68,.76);color:#fff}
.tenant-store.theme-artisan .artisan-collections{gap:18px}
.tenant-store.theme-artisan .artisan-collection{isolation:isolate;min-height:230px;padding:14px;border-color:rgba(255,255,255,.7);border-radius:22px;background:radial-gradient(ellipse at 80% 15%,rgba(255,255,255,.82),transparent 44%),linear-gradient(145deg,#d8c8b5,#a98a6d 55%,#6e5847);box-shadow:0 12px 34px rgba(62,44,28,.10)}
.tenant-store.theme-artisan .artisan-collection:nth-child(2){background:radial-gradient(ellipse at 20% 15%,rgba(255,255,255,.85),transparent 42%),linear-gradient(145deg,#d5d4c7,#9e9c83 55%,#656552)}
.tenant-store.theme-artisan .artisan-collection:nth-child(3){background:radial-gradient(ellipse at 75% 12%,rgba(255,255,255,.78),transparent 44%),linear-gradient(145deg,#d9c8ad,#ad8862 58%,#70533c)}
.tenant-store.theme-artisan .artisan-collection:nth-child(4){background:radial-gradient(ellipse at 25% 10%,rgba(255,255,255,.8),transparent 45%),linear-gradient(145deg,#d7c0b5,#a77c69 58%,#6b4b40)}
.tenant-store.theme-artisan .artisan-collection::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(44,33,24,.02),rgba(44,33,24,.26))}
.tenant-store.theme-artisan .artisan-collection-glass{display:flex;flex-direction:column;min-height:190px;height:100%;padding:18px;border:1px solid rgba(255,255,255,.58);border-radius:16px;background:rgba(255,250,244,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 12px 32px rgba(40,29,20,.12);backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);transition:background .18s ease,transform .18s ease}
.tenant-store.theme-artisan .artisan-collection:hover .artisan-collection-glass{background:rgba(255,250,244,.62);transform:translateY(-2px)}
.tenant-store.theme-artisan .artisan-collection-index{margin-bottom:auto;font-size:10px;font-weight:750;letter-spacing:.14em;color:rgba(43,33,24,.72)}
.tenant-store.theme-artisan .artisan-collection-name{margin:22px 0 4px;font-size:clamp(18px,2vw,22px);color:var(--art-ink)}
.tenant-store.theme-artisan .artisan-collection-desc{margin:0 0 12px;color:#514334}
.tenant-store.theme-artisan .artisan-collection-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid rgba(43,33,24,.16);font-size:11px;letter-spacing:.08em;color:var(--art-brown)}
.tenant-store.theme-artisan .artisan-trust-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:4px 0 28px;overflow:visible}
.tenant-store.theme-artisan .artisan-trust-badge{min-width:0;flex:initial;padding:16px;border-color:rgba(255,255,255,.78);border-radius:18px;background:rgba(255,255,255,.44);box-shadow:inset 0 1px 0 #fff,0 10px 26px rgba(64,45,28,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.tenant-store.theme-artisan .artisan-card{position:relative;border:0;border-radius:20px;background:transparent;overflow:visible}
.tenant-store.theme-artisan .artisan-card-media{border:1px solid rgba(255,255,255,.72);border-radius:20px;background:var(--art-cream);box-shadow:0 12px 30px rgba(54,39,26,.10)}
.tenant-store.theme-artisan .artisan-card-media img{border-radius:20px}
.tenant-store.theme-artisan .artisan-card-body{position:relative;z-index:2;margin:-54px 10px 10px;padding:15px 16px 16px;border:1px solid rgba(255,255,255,.78);border-radius:17px;background:rgba(255,252,248,.76);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 26px rgba(54,39,26,.10);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
.tenant-store.theme-artisan .artisan-team-card{border:1px solid rgba(255,255,255,.8);border-radius:20px;background:rgba(255,255,255,.56);box-shadow:0 12px 30px rgba(54,39,26,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.tenant-store.theme-artisan .artisan-team-demo{margin:0 0 5px;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--art-muted)}
.tenant-store.theme-artisan .artisan-team-info{padding:15px 16px 17px}
@media(max-width:600px){
  .tenant-store.theme-artisan .artisan-hero{min-height:490px;margin:8px 0 16px;padding:18px;border-radius:20px;background-position:58% center}
  .tenant-store.theme-artisan .artisan-hero-glass{padding:26px 20px;border-radius:20px}
  .tenant-store.theme-artisan .artisan-hero-title{font-size:clamp(36px,10vw,48px)}
  .tenant-store.theme-artisan .artisan-hero-actions{gap:9px}
  .tenant-store.theme-artisan .artisan-btn{padding:11px 17px;font-size:12px}
  .tenant-store.theme-artisan .artisan-collections{gap:10px}
  .tenant-store.theme-artisan .artisan-collection{min-height:180px;padding:9px;border-radius:17px}
  .tenant-store.theme-artisan .artisan-collection-glass{min-height:160px;padding:12px;border-radius:13px}
  .tenant-store.theme-artisan .artisan-collection-name{font-size:16px}
  .tenant-store.theme-artisan .artisan-collection-index{font-size:8px}
  .tenant-store.theme-artisan .artisan-collection-link{font-size:9px}
  .tenant-store.theme-artisan .artisan-trust-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 0 18px}
  .tenant-store.theme-artisan .artisan-trust-badge{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 5px;border-radius:13px;text-align:center}
  .tenant-store.theme-artisan .artisan-trust-badges .artisan-trust-icon{width:24px;height:24px;flex-basis:24px;font-size:12px}
  .tenant-store.theme-artisan .artisan-trust-badge strong{font-size:9px;line-height:1.2}
  .tenant-store.theme-artisan .artisan-trust-badge p{font-size:8px;line-height:1.25}
  .tenant-store.theme-artisan .artisan-card-body{margin:-42px 6px 8px;padding:11px 10px 12px;border-radius:14px}
}

/* Sign-in and sign-up: a restrained liquid-glass treatment based on the
   supplied reference. Scoped to authBody so onboarding stays independent. */
.auth-shell{position:relative;isolation:isolate;display:grid;align-items:center;min-height:calc(100svh - 152px);padding-top:56px;padding-bottom:56px}
.auth-shell::before{content:"";position:absolute;z-index:-1;inset:18px 0;border-radius:30px;background:radial-gradient(ellipse at 18% 18%,rgba(47,123,255,.2),transparent 48%),radial-gradient(ellipse at 82% 84%,rgba(242,118,46,.13),transparent 46%),linear-gradient(135deg,#07132a,#10264a 52%,#0a1730);box-shadow:0 26px 80px rgba(7,19,42,.16)}
.auth-glass-card{position:relative;overflow:hidden;max-width:520px;margin:auto;padding:clamp(26px,5vw,42px)!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.07))!important;color:#f5f8ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 24px 64px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}
.auth-glass-card::before{content:"";position:absolute;pointer-events:none;top:-110px;right:-85px;width:270px;height:210px;border-radius:50%;background:radial-gradient(ellipse,rgba(110,175,255,.28),transparent 70%);filter:blur(8px)}
.auth-glass-card>*{position:relative}
.auth-glass-card .eyebrow{color:#c6ddff;background:rgba(47,123,255,.18);border-color:rgba(165,199,255,.3)}
.auth-glass-card h1{color:#fff}
.auth-glass-card>p{color:#c5d2e9}
.auth-glass-card a{color:#a9ccff}
.auth-glass-card .field label{color:#edf3ff}
.auth-glass-card .field input{border-color:rgba(208,224,255,.25);border-radius:10px;background:rgba(3,12,29,.32);color:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,.12)}
.auth-glass-card .field input::placeholder{color:#a9b8d2}
.auth-glass-card .field input:focus{outline:3px solid rgba(105,166,255,.34);border-color:#91bdff}
.auth-glass-card .btn-primary{width:100%;margin-top:6px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:linear-gradient(105deg,#2f7bff,#2865d6);box-shadow:0 9px 24px rgba(26,89,199,.34);color:#fff}
.auth-glass-card .btn-primary:hover{background:linear-gradient(105deg,#4389ff,#3474e7)}
.auth-glass-card .form-error{padding:10px 12px;border:1px solid rgba(255,145,145,.45);border-radius:10px;background:rgba(160,34,48,.2);color:#ffe1e3}
.auth-glass-card .form-muted{margin-top:8px;font-size:14px}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.auth-glass-card{background:linear-gradient(145deg,#17315a,#0b1934)!important}}
@media(max-width:600px){.auth-shell{min-height:calc(100svh - 120px);padding-top:32px;padding-bottom:32px}.auth-shell::before{inset:10px -8px;border-radius:22px}.auth-glass-card{border-radius:20px!important}}
@media(prefers-reduced-transparency:reduce){.auth-glass-card{background:#102346!important;-webkit-backdrop-filter:none;backdrop-filter:none}}