/* ============================================================
   guide.theme.css  -  GENERATED PER CLIENT by strategy-hub-builder
   Client: 360 PT & Wellness (Plano, TX) · 360ptwellness.com
   Chrome: brand blue #1577A8 (wordmark blue, deepened for contrast)
   -> bright teal #02B8BF (buttons/links/logo orb). Cool, calm, clinical.
   Distinctness guard: the client primary is teal, which sits near the
   geo-engine default teal (#0e9f8e). Resolution per references/02-theming.md:
   the chrome is anchored on the BLUE end (#1577A8, ~200deg) so topical-map
   (which reuses --grad-brand) reads blue-cyan while geo-engine keeps its
   teal-green default (~172deg) - solids land ~28deg apart, so the set stays
   categorically distinct. All other signature hues stay at fixed defaults.
   guide.css is structural and references these vars; it never changes. This
   file loads AFTER guide.css, so the override block re-points guide.css's
   hardcoded default blues to the client blue/teal while per-guide signature
   variants (.hero.ai / .hero.geo / .hero.orange ...) win on specificity.
   ============================================================ */
:root{
  /* --- structural neutrals + semantics (cool, FIXED defaults) --- */
  --ink:#11142a; --navy:#16243a; --navy-2:#0e1828;
  --bg:#eef5fb; --bg-2:#e4eef7; --card:#ffffff;
  --line:#d6e6f0; --line-2:#e6f0f7;
  --t1:#11142a; --t2:#41566b; --t3:#84a0b3;
  --good:#16b981; --warn:#f59e0b; --bad:#ef4444;
  --money:#16b981; --money-2:#2bb673; --amber:#f5a623; --pink:#ec4899;
  --cyan:#8ed1fc; --sky:#5f91ce; --teal:#4aeadc;
  --shadow-sm:0 1px 2px rgba(15,30,45,.06),0 1px 3px rgba(15,30,45,.05);
  --shadow:0 6px 18px -6px rgba(13,74,94,.18),0 2px 6px -2px rgba(13,74,94,.09);
  --shadow-lg:0 24px 60px -18px rgba(12,40,60,.34),0 8px 20px -10px rgba(12,40,60,.2);
  --radius:18px; --radius-sm:12px;
  --nav-h:64px;
  --font:"Segoe UI",-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;

  /* --- CLIENT CHROME (360 PT & Wellness blue -> teal) --- */
  --brand:#1577A8;
  --brand-2:#02B8BF;
  --grad-brand:linear-gradient(135deg,#1577A8 0%,#02B8BF 100%);
  --grad-deep:linear-gradient(155deg,#0f1d28 0%,#0e4a5e 45%,#1577A8 120%);

  /* --- SIGNATURE GUIDE GRADIENTS (fixed categorical defaults) --- */
  --orange:#ff5f1f; --orange-2:#ff8a3d;
  --grad-orange:linear-gradient(135deg,#ff5f1f 0%,#ff9a3d 100%);
  --purple:#8b5cf6;
  --grad-purple:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);
  --geo:#0e9f8e; --geo-2:#34d399;
  --grad-geo:linear-gradient(135deg,#0e9f8e 0%,#34d399 100%);
  --grad-money:linear-gradient(135deg,#16b981 0%,#4aeadc 100%);
  --green:#15a34a; --grad-green:linear-gradient(135deg,#15a34a 0%,#4ade80 100%);
  --magenta:#db2777; --grad-magenta:linear-gradient(135deg,#db2777 0%,#f472b6 100%);
  /* agency-fixed flagship slot: lime (wellness-growth-os) - never client-tinted */
  --navy-wgos:#1d2d61; --lime:#a4bd23; --lime-2:#c3da4d;
  --grad-lime:linear-gradient(135deg,#a4bd23 0%,#c3da4d 100%);
}

/* ============================================================
   CHROME RE-TINT  (override guide.css hardcoded default blues -> client
   blue/teal). Loaded after guide.css; per-guide signature variants outrank.
   360PT's cool palette is close to the system default, so this is light.
   ============================================================ */
/* top nav: cool dark glass */
.nav{background:rgba(14,30,44,.84)}
/* active tab: brand blue->teal */
.navtab.active{background:var(--grad-brand);color:#fff;box-shadow:0 4px 14px -4px rgba(2,184,191,.55)}
.nav .tabs-arrow:hover{background:rgba(2,184,191,.3);color:#fff;border-color:rgba(2,184,191,.5)}
/* base hero (no signature variant = homepage): teal/blue glow + brand accent */
.hero::before{background:radial-gradient(900px 420px at 82% -8%,rgba(2,184,191,.40),transparent 60%),radial-gradient(700px 500px at 8% 110%,rgba(21,119,168,.26),transparent 55%)}
.hero h1 .accent{background:linear-gradient(120deg,#8fe3f0,#02B8BF);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-badge .dot{background:var(--brand-2);box-shadow:0 0 0 4px rgba(2,184,191,.22)}
.hero .meta-row .chip b{color:#8fe3f0}
/* statement block: deep teal/blue instead of generic navy */
.statement{background:linear-gradient(150deg,#0f1d28 0%,#0e3f52 52%,#136a93 120%)}
.statement::before{background:radial-gradient(680px 300px at 90% -25%,rgba(2,184,191,.24),transparent 62%)}
.statement .lbl{color:#8fe3f0}
.statement p .hi{background:linear-gradient(120deg,#aef0f5,#02B8BF);-webkit-background-clip:text;background-clip:text;color:transparent}
/* matrix "us" (the client) column: brand highlight */
table.matrix thead th.us{background:var(--grad-brand)}
table.matrix td.us{background:rgba(2,184,191,.09)}
table.matrix tbody tr:hover td.us{background:rgba(2,184,191,.15)}
/* default icon chips that hardcoded a blue wash */
.kpi .k-ico{background:rgba(21,119,168,.12);color:var(--brand)}
.aud .a-ic{background:rgba(21,119,168,.12);color:var(--brand)}
.tl-card .tl-h .when{color:#0e5e74;background:rgba(2,184,191,.13)}

/* ============================================================
   PER-MODULE IDENTITY  (the 6 selected guides, registry order:
   wgos, brand, topical, ai, geo, local. social-search NOT selected.)
   ============================================================ */
.guide-chip.c-wgos{background:var(--grad-lime);color:#1d2d61}
.guide-chip.c-brand{background:var(--grad-orange)}
.guide-chip.c-topical{background:var(--grad-brand)}
.guide-chip.c-ai{background:var(--grad-purple)}
.guide-chip.c-geo{background:var(--grad-geo)}
.guide-chip.c-local{background:var(--grad-green)}

.swbtn.to-wgos{color:#d4e87a;border-color:rgba(164,189,35,.6)}
.swbtn.to-wgos:hover{background:var(--grad-lime);color:#1d2d61;border-color:transparent;box-shadow:0 5px 16px -4px rgba(164,189,35,.55)}
.swbtn.to-brand{color:#ffc4a3;border-color:rgba(255,95,31,.55)}
.swbtn.to-brand:hover{background:var(--grad-orange);color:#fff;border-color:transparent;box-shadow:0 5px 16px -4px rgba(255,95,31,.6)}
.swbtn.to-topical{color:#9fd2ec;border-color:rgba(21,119,168,.6)}
.swbtn.to-topical:hover{background:var(--grad-brand);color:#fff;border-color:transparent;box-shadow:0 5px 16px -4px rgba(2,184,191,.6)}
.swbtn.to-ai{color:#cbb8f7;border-color:rgba(139,92,246,.6)}
.swbtn.to-ai:hover{background:var(--grad-purple);color:#fff;border-color:transparent;box-shadow:0 5px 16px -4px rgba(139,92,246,.6)}
.swbtn.to-geo{color:#86e6cf;border-color:rgba(14,159,142,.6)}
.swbtn.to-geo:hover{background:var(--grad-geo);color:#fff;border-color:transparent;box-shadow:0 5px 16px -4px rgba(16,185,129,.6)}
.swbtn.to-local{color:#9ce8b8;border-color:rgba(21,163,74,.6)}
.swbtn.to-local:hover{background:var(--grad-green);color:#fff;border-color:transparent;box-shadow:0 5px 16px -4px rgba(21,163,74,.6)}

/* topical-map (blue slot) reuses the brand chrome gradient; its gchip/sc-tag
   rules already ship in guide.css keyed to --grad-brand / --brand. */