/* German King theme (10/24), modelled on tryholo.ai: deep navy-black, soft white type,
   pill buttons, big rounded cards, and one blue-to-orange gradient used sparingly
   (primary buttons, the brand mark, active states, the headline number).
   Loaded last by /admin/ and / so it overrides their tokens without touching layout. */
:root{
  --grad:linear-gradient(103deg,#4f8ae6 5%,#a878e8 22%,#d85fc8 40%,#ff4988 60%,#ff5c2e 78%,#ff8030 92%);
  --grad-soft:linear-gradient(103deg,rgba(79,138,230,.16),rgba(216,95,200,.14) 45%,rgba(255,92,46,.14));
  --font:'Plus Jakarta Sans',system-ui,sans-serif; --display:'Outfit','Plus Jakarta Sans',system-ui,sans-serif;

  /* admin tokens */
  --bg:#0a0b14; --bg-2:#0f1019; --card:#14151d; --card-2:#191a23; --card-3:#22232d;
  --line:rgba(255,255,255,.07); --line-2:rgba(255,255,255,.12);
  --ink:#f5f6f8; --ink-2:#c7c8ce; --ink-3:#8b8d96;
  --accent:#ff4988; --accent-2:#ff6b9d; --accent-soft:rgba(255,73,136,.12);
  --green:#00c487; --green-soft:rgba(0,196,135,.12);
  --amber:#ff8a3d; --amber-soft:rgba(255,138,61,.12);
  --violet:#a878e8; --violet-soft:rgba(168,120,232,.14);
  --r-lg:24px; --r-md:16px; --r-sm:10px;
  --shadow:0 0 0 1px rgba(255,255,255,.07), 0 30px 60px -36px rgba(0,0,0,.8);
  --mono:'Geist Mono',ui-monospace,monospace;

  /* Kingdom tasks page tokens */
  --canvas:#0a0b14; --surface:#14151d; --surface-2:#191a23; --accent-strong:#ff6b9d; --blue:#4f8ae6;
  --z600:#c7c8ce; --z500:#8b8d96; --z400:#6d6e76; --z300:#3a3b45; --z200:#2a2b34; --z100:#1f2028; --z50:#191a23;
}
body{font-family:var(--font)!important;background:var(--bg,#0a0b14);letter-spacing:-.003em}
h1,h2,h3,.brand,.hero h1,.metric .v,.ccard-mid .big,.funnel .st .v{font-family:var(--display)!important;text-transform:none!important}
h1,.hero h1{font-weight:700;letter-spacing:-.035em}
h2,h3{font-weight:600;letter-spacing:-.02em}

/* ambient: a faint gradient wash instead of the old red glow */
body::after{background:radial-gradient(45% 45% at 35% 50%,rgba(79,138,230,.10),transparent 70%),radial-gradient(40% 40% at 70% 40%,rgba(255,73,136,.08),transparent 70%)!important}

/* brand */
.brand{letter-spacing:-.01em!important;font-size:1.02rem!important;font-weight:700!important;gap:10px!important}
.brand .mark{width:26px;height:26px;border-radius:9px;background:var(--grad);display:inline-grid;place-items:center;box-shadow:0 8px 20px -8px rgba(255,73,136,.7)}
.brand .mark svg{width:15px;height:15px}
.brand .b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent!important}

/* labels: sentence-case sans, not mono caps */
.eyebrow,.metric .l,th,.nav-label,.lead-info span,.side-sub,.funnel .st .l{font-family:var(--font)!important;letter-spacing:.02em!important;text-transform:none!important;font-weight:600}
.eyebrow,.metric .l,.nav-label,.side-sub{font-size:.76rem!important}
th{font-size:.74rem!important}

/* buttons: pills, gradient primary */
.btn,.btn-sm,button.btn{border-radius:999px!important}
.btn{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.btn:hover{background:rgba(255,255,255,.09)}
.btn-primary{background:var(--grad)!important;background-size:140% 100%!important;border:0!important;color:#fff!important;font-weight:700;
  box-shadow:0 10px 26px -12px rgba(255,73,136,.75),inset 0 1px 0 rgba(255,255,255,.22)!important;transition:background-position .4s var(--ease),transform .18s var(--ease),box-shadow .2s!important}
.btn-primary:hover{background-position:100% 0!important;box-shadow:0 14px 30px -12px rgba(255,92,46,.8),inset 0 1px 0 rgba(255,255,255,.22)!important}
.gate-box .btn-primary{min-height:46px}

/* surfaces */
.panel,.ccard,.strip,.gate-box,.lead-info{border-radius:var(--r-lg)}
.strip{background:var(--card)!important}
.strip::before{background:var(--grad-soft)!important;opacity:.55}
.metric.big .v{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.ccard:hover{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 40px 70px -34px rgba(0,0,0,.9)!important}
.kv{border-radius:14px}
.input{border-radius:14px!important;background:#10111a!important}
.input:focus{border-color:#a878e8!important;box-shadow:0 0 0 4px rgba(168,120,232,.18)!important}
.modal-box{background:#0f1019!important;border-left-color:rgba(255,255,255,.1)!important}
.modal{background:rgba(5,6,12,.6)!important}

/* navigation */
.side{background:rgba(10,11,20,.75)!important}
.nav-item{border-radius:12px!important}
.nav-item.on{background:rgba(255,255,255,.07)!important}
.nav-item.on::before{background:var(--grad)!important;width:3px}
.nav-item .n{border-radius:999px!important;font-family:var(--font)!important;font-weight:700;color:#ff8a3d;background:rgba(255,138,61,.13)}
.tab.on::after{background:var(--grad)!important;height:2px}
.chip,.pill-hot,.status{border-radius:999px!important}
.chip{padding:3px 10px}
.share i,.funnel .st .bar i{background:var(--grad)!important}
.updated i{background:var(--green)!important}
.toast{border-radius:999px!important;background:#f5f6f8!important;color:#0a0b14!important;font-weight:600}
:focus-visible{outline-color:#a878e8!important}

/* messages */
.pm.me{background:var(--grad)!important}
.pm.them{background:#1b1c26!important}

/* command palette */
.kp{position:fixed;inset:0;z-index:95;background:rgba(5,6,12,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;animation:fade .15s var(--ease)}
.kp-box{width:min(620px,100%);background:#12131c;border-radius:22px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 40px 90px -30px rgba(0,0,0,.9);overflow:hidden}
.kp-in{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.kp-in input{flex:1;background:none;border:0;outline:none;font-size:1.05rem;color:var(--ink)}
.kp-in kbd,.kbd{font-family:var(--font);font-size:.7rem;font-weight:600;color:var(--ink-3);border:1px solid var(--line-2);border-radius:7px;padding:2px 7px}
.kp-list{max-height:52vh;overflow:auto;padding:8px}
.kp-g{font-size:.72rem;font-weight:600;color:var(--ink-3);padding:10px 12px 4px}
.kp-i{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:none;border-radius:14px;padding:10px 12px;color:var(--ink-2)}
.kp-i .s{margin-left:auto;font-size:.76rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}
.kp-i.on{background:rgba(255,255,255,.07);color:var(--ink)}
.kp-empty{padding:28px;text-align:center;color:var(--ink-3);font-size:.9rem}
.search-btn{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:0 10px 0 14px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.04);color:var(--ink-3);font-size:.84rem}
.search-btn:hover{color:var(--ink-2);background:rgba(255,255,255,.07)}
.quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.quick a{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line-2);text-decoration:none;color:var(--ink)}
.quick a:hover{background:rgba(255,255,255,.1)}
@media(max-width:860px){ .search-btn .lbl,.search-btn .kbd{display:none} .kp{padding-top:8vh} }

#alertBtn.on{color:var(--green);border-color:rgba(0,196,135,.35)}