/* ============================================================================
   BESTOW AI CLOUD — v1.9.0 "Crystal Glass" design system
   ----------------------------------------------------------------------------
   Layered on top of the original app.css (kept for structure/compat).
   Principles: deep aurora field, frosted crystal surfaces, hairline light
   refraction, ice/amber accents, generous spacing, accessible contrast.
   Progressive enhancement: browsers without backdrop-filter still get opaque
   tinted surfaces, so nothing becomes unreadable.
   ========================================================================== */

/* ---------------------------------------------------------------- 1. TOKENS */
:root{
  /* Native form controls, scrollbars and date pickers follow the dark shell. */
  color-scheme:dark;
  /* Brand accents retained from the original identity */
  --navy:#0d1a2f;
  --navy2:#060d1a;
  --orange:#ff7a45;
  --blue:#3d7dff;
  --green:#3ddc97;
  --red:#ff6b81;

  /* Crystal scale */
  --ink-1000:#03060d;
  --ink-900:#050b16;
  --ink-800:#071120;
  --ink-700:#0a1729;
  --ice-100:#eaf4ff;
  --ice-200:#d3e6ff;
  --ice-300:#a9c6ea;
  --ice-400:#8ba3c6;
  --ice-500:#6d829f;

  --text:var(--ice-100);
  --muted:#9fb2cf;
  --dim:#7c8fae;
  --line:rgba(160,200,255,.14);
  --line-strong:rgba(170,215,255,.26);
  --surface:rgba(255,255,255,.055);
  --surface-2:rgba(255,255,255,.085);
  --surface-3:rgba(255,255,255,.115);
  --bg:var(--ink-900);

  /* Glass recipe */
  --glass-fill:linear-gradient(155deg,rgba(255,255,255,.10),rgba(255,255,255,.028) 42%,rgba(255,255,255,.055));
  --glass-edge:1px solid rgba(255,255,255,.14);
  --glass-blur:blur(22px) saturate(155%);
  --glass-shadow:0 24px 60px -26px rgba(2,8,20,.95),0 2px 0 rgba(255,255,255,.05) inset;
  --glass-hover-shadow:0 34px 80px -30px rgba(3,10,24,.95),0 0 0 1px rgba(150,230,255,.22),0 2px 0 rgba(255,255,255,.08) inset;

  --radius-xs:10px;
  --radius-sm:14px;
  --radius:18px;
  --radius-lg:24px;
  --radius-xl:32px;

  --ice-grad:linear-gradient(135deg,#9ff2ff 0%,#57adff 46%,#8b7bff 100%);
  --amber-grad:linear-gradient(135deg,#ffd98a 0%,#ffa552 52%,#ff7a45 100%);
  --aura-cyan:64,196,255;
  --aura-violet:138,110,255;
  --aura-amber:255,164,88;

  --focus:0 0 0 3px rgba(120,215,255,.42),0 0 0 1px rgba(160,235,255,.85);
  --ease:cubic-bezier(.22,.68,.36,1);
  --header-h:76px;
}

/* ------------------------------------------------------- 2. BASE + AURORA */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 18px)}

body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font:15px/1.62 "Inter","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  letter-spacing:.005em;
  background-color:var(--ink-900);
  background-image:
    radial-gradient(1150px 720px at 6% -12%,rgba(40,118,196,.42),transparent 62%),
    radial-gradient(980px 640px at 96% -6%,rgba(118,78,214,.36),transparent 58%),
    radial-gradient(900px 760px at 52% 112%,rgba(18,132,146,.30),transparent 62%),
    radial-gradient(700px 500px at 84% 66%,rgba(255,138,80,.11),transparent 65%),
    linear-gradient(180deg,#07101f 0%,#050b16 52%,#03060d 100%);
  background-attachment:fixed;
  position:relative;
  isolation:isolate;
  overflow-x:hidden;
}

/* Soft drifting aurora — pure CSS, disabled for reduced-motion users. */
body::before,body::after{
  content:"";position:fixed;z-index:-1;pointer-events:none;
  border-radius:50%;filter:blur(80px);opacity:.55;
}
body::before{
  width:52vw;height:52vw;min-width:420px;min-height:420px;
  top:-16vw;left:-10vw;
  background:radial-gradient(circle at 40% 40%,rgba(var(--aura-cyan),.55),transparent 68%);
  animation:bx-drift-a 26s var(--ease) infinite alternate;
}
body::after{
  width:46vw;height:46vw;min-width:380px;min-height:380px;
  bottom:-18vw;right:-8vw;
  background:radial-gradient(circle at 55% 45%,rgba(var(--aura-violet),.5),transparent 70%);
  animation:bx-drift-b 32s var(--ease) infinite alternate;
}
@keyframes bx-drift-a{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(6vw,4vw,0) scale(1.12)}}
@keyframes bx-drift-b{from{transform:translate3d(0,0,0) scale(1.05)}to{transform:translate3d(-5vw,-4vw,0) scale(.94)}}

/* Faint crystal lattice texture over the whole page */
body>.bx-grain{
  position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:
    linear-gradient(rgba(160,210,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(160,210,255,.035) 1px,transparent 1px);
  background-size:64px 64px,64px 64px;
  mask-image:radial-gradient(circle at 50% 22%,#000 12%,transparent 78%);
  -webkit-mask-image:radial-gradient(circle at 50% 22%,#000 12%,transparent 78%);
}

::selection{background:rgba(120,215,255,.32);color:#fff}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:8px}

/* Scrollbars */
*{scrollbar-width:thin;scrollbar-color:rgba(150,210,255,.35) transparent}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(150,225,255,.45),rgba(120,150,255,.35));
  border-radius:99px;border:3px solid transparent;background-clip:content-box;
}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(170,240,255,.7),rgba(140,170,255,.55));background-clip:content-box}

/* ------------------------------------------------------ 3. TYPOGRAPHY ---- */
h1,h2,h3,h4,h5{color:#f4f9ff;font-weight:800;letter-spacing:-.02em;line-height:1.22}
h1{font-size:clamp(26px,3.4vw,38px)}
h2{font-size:clamp(19px,2.2vw,24px)}
h3{font-size:17px}
p{color:var(--ice-200)}
strong{color:#fff;font-weight:750}
small{color:var(--muted)}
a{color:#8fd8ff;text-decoration:none;transition:color .18s var(--ease),filter .18s var(--ease)}
a:hover{color:#c9f0ff;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:focus-visible{text-decoration:underline}
hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.muted{color:var(--muted)!important}
.smalltext{font-size:12.5px}
code,pre,.mono{font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;font-size:12.5px}
code{
  background:rgba(140,210,255,.10);border:1px solid rgba(150,215,255,.18);
  color:#bfe8ff;border-radius:7px;padding:.14em .44em;overflow-wrap:anywhere;
}
pre{background:rgba(4,12,24,.72);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px;overflow:auto}

/* --------------------------------------------------------- 4. TOPBAR ----- */
.topbar{
  min-height:var(--header-h);
  padding:14px max(20px,calc((100vw - 1320px)/2));
  gap:22px;
  position:sticky;top:0;z-index:60;
  background:linear-gradient(180deg,rgba(7,17,32,.86),rgba(6,13,26,.62));
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  backdrop-filter:blur(24px) saturate(180%);
  border-bottom:1px solid rgba(160,215,255,.16);
  box-shadow:0 18px 44px -30px rgba(0,0,0,.9);
  color:#fff;
}
/* Iridescent hairline along the bottom edge of the header */
.topbar::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(140,235,255,.75),rgba(150,130,255,.55),rgba(255,170,110,.55),transparent);
  opacity:.75;
}
.brand{gap:14px}
/* Full-colour logo needs a light frosted chip to stay legible on dark glass */
.brand img,
.brand-link img{
  background:linear-gradient(150deg,rgba(255,255,255,.97),rgba(233,244,255,.9));
  border:1px solid rgba(255,255,255,.7);
  border-radius:12px;
  padding:7px 12px;
  width:236px;max-height:58px;height:auto;object-fit:contain;
  box-shadow:0 10px 26px -14px rgba(0,0,0,.9),inset 0 1px 0 #fff;
}
.brand-tag{
  color:#9fd9ff;letter-spacing:.24em;font-size:9.5px;font-weight:800;
  border-left:1px solid rgba(160,215,255,.35);padding-left:14px;text-shadow:0 0 18px rgba(100,200,255,.55);
}
.topbar nav{gap:4px}
.topbar nav a,.navlogout{
  color:#bcd0ea;padding:9px 13px;border-radius:11px;border:1px solid transparent;
  font-weight:600;font-size:13.5px;position:relative;
  transition:color .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease);
}
.topbar nav a:hover,.navlogout:hover{
  color:#fff;background:rgba(255,255,255,.075);border-color:rgba(160,215,255,.22);
  text-decoration:none;transform:translateY(-1px);
}
.topbar nav a.active{
  color:#eaf8ff;background:rgba(140,225,255,.12);border-color:rgba(150,230,255,.40);
  box-shadow:0 0 0 1px rgba(150,230,255,.10) inset,0 10px 28px -16px rgba(100,200,255,.85);
}
.topbar nav a.active::after{
  content:"";position:absolute;left:50%;bottom:-9px;translate:-50% 0;width:26px;height:2px;border-radius:2px;
  background:var(--ice-grad);box-shadow:0 0 12px rgba(140,230,255,.9);
}
.topbar nav a.navcta{
  background:var(--amber-grad);color:#241000;border-color:rgba(255,215,150,.6);
  box-shadow:0 14px 30px -16px rgba(255,150,80,.9);font-weight:800;
}
.topbar nav a.navcta:hover{filter:brightness(1.07);color:#1c0c00}
.navform{display:inline-flex}
.navlogout{
  background:rgba(255,120,140,.10);border:1px solid rgba(255,140,160,.28);color:#ffc3cf;
}
.navlogout:hover{background:rgba(255,120,140,.2);color:#fff}
.bestow-menu-toggle{
  display:none;border:1px solid rgba(160,220,255,.35);background:rgba(255,255,255,.06);
  color:#eaf8ff;border-radius:11px;padding:9px 14px;font-weight:700;cursor:pointer;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}

/* --------------------------------------------------------- 5. LAYOUT ----- */
.container{max-width:1320px;padding:30px 24px 84px;min-height:calc(100vh - 160px)}
.workspace-line{color:var(--muted);font-size:12.5px;margin-bottom:22px;gap:14px}
.workspace-line>span{
  background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:99px;
  padding:5px 14px;color:var(--ice-300);
}
.workspace-switch{display:inline-flex;align-items:center;gap:9px;color:var(--dim);font-weight:600}
.workspace-switch select{
  height:36px!important;border-radius:10px!important;padding:0 34px 0 12px!important;
  background:
    linear-gradient(rgba(255,255,255,.07),rgba(255,255,255,.07)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a9d8ff' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;
  color:#eaf6ff!important;border:1px solid var(--line-strong)!important;
  -webkit-appearance:none;appearance:none;font:13px/1 "Inter",sans-serif;cursor:pointer;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}

.page-head{margin:10px 0 30px;gap:24px;align-items:flex-end}
.page-head h1{
  margin:10px 0 8px;
  background:linear-gradient(120deg,#ffffff 0%,#d6ebff 42%,#9fd4ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 18px 50px rgba(60,160,255,.22);
}
.page-head p{color:var(--muted);max-width:760px}
.eyebrow{
  color:#9ce7ff;font-size:10.5px;font-weight:800;letter-spacing:.22em;
  text-shadow:0 0 22px rgba(110,220,255,.5);
}
.pill{
  background:rgba(140,215,255,.13);color:#bfe9ff;border:1px solid rgba(150,225,255,.3);
  border-radius:99px;padding:5px 13px;font-size:11.5px;font-weight:700;letter-spacing:.04em;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.columns{gap:22px;grid-template-columns:minmax(340px,.86fr) minmax(0,1.14fr)}

/* ----------------------------------------------------- 6. GLASS PANELS --- */
.card,.stat{
  position:relative;
  background:var(--glass-fill);
  border:var(--glass-edge);
  border-radius:var(--radius-lg);
  -webkit-backdrop-filter:var(--glass-blur);
  backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-shadow);
  color:var(--ice-200);
}
/* crystal highlight along the top edge */
.card::before,.stat::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 34%);
  opacity:.55;mix-blend-mode:screen;
}
.card{transition:border-color .28s var(--ease),box-shadow .28s var(--ease),transform .28s var(--ease)}
.card:hover{
  border-color:rgba(170,230,255,.30);
  box-shadow:var(--glass-hover-shadow);
}
.card>h2,.card>h3{position:relative}
.card h2{color:#f2f9ff;letter-spacing:-.01em;margin:0 0 16px;font-size:19px}
.card h3{color:#dff0ff}
.card p{color:var(--ice-200);line-height:1.68}
.card h2:first-child,.card h3:first-child{margin-top:0}

.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.stat{padding:22px 22px 20px;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.stat::after{
  content:"";position:absolute;right:-46px;top:-52px;width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle,rgba(120,215,255,.30),transparent 68%);pointer-events:none;
}
.stat:nth-child(2)::after{background:radial-gradient(circle,rgba(150,130,255,.26),transparent 68%)}
.stat:nth-child(3)::after{background:radial-gradient(circle,rgba(255,180,110,.24),transparent 68%)}
.stat:nth-child(4)::after{background:radial-gradient(circle,rgba(80,235,180,.22),transparent 68%)}
.stat:hover{transform:translateY(-3px);border-color:rgba(170,230,255,.32);box-shadow:var(--glass-hover-shadow)}
.stat span{color:var(--muted);font-weight:700;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase}
.stat strong{
  font-size:36px;font-weight:850;margin:8px 0 4px;letter-spacing:-.03em;
  background:linear-gradient(135deg,#ffffff,#a8dcff 55%,#7fb7ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-variant-numeric:tabular-nums;
}
.stat small{color:var(--dim);font-size:12px}
.stat strong.stat-small{font-size:clamp(16px,1.9vw,22px);line-height:1.4}

.callout{
  background:rgba(140,200,255,.075);
  border:1px solid rgba(150,210,255,.22);
  border-radius:var(--radius-sm);
  padding:17px 19px;color:var(--ice-200);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.callout strong{color:#dff3ff}
.callout.warning{
  background:linear-gradient(150deg,rgba(255,190,90,.14),rgba(255,140,70,.06));
  border-color:rgba(255,195,110,.42);color:#ffe7c2;
}
.callout.warning strong{color:#ffd79a}
.alert{
  background:linear-gradient(150deg,rgba(60,225,160,.15),rgba(40,180,140,.06));
  border:1px solid rgba(80,235,175,.38);color:#c9ffe9;border-radius:var(--radius-sm);
  padding:15px 19px;margin-bottom:20px;font-weight:600;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 18px 40px -28px rgba(30,220,150,.9);
}
.alert.error{
  background:linear-gradient(150deg,rgba(255,90,120,.16),rgba(200,40,80,.07));
  border-color:rgba(255,120,150,.42);color:#ffd3dd;
  box-shadow:0 18px 40px -28px rgba(255,80,120,.9);
}
.form-feedback{
  background:linear-gradient(150deg,rgba(255,90,120,.16),rgba(200,40,80,.06));
  border:1px solid rgba(255,120,150,.42);color:#ffd6de;border-radius:var(--radius-sm);
  padding:13px 16px;font-size:13px;font-weight:600;
}
.form-feedback.ok{background:rgba(60,225,160,.14);border-color:rgba(80,235,175,.4);color:#c9ffe9}

/* ----------------------------------------------------------- 7. BUTTONS -- */
.primary,.secondary,.danger,.tiny,.link-btn{transition:transform .18s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease),filter .18s var(--ease)}
.primary,.secondary,.danger,.tiny{border-radius:12px;padding:11px 18px;font-weight:750;letter-spacing:.01em}
.primary{
  position:relative;overflow:hidden;
  background:var(--ice-grad);border:1px solid rgba(190,245,255,.55);color:#04121f;
  box-shadow:0 16px 34px -18px rgba(90,190,255,.95),inset 0 1px 0 rgba(255,255,255,.6);
}
.primary:hover{
  color:#020b14;transform:translateY(-2px);filter:brightness(1.06);
  box-shadow:0 22px 46px -18px rgba(110,205,255,1),inset 0 1px 0 rgba(255,255,255,.75);
  text-decoration:none;
}
.primary:active{transform:translateY(0)}
.primary:disabled,.primary[disabled]{opacity:.45;filter:grayscale(.35);cursor:not-allowed;transform:none;box-shadow:none}
/* sheen sweep */
.primary::after{
  content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.65),transparent);
  transform:skewX(-18deg);transition:left .6s var(--ease);pointer-events:none;
}
.primary:hover::after{left:130%}
.secondary{
  background:rgba(255,255,255,.07);border:1px solid rgba(170,215,255,.32);color:#e7f4ff;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.secondary:hover{
  background:rgba(255,255,255,.13);border-color:rgba(180,230,255,.5);color:#fff;
  transform:translateY(-1px);text-decoration:none;
  box-shadow:0 14px 30px -20px rgba(140,220,255,.9);
}
.danger{
  background:linear-gradient(150deg,rgba(255,90,120,.18),rgba(200,40,80,.08));
  border:1px solid rgba(255,130,160,.45);color:#ffc9d6;
}
.danger:hover{background:rgba(255,90,120,.26);color:#fff;border-color:rgba(255,150,175,.7);text-decoration:none}
.tiny{
  font-size:11.5px;background:rgba(255,255,255,.06);border:1px solid rgba(170,215,255,.24);
  color:#cfe8ff;padding:6px 11px;border-radius:9px;margin:2px;
}
.tiny:hover{background:rgba(255,255,255,.13);color:#fff;border-color:rgba(180,230,255,.45);text-decoration:none}
button,.link-btn{cursor:pointer;font:inherit}
.link-btn{text-decoration:none}
.text-link{color:#93e2ff;font-weight:750;margin-top:18px;display:inline-block}
.text-link:hover{color:#d2f4ff}

/* ------------------------------------------------------------- 8. FORMS -- */
.form-stack{gap:16px}
.form-stack>label,.two-input label{
  color:#b9cde8;font-size:11.5px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;gap:8px;
}
input,select,textarea{
  font-family:inherit;color:var(--ice-100);
  background:rgba(255,255,255,.055);
  border:1px solid rgba(170,215,255,.22);
  border-radius:11px;
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease);
}
.form-stack input:not([type=checkbox]):not([type=radio]),.form-stack select,.two-input input,
.form-stack textarea,.plan-admin-card input:not([type=checkbox]):not([type=radio]),.plan-admin-card select,.plan-admin-card textarea,
.v16-grid input:not([type=checkbox]),.v16-grid select,.v16-grid textarea{
  height:44px;padding:11px 14px;border-radius:11px;font-size:14px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(170,215,255,.22);
  color:var(--ice-100);
  width:100%;min-width:0;
}
textarea,input[type=file]{height:auto}
input::placeholder,textarea::placeholder{color:#7d90ad;opacity:1}
input:hover,select:hover,textarea:hover{border-color:rgba(180,225,255,.38);background:rgba(255,255,255,.08)}
input:focus,select:focus,textarea:focus{
  outline:none;border-color:rgba(150,235,255,.75);
  box-shadow:0 0 0 3px rgba(120,215,255,.20),0 0 26px -8px rgba(110,205,255,.75);
  background:rgba(255,255,255,.10);
}
input:disabled,select:disabled,textarea:disabled,input[readonly],.form-stack input[readonly]{
  background:rgba(255,255,255,.028)!important;color:#93a7c2!important;border-color:rgba(170,215,255,.14)!important;cursor:not-allowed;
}
select{
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a9d8ff' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:38px!important;cursor:pointer;
}
select option{background:#0b1729;color:#eaf4ff}
input[type=checkbox],input[type=radio]{accent-color:#62c9ff;width:17px;height:17px;cursor:pointer}
input[type=file]{padding:10px 12px;font-size:13px;border-radius:11px;cursor:pointer}
input[type=file]::file-selector-button{
  font:inherit;font-weight:700;font-size:12.5px;margin-right:12px;cursor:pointer;
  background:rgba(140,215,255,.16);color:#cdeeff;border:1px solid rgba(160,225,255,.35);
  border-radius:9px;padding:7px 12px;
}
input[type=file]::file-selector-button:hover{background:rgba(140,215,255,.26);color:#fff}
fieldset{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:18px;background:rgba(255,255,255,.028)}
legend{font-weight:800;padding:0 10px;color:#dcefff;font-size:13px}
.checks label,.checkbox-row,.v16-checks label{color:#c6d9f0}
.two-input{gap:14px}
.separator{color:var(--dim);margin:22px 0;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.separator:after,.separator:before{background:linear-gradient(90deg,transparent,rgba(160,215,255,.35),transparent)}
.google-button{
  background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.85);color:#1b3352;
  border-radius:12px;padding:13px 16px;font-weight:750;
  box-shadow:0 16px 34px -24px rgba(0,0,0,.95),inset 0 1px 0 #fff;
  transition:transform .18s var(--ease),box-shadow .2s var(--ease);
}
.google-button:hover{background:#fff;color:#122540;text-decoration:none;transform:translateY(-1px);box-shadow:0 20px 40px -22px rgba(120,200,255,.9)}
.bottom-note{margin-top:20px;font-size:13px}

/* ------------------------------------------------------- 9. TABLES/CODE --- */
.tablewrap{
  overflow:auto;max-height:640px;border:1px solid var(--line);border-radius:var(--radius-sm);
  background:rgba(255,255,255,.028);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
table{min-width:480px;border-collapse:separate;border-spacing:0}
th,td{border-bottom:1px solid rgba(160,205,255,.12);padding:13px 12px;text-align:left;vertical-align:top}
th{
  position:sticky;top:0;z-index:2;
  background:linear-gradient(180deg,rgba(13,32,56,.96),rgba(9,24,44,.92));
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  color:#9fd3f5;font-size:10.5px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;
  border-bottom:1px solid rgba(160,220,255,.24);
}
td{color:#dbe9fa;font-size:13.5px}
tbody tr{transition:background .16s var(--ease)}
tbody tr:hover{background:rgba(140,210,255,.06)}
td small{display:block;color:var(--dim);margin-top:4px;font-size:11.5px}
td form{display:inline-flex;gap:2px;flex-wrap:wrap}
.state{
  border-radius:99px;padding:4px 11px;font-size:10.5px;font-weight:800;letter-spacing:.07em;
  text-transform:uppercase;border:1px solid transparent;white-space:nowrap;display:inline-block;
}
.state.good{background:rgba(60,225,160,.15);color:#8dffcf;border-color:rgba(80,235,175,.42)}
.state.bad{background:rgba(255,90,120,.16);color:#ffb3c2;border-color:rgba(255,120,150,.45)}
.state.idle{background:rgba(190,210,240,.10);color:#b9cbe4;border-color:rgba(190,215,245,.26)}
.result-code{
  background:rgba(3,10,21,.82);border:1px solid rgba(150,210,255,.2);
  color:#c8e6ff;border-radius:var(--radius-sm);padding:20px;
  box-shadow:inset 0 0 60px rgba(30,120,220,.14);
}
.bestow-code-box{
  background:linear-gradient(150deg,rgba(10,26,48,.95),rgba(6,16,32,.95));
  border:1px solid rgba(150,210,255,.28);color:#cbeaff;border-radius:var(--radius-sm);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 44px -30px rgba(0,0,0,.95);
}
.details{grid-template-columns:130px 1fr;gap:13px}
.details dt{color:var(--dim);font-size:12.5px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}
.details dd{color:#e6f2ff;font-weight:700}
.share-line{border-bottom:1px solid var(--line);padding:11px 0}
.steps>div{gap:16px}
.steps b{
  font-size:12px;font-weight:850;letter-spacing:.06em;color:#7fe4ff;
  background:rgba(140,220,255,.12);border:1px solid rgba(150,230,255,.32);
  border-radius:10px;padding:6px 9px;min-width:38px;text-align:center;
}
.steps strong{color:#f0f8ff}
.steps small{color:var(--muted)}

/* ------------------------------------------------------ 10. AUTH + HERO -- */
.auth-grid{gap:56px;min-height:66vh}
.auth-card{padding:36px}
.auth-card h2{font-size:24px;margin-bottom:22px}
.hero{padding:24px 12px}
.hero h1{
  background:linear-gradient(115deg,#ffffff 0%,#cfebff 38%,#8fd0ff 68%,#b9a6ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  letter-spacing:-.035em;max-width:700px;
  filter:drop-shadow(0 22px 60px rgba(70,170,255,.25));
}
.hero p{color:var(--muted);font-size:16px;line-height:1.78}
.hero-points span{
  background:rgba(140,215,255,.09);border:1px solid rgba(150,225,255,.26);color:#bfe6ff;
  border-radius:99px;padding:8px 15px;font-weight:700;font-size:12.5px;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease);
}
.hero-points span:hover{background:rgba(140,215,255,.17);border-color:rgba(160,235,255,.45);transform:translateY(-1px)}

/* ------------------------------------------- 11. PACKAGES / PLANS / ADMIN -- */
.package-signup-grid{gap:11px}
.signup-package{
  background:rgba(255,255,255,.045);border:1px solid rgba(170,215,255,.2);
  border-radius:var(--radius-sm);padding:15px;color:var(--ice-200);
  transition:border-color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease);
}
.signup-package:hover{border-color:rgba(180,225,255,.38);background:rgba(255,255,255,.075)}
.signup-package:has(input:checked){
  border-color:rgba(150,235,255,.8);background:rgba(120,215,255,.12);
  box-shadow:0 0 0 1px rgba(150,235,255,.45),0 18px 40px -26px rgba(110,205,255,.95);
}
.signup-package strong{color:#fff;font-size:14px}
.signup-package small{color:var(--muted)!important;font-size:11.5px}

.plan-admin-card{
  background:rgba(255,255,255,.045);border:1px solid rgba(170,215,255,.2);border-radius:var(--radius);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.plan-card-head strong{color:#f0f8ff}
.plan-checks label{color:#c3d8f0}
.plan-choice{background:rgba(255,255,255,.045);border:1px solid rgba(170,215,255,.22);border-radius:var(--radius-sm)}
.plan-choice small{color:var(--muted)}
.admin-subnav{
  background:rgba(255,255,255,.045);border:1px solid rgba(170,215,255,.2);
  border-radius:var(--radius);padding:11px;gap:7px;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
.admin-subnav a{color:#c5dcf5;border-radius:10px;font-size:12.5px;border:1px solid transparent;transition:.18s var(--ease)}
.admin-subnav a:hover{background:rgba(140,215,255,.14);color:#fff;border-color:rgba(160,230,255,.3);text-decoration:none}
.admin-inline-form input:not([type=checkbox]),.admin-inline-form select{
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(170,215,255,.24)!important;
  color:var(--ice-100)!important;border-radius:9px!important;
}
.admin-date{color:var(--dim)}
.admin-date input{background:rgba(255,255,255,.06)!important;color:var(--ice-100)!important}
.rowfilters input{background:rgba(255,255,255,.06);border:1px solid rgba(170,215,255,.24);color:var(--ice-100);padding:9px 13px;border-radius:10px;font-size:13px}
.bestow-admin-nav{
  background:rgba(255,255,255,.05);border:1px solid rgba(170,215,255,.22);border-radius:var(--radius);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
.bestow-admin-nav summary{color:#d8ecff;border-radius:10px;transition:.18s var(--ease)}
.bestow-admin-nav summary:hover{background:rgba(255,255,255,.07)}
.bestow-admin-nav summary:after{color:#8fb6d8}
.bestow-admin-nav details[open] summary{
  background:rgba(140,215,255,.15);color:#eaf9ff;
  box-shadow:0 0 0 1px rgba(160,230,255,.3),0 12px 26px -20px rgba(110,205,255,.9);
}
.bestow-admin-dropdown{
  background:linear-gradient(160deg,rgba(15,33,58,.98),rgba(8,20,38,.98));
  border:1px solid rgba(170,220,255,.28);border-radius:var(--radius-sm);
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  box-shadow:0 30px 70px -28px rgba(0,0,0,.98),inset 0 1px 0 rgba(255,255,255,.08);
}
.bestow-admin-dropdown a{color:#c9dcf2;font-size:12.5px}
.bestow-admin-dropdown a:hover,.bestow-admin-dropdown a:focus{background:rgba(140,215,255,.15);color:#fff}

.notice-list{gap:14px}
.notice-item{background:rgba(255,255,255,.045);border:1px solid rgba(170,215,255,.18);border-radius:var(--radius-sm);padding:18px}
.notice-item h3{color:#f0f8ff;margin:8px 0}
.notice-item small{color:var(--dim)}
.notice-unread{border-left:3px solid #6bd8ff;box-shadow:-8px 0 26px -18px rgba(110,215,255,1)}

/* --------------------------------------------------- 12. BILLING (v16-18) */
.v16-grid{gap:18px}
.v16-plan-summary .card strong{color:#eaf6ff}
.v16-plan-summary .card h3{color:#9fd3f5}
.v16-methods article,.v16-mini-plans article{
  background:rgba(255,255,255,.045);border:1px solid rgba(170,215,255,.2);border-radius:var(--radius-sm);
}
.v16-methods small,.v16-mini-plans small{color:var(--muted)}
.v16-methods p{color:#c7dbf2}
.v16-mini-plans article>span{color:#bfe6ff}
.v16-gate-backdrop{background:transparent;min-height:64vh}
.v16-gate{
  background:var(--glass-fill);border:var(--glass-edge);border-radius:var(--radius-xl);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-shadow);color:var(--ice-200);
}
.v16-gate h1{color:#fff}
.v16-gate p{color:var(--muted)}
.v16-gate-icon{
  background:linear-gradient(150deg,rgba(255,200,110,.28),rgba(255,140,70,.14));
  border:1px solid rgba(255,195,110,.45);color:#ffd08a;border-radius:16px;
  box-shadow:0 18px 40px -24px rgba(255,170,90,.95);
}
.v17-section{background:rgba(255,255,255,.04);border:1px solid rgba(170,215,255,.2);border-radius:var(--radius-sm)}
.v17-section h3 span{background:var(--ice-grad);color:#04121f;font-weight:800}
.v17-method-card{border-bottom:1px solid var(--line)}
.v17-method-card small{color:var(--muted)}
.v172-plan{
  background:rgba(255,255,255,.045);border:1px solid rgba(170,215,255,.22);border-radius:var(--radius-sm);
  transition:border-color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease);
}
.v172-plan:hover{background:rgba(255,255,255,.07);border-color:rgba(180,225,255,.4)}
.v172-plan:has(input:checked){
  border-color:rgba(150,235,255,.75);background:rgba(120,215,255,.12);
  box-shadow:0 0 0 2px rgba(150,235,255,.25),0 20px 44px -28px rgba(110,205,255,.95);
}
.v172-plan-copy{color:#dbeaf9}
.v172-plan-copy small{color:var(--muted)}
.v172-price{color:#9fe4ff}
.v172-plan-copy em{color:#ffca7a}
.v172-disabled{background:rgba(255,255,255,.02)}
.v172-currency{background:rgba(140,215,255,.14);color:#bfe9ff;border:1px solid rgba(160,225,255,.3)}
.v172-payment-panel{background:rgba(255,255,255,.04);border:1px solid rgba(170,215,255,.2);border-radius:var(--radius-sm)}
.v172-order-line{border-bottom:1px solid var(--line)}

.v173-onboarding-banner{
  background:linear-gradient(115deg,rgba(120,215,255,.14),rgba(255,255,255,.04) 55%,rgba(150,130,255,.12));
  border:1px solid rgba(170,230,255,.28);border-radius:var(--radius-lg);
}
.v173-onboarding-banner h2{color:#fff}
.v173-onboarding-banner p{color:var(--muted)}
.v173-step-tag{
  background:rgba(140,215,255,.16);color:#b9ecff;border:1px solid rgba(160,230,255,.32);
  border-radius:8px;letter-spacing:.12em;
}
.v173-section-title h2{color:#f2f9ff}
.v173-section-title p{color:var(--muted)}
.v173-usd{background:rgba(140,215,255,.14);color:#bfe9ff;border:1px solid rgba(160,225,255,.3)}
.v173-plan{
  background:rgba(255,255,255,.045);border:1.5px solid rgba(170,215,255,.22);border-radius:var(--radius);
  color:var(--ice-200);
  transition:border-color .22s var(--ease),background .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease);
}
.v173-plan:hover:not(.v173-unavailable){
  border-color:rgba(180,230,255,.45);background:rgba(255,255,255,.075);
  box-shadow:0 26px 60px -34px rgba(90,190,255,.95);transform:translateY(-3px);
}
.v173-plan.is-selected,.v173-plan:has(input:checked){
  border-color:rgba(150,235,255,.85);background:rgba(120,215,255,.13);
  box-shadow:0 0 0 2px rgba(150,235,255,.28),0 30px 66px -34px rgba(110,205,255,1);
}
.v173-plan:focus-within{outline:2px solid rgba(150,235,255,.75);outline-offset:3px}
.v173-plan-name{color:#f2f9ff}
.v173-radio-circle{border:2px solid rgba(170,215,255,.5);background:rgba(255,255,255,.05)}
.v173-plan.is-selected .v173-radio-circle,.v173-plan:has(input:checked) .v173-radio-circle{border-color:#7fe4ff;box-shadow:0 0 14px rgba(110,215,255,.75)}
.v173-plan.is-selected .v173-radio-circle:after,.v173-plan:has(input:checked) .v173-radio-circle:after{background:var(--ice-grad)}
.v173-plan-price{color:#eaf6ff}
.v173-plan-price small{color:var(--muted)}
.v173-plan-limits{color:var(--muted)}
.v173-plan-hint{background:rgba(255,190,90,.14);color:#ffcf8f;border:1px solid rgba(255,195,110,.32);border-radius:8px}
.v173-plan-hint a{color:#ffd9a0}
.v173-plan.v173-unavailable{background:rgba(255,255,255,.02);opacity:.6}
.v173-checkout-split{border-top:1px solid var(--line)}
.v173-details h2,.v173-summary h2{color:#f2f9ff}
.v173-method-fields label{color:#b9cde8;letter-spacing:.08em;text-transform:uppercase;font-size:11.5px}
.v173-method-fields select{
  background-color:rgba(255,255,255,.055);border:1px solid rgba(170,215,255,.24);color:var(--ice-100);
  border-radius:11px;min-height:48px;
}
.v173-method-desc{color:var(--dim)}
.v173-toggle-row{
  background:rgba(255,255,255,.04);border:1px solid rgba(170,215,255,.2);border-radius:var(--radius-sm);
  transition:background .2s var(--ease),border-color .2s var(--ease);
}
.v173-toggle-row:hover{background:rgba(255,255,255,.065);border-color:rgba(180,225,255,.35)}
.v173-toggle-row strong{color:#eaf5ff}
.v173-toggle-row small{color:var(--muted)}
.v173-switch{background:rgba(160,190,225,.28);border:1px solid rgba(170,215,255,.25)}
.v173-switch:after{background:#f4faff;box-shadow:0 2px 8px rgba(0,0,0,.5)}
.v173-toggle-row input:checked + .v173-switch{background:var(--ice-grad);border-color:rgba(200,245,255,.7);box-shadow:0 0 18px rgba(110,215,255,.7)}
.v173-email-row{color:#c2d6ee}
.v173-email-row input{accent-color:#62c9ff}
.v173-summary{
  background:linear-gradient(160deg,rgba(120,215,255,.10),rgba(255,255,255,.035));
  border:1px solid rgba(170,230,255,.26);border-radius:var(--radius);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
.v173-summary-line{border-bottom:1px solid var(--line);color:#cfe2f6}
.v173-summary-line span{color:var(--muted)}
.v173-summary-line strong{color:#fff}
.v173-schedule-note{color:var(--dim)}
.v173-form-message{color:#ffc978}
.v173-summary>small{color:var(--dim)}
.v173-copy-wrap{background:rgba(255,255,255,.05);border:1px solid rgba(170,215,255,.22);border-radius:11px}
.v173-copy-wrap code{background:none;border:0;color:#bfe9ff;padding:0}
.v173-guide-card h2{color:#f2f9ff}
.v173-guide-card p{color:#c3d7ee}
.v173-guide-card small{color:var(--dim)}

.payment-review-state{background:rgba(140,215,255,.08);border:1px solid rgba(160,225,255,.26);border-radius:var(--radius-sm)}
.bestow-payment-overlay{background:rgba(2,7,16,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.bestow-payment-dialog{
  background:linear-gradient(165deg,rgba(20,42,70,.98),rgba(7,17,32,.98));
  border:1px solid rgba(170,225,255,.3);color:var(--ice-100);border-radius:var(--radius-lg);
  box-shadow:0 40px 110px -40px rgba(0,0,0,1),inset 0 1px 0 rgba(255,255,255,.1);
}
.bestow-payment-dialog h2{color:#fff}
.bestow-payment-dialog p{color:var(--ice-200)}
.bestow-pay-icon{
  background:rgba(60,225,160,.16);color:#8dffcf;border:1px solid rgba(80,235,175,.45);
  box-shadow:0 0 34px -8px rgba(60,225,160,.8);
}
.bestow-pay-reference{color:var(--dim)}
.bestow-pay-warning{background:rgba(255,190,90,.12);border:1px solid rgba(255,195,110,.3);border-radius:10px;color:#ffe3bb}

/* ---------------------------------------------------- 13. PUBLIC LANDING -- */
.public-landing{--ink:#eaf4ff;--accent:#ff9d6b;color:var(--ice-200)}
.public-hero{
  background:linear-gradient(135deg,rgba(30,78,140,.30),rgba(96,60,160,.18) 55%,rgba(10,40,60,.28));
  border:1px solid rgba(170,225,255,.26);
  border-radius:var(--radius-xl);
  box-shadow:0 40px 100px -50px rgba(20,110,200,.9),inset 0 1px 0 rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);
  position:relative;overflow:hidden;
}
.public-hero::before{
  content:"";position:absolute;width:520px;height:520px;right:-140px;top:-190px;border-radius:50%;
  background:radial-gradient(circle,rgba(120,220,255,.30),transparent 65%);pointer-events:none;
}
.public-hero::after{
  content:"";position:absolute;width:420px;height:420px;left:-120px;bottom:-180px;border-radius:50%;
  background:radial-gradient(circle,rgba(160,120,255,.26),transparent 68%);pointer-events:none;
}
.public-hero-copy{color:#fff;position:relative;z-index:1}
.public-kicker{color:#9fe7ff;letter-spacing:.24em;font-size:10.5px;text-shadow:0 0 22px rgba(110,220,255,.6)}
.public-hero h1{
  background:linear-gradient(112deg,#ffffff 0%,#d9edff 40%,#9dd4ff 72%,#c3b0ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  letter-spacing:-.04em;
}
.public-hero p{color:#c2d5ec}
.public-btn,.public-plan-btn{
  background:var(--amber-grad);color:#1f0d00;border:1px solid rgba(255,220,160,.6);
  border-radius:12px;font-weight:800;
  box-shadow:0 20px 44px -22px rgba(255,150,80,.95),inset 0 1px 0 rgba(255,255,255,.55);
  transition:transform .18s var(--ease),filter .18s var(--ease),box-shadow .22s var(--ease);
}
.public-btn:hover,.public-plan-btn:hover{color:#150800;filter:brightness(1.06);transform:translateY(-2px);text-decoration:none;box-shadow:0 26px 54px -22px rgba(255,160,90,1)}
.public-outline,.public-btn.public-outline{
  background:rgba(255,255,255,.06);border:1px solid rgba(170,225,255,.45);color:#eaf7ff;
  box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.public-outline:hover{background:rgba(255,255,255,.14);color:#fff;filter:none}
.public-tags span{
  border:1px solid rgba(160,220,255,.35);color:#c8e4fb;background:rgba(255,255,255,.05);
  border-radius:99px;padding:8px 13px;font-size:12px;font-weight:600;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.public-diagram{
  background:linear-gradient(160deg,rgba(10,26,48,.72),rgba(5,14,28,.62));
  border:1px solid rgba(160,220,255,.28);border-radius:var(--radius-lg);
  box-shadow:0 32px 80px -40px rgba(0,0,0,1),inset 0 1px 0 rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:1;
}
.diagram-node{
  background:linear-gradient(150deg,rgba(38,74,124,.72),rgba(20,42,74,.62));
  border:1px solid rgba(150,205,255,.35);color:#fff;border-radius:13px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.diagram-node span{color:#b3cbe6}
.diagram-cloud{
  border-color:rgba(255,165,110,.55);
  background:linear-gradient(150deg,rgba(90,56,86,.75),rgba(52,32,62,.7));
  box-shadow:0 0 34px -10px rgba(255,150,90,.65),inset 0 1px 0 rgba(255,255,255,.14);
}
.diagram-connector{color:#8fd0ff;letter-spacing:.12em;font-size:11px;text-transform:uppercase}
.public-section-heading h2{
  background:linear-gradient(115deg,#ffffff,#cfe8ff 60%,#9dc8ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.public-section-heading p{color:var(--muted)}
.public-feature-grid article,.public-steps article,.public-plan,
.public-usecase-list>div,.public-faq details{
  background:var(--glass-fill);border:var(--glass-edge);border-radius:var(--radius);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-shadow);color:var(--ice-200);
  transition:transform .26s var(--ease),border-color .26s var(--ease),box-shadow .26s var(--ease);
}
.public-feature-grid article:hover,.public-steps article:hover,.public-plan:hover,
.public-usecase-list>div:hover{transform:translateY(-4px);border-color:rgba(170,230,255,.34);box-shadow:var(--glass-hover-shadow)}
.public-feature-icon{
  color:#ffc17a;font-weight:900;font-size:12px;letter-spacing:.1em;
  background:rgba(255,180,100,.13);border:1px solid rgba(255,195,120,.32);
  border-radius:8px;padding:4px 8px;display:inline-block;
}
.public-feature-grid h3{color:#f2f9ff}
.public-feature-grid p,.public-steps p,.public-plan p{color:var(--muted)}
.public-how{
  background:linear-gradient(135deg,rgba(120,210,255,.09),rgba(150,130,255,.07));
  border:1px solid rgba(170,225,255,.2);border-radius:var(--radius-lg);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
.public-usecase-list b{color:#eaf6ff}
.public-usecase-list span{color:var(--muted)}
.public-steps article b{
  background:var(--ice-grad);color:#04121f;font-weight:850;
  box-shadow:0 14px 30px -18px rgba(110,205,255,1);
}
.public-steps h3{color:#eaf6ff}
.public-plan h3{color:#f4faff}
.public-trial{background:rgba(60,225,160,.15);color:#8dffcf;border:1px solid rgba(80,235,175,.4);border-radius:99px;font-weight:750}
.public-price{color:#eaf6ff;font-weight:850}
.public-price small{color:var(--muted)}
.public-plan ul{color:var(--muted)}
.public-faq summary{color:#eaf6ff}
.public-faq p{color:var(--muted)}
.public-bottom{
  background:linear-gradient(135deg,rgba(120,210,255,.16),rgba(150,120,255,.14) 50%,rgba(255,160,100,.12));
  border:1px solid rgba(180,230,255,.3);border-radius:var(--radius-xl);color:#fff;
  box-shadow:0 40px 90px -50px rgba(90,180,255,.9),inset 0 1px 0 rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
.public-bottom h2{color:#fff}
.public-bottom p{color:#c8dcf2}
.bestow-cta-contact a{color:#9fe4ff}

/* --------------------------------------------- 14. LEGAL / CONTACT / FOOTER */
.bestow-legal-hero{
  background:linear-gradient(130deg,rgba(30,80,145,.32),rgba(90,60,155,.22));
  border:1px solid rgba(170,225,255,.26);border-radius:var(--radius-lg);color:#fff;
  box-shadow:0 30px 80px -46px rgba(40,120,210,.9),inset 0 1px 0 rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
.bestow-legal-hero h1{color:#fff}
.bestow-legal-hero p{color:#c3d8f2}
.legal-local-nav a{
  color:#eaf7ff;border:1px solid rgba(180,225,255,.4);border-radius:11px;background:rgba(255,255,255,.05);
  transition:.18s var(--ease);
}
.legal-local-nav a:hover{background:rgba(255,255,255,.14);color:#fff;text-decoration:none}
.bestow-legal-article{
  background:var(--glass-fill);border:var(--glass-edge);border-radius:var(--radius-lg);
  color:var(--ice-200);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-shadow);
}
.bestow-legal-article h2{color:#f2f9ff;border-bottom:1px solid var(--line);padding-bottom:8px}
.bestow-legal-article p{color:#c3d7ee}
.bestow-legal-article a{color:#9fe4ff}
.bestow-legal-article ul,.bestow-legal-article ol{color:#c3d7ee}
.bestow-contact-aside span{color:#8fb3d6}
.bestow-contact-aside a{color:#9fe4ff}
.bestow-contact-aside p{color:#c3d7ee}
.bestow-policy-checkout{
  background:rgba(140,210,255,.08);border:1px solid rgba(160,225,255,.28);border-radius:var(--radius-sm);
}
.bestow-policy-checkout legend{color:#dcefff}
.bestow-policy-checkout label{color:#c8dcf2}
.bestow-policy-checkout a,.bestow-register-policy a{color:#9fe4ff}
.bestow-policy-disclosure{color:var(--muted)}
.bestow-register-policy{background:rgba(140,210,255,.07);border:1px solid rgba(160,225,255,.26);border-radius:var(--radius-sm);color:#c8dcf2}

.bestow-main-footer{
  background:linear-gradient(180deg,rgba(6,14,26,.86),rgba(4,9,18,.96));
  border-top:1px solid rgba(170,225,255,.22);
  color:var(--ice-200);position:relative;
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
}
.bestow-main-footer::before{
  content:"";position:absolute;top:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(140,235,255,.7),rgba(150,130,255,.5),rgba(255,170,110,.5),transparent);
}
.bestow-main-footer .bestow-footer-inner strong{color:#fff}
.bestow-main-footer .bestow-footer-inner p{color:var(--muted)}
.bestow-main-footer a{color:#b8e7ff}
.bestow-main-footer a:hover{color:#fff}
.bestow-main-footer nav{gap:10px 20px}
.bestow-copyright{border-top:1px solid rgba(170,215,255,.14);color:var(--dim)}
footer{border-top:1px solid var(--line);color:var(--dim)}
footer span{color:var(--ice-300)}

/* Installer page */
.install-container .checks-list>div{border-bottom:1px solid var(--line)}
.install-container .page-head h1{background:linear-gradient(115deg,#fff,#a9d8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.install-container .card{background:var(--glass-fill)}

/* --------------------------------------------------- 15. UTILITY LAYER --- */
.bx-panel{
  position:relative;background:var(--glass-fill);border:var(--glass-edge);
  border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-shadow);padding:22px;
}
.bx-chip{
  display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:99px;
  background:rgba(140,215,255,.12);border:1px solid rgba(160,225,255,.3);color:#bfe9ff;
  font-size:11.5px;font-weight:750;letter-spacing:.05em;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.bx-chip.amber{background:rgba(255,185,95,.14);border-color:rgba(255,195,110,.35);color:#ffd79a}
.bx-chip.green{background:rgba(60,225,160,.14);border-color:rgba(80,235,175,.35);color:#8dffcf}
.bx-glow-line{height:1px;background:linear-gradient(90deg,transparent,rgba(150,225,255,.6),transparent);border:0}
.bx-empty{
  text-align:center;padding:34px 20px;color:var(--muted);
  border:1px dashed rgba(170,215,255,.28);border-radius:var(--radius);background:rgba(255,255,255,.02);
}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ------------------------------------------------------ 16. RESPONSIVE --- */
@media(max-width:1080px){
  .brand img,.brand-link img{width:200px}
  .hero h1{letter-spacing:-.02em}
}
@media(max-width:950px){
  .topbar{padding:12px 16px;gap:10px}
  .bestow-menu-toggle{display:inline-flex;align-items:center;margin-left:auto}
  .topbar nav#bestow-main-nav{
    background:linear-gradient(170deg,rgba(14,30,52,.99),rgba(7,16,30,.99));
    border:1px solid rgba(170,225,255,.25);border-radius:var(--radius);
    padding:10px;margin-top:8px;
    box-shadow:0 30px 70px -30px rgba(0,0,0,1);
  }
  .topbar nav#bestow-main-nav a,.topbar nav#bestow-main-nav .navform{display:block;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:9px}
  .topbar nav#bestow-main-nav a.active::after{display:none}
  .topbar nav#bestow-main-nav button{width:100%;text-align:left}
}
@media(max-width:800px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .columns{grid-template-columns:minmax(0,1fr)}
  .container{padding:22px 16px 64px}
}
@media(max-width:680px){
  body{font-size:14.5px}
  .page-head h1{font-size:27px}
  .stat strong{font-size:30px}
  .card{padding:18px;border-radius:var(--radius)}
  .brand img,.brand-link img{width:176px;padding:6px 9px}
  .brand-tag{display:none}
  .hero h1{font-size:34px}
  .hero p{font-size:14.5px}
  .two-input{grid-template-columns:1fr}
  .checks{grid-template-columns:repeat(2,1fr)}
  .auth-card{padding:22px}
  .public-hero{padding:28px 20px;border-radius:var(--radius)}
  .public-section-heading h2{font-size:27px}
}
@media(max-width:420px){
  .stats{grid-template-columns:1fr}
  .container{padding:18px 12px 56px}
}

/* --------------------------------------------------- 17. MOTION / PRINT --- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  body::before,body::after{animation:none}
}
/* Graceful fallback when backdrop-filter is unsupported (older browsers) */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .card,.stat,.public-feature-grid article,.public-steps article,.public-plan,
  .public-usecase-list>div,.public-faq details,.bx-panel,.bestow-legal-article,.v16-gate{
    background:linear-gradient(160deg,rgba(18,36,60,.94),rgba(8,18,34,.96));
  }
  .topbar{background:rgba(7,17,32,.97)}
}
@media print{
  body{background:#fff;color:#111}
  body::before,body::after,.bx-grain,.topbar,.bestow-main-footer,.bestow-payment-overlay{display:none!important}
  .card,.stat,.bx-panel{background:#fff;border:1px solid #ccd;box-shadow:none;color:#111}
  a{color:#0b4a8f}
}

/* ============================================================================
   18. CRYSTAL UI COMPONENTS (JS-driven: toasts, palette, progress, reveal)
   ========================================================================== */

/* ---- scroll progress hairline under the sticky header ---- */
.bx-progress{
  position:fixed;top:0;left:0;right:0;height:2px;z-index:200;
  transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,#7de8ff,#5aa8ff 45%,#a58bff 78%,#ffab6b);
  box-shadow:0 0 14px rgba(120,220,255,.9);
  pointer-events:none;will-change:transform;
}
body.bx-scrolled .topbar{box-shadow:0 22px 50px -32px rgba(0,0,0,1);background:linear-gradient(180deg,rgba(7,17,32,.95),rgba(5,12,24,.86))}

/* ---- pointer spotlight on glass cards ---- */
.card,.stat,.bx-panel,.v173-plan,.v16-gate,.public-plan,
.public-feature-grid article,.public-steps article{
  --mx:50%;--my:50%;
}
.card.bx-lit::before,.stat.bx-lit::before{
  background:
    radial-gradient(320px circle at var(--mx) var(--my),rgba(150,230,255,.20),transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,.16),transparent 34%);
  opacity:.9;
}
.bx-lit{
  border-color:rgba(180,235,255,.38)!important;
}

/* ---- scroll reveal ---- */
.bx-reveal-pending{opacity:0;transform:translate3d(0,16px,0) scale(.995)}
.bx-reveal-in{
  opacity:1;transform:none;
  transition:opacity .55s var(--ease) var(--bx-delay,0ms),transform .6s var(--ease) var(--bx-delay,0ms);
}

/* ---- toasts ---- */
.bx-toast-host{
  position:fixed;right:22px;bottom:22px;z-index:300;
  display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none;
  max-width:min(92vw,380px);
}
.bx-toast{
  pointer-events:auto;cursor:pointer;
  display:flex;align-items:center;gap:11px;
  padding:13px 17px;border-radius:14px;
  background:linear-gradient(160deg,rgba(20,44,74,.96),rgba(8,20,38,.97));
  border:1px solid rgba(170,225,255,.30);
  color:#eaf6ff;font-size:13.5px;font-weight:600;line-height:1.45;
  box-shadow:0 28px 60px -26px rgba(0,0,0,1),inset 0 1px 0 rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
  opacity:0;transform:translateY(10px) scale(.98);
  transition:opacity .24s var(--ease),transform .28s var(--ease);
}
.bx-toast.is-in{opacity:1;transform:none}
.bx-toast-icon{
  flex:0 0 22px;width:22px;height:22px;border-radius:50%;
  display:grid;place-items:center;font-size:12px;font-weight:900;
  background:rgba(140,215,255,.18);color:#bfe9ff;border:1px solid rgba(160,225,255,.4);
}
.bx-toast-ok .bx-toast-icon{background:rgba(60,225,160,.2);color:#8dffcf;border-color:rgba(80,235,175,.5)}
.bx-toast-error .bx-toast-icon{background:rgba(255,90,120,.2);color:#ffb3c2;border-color:rgba(255,120,150,.5)}
.bx-toast-ok{border-color:rgba(80,235,175,.36)}
.bx-toast-error{border-color:rgba(255,120,150,.4)}
.bx-toast-msg{overflow-wrap:anywhere}

/* ---- dismissible alerts ---- */
.alert{position:relative;padding-right:46px;transition:opacity .2s var(--ease),transform .2s var(--ease)}
.alert.is-closing{opacity:0;transform:translateY(-4px)}
.bx-alert-close{
  position:absolute;top:50%;right:12px;translate:0 -50%;
  width:28px;height:28px;display:grid;place-items:center;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  border-radius:9px;color:inherit;font-size:17px;line-height:1;cursor:pointer;
  opacity:.75;transition:.16s var(--ease);
}
.bx-alert-close:hover{opacity:1;background:rgba(255,255,255,.18)}

/* ---- live status pulse ---- */
.state.good.bx-live::before{
  content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
  background:#5cffb0;margin-right:6px;vertical-align:middle;
  box-shadow:0 0 0 0 rgba(90,255,180,.7);animation:bx-pulse 2.4s var(--ease) infinite;
}
@keyframes bx-pulse{
  0%{box-shadow:0 0 0 0 rgba(90,255,180,.65)}
  70%{box-shadow:0 0 0 7px rgba(90,255,180,0)}
  100%{box-shadow:0 0 0 0 rgba(90,255,180,0)}
}

/* ---- command palette ---- */
.bx-palette{position:fixed;inset:0;z-index:250}
.bx-palette-backdrop{
  position:absolute;inset:0;background:rgba(2,7,16,.66);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  opacity:0;transition:opacity .18s var(--ease);
}
.bx-palette.is-open .bx-palette-backdrop{opacity:1}
.bx-palette-panel{
  position:relative;width:min(94vw,580px);margin:12vh auto 0;
  background:linear-gradient(165deg,rgba(20,42,70,.98),rgba(7,17,32,.99));
  border:1px solid rgba(170,225,255,.28);border-radius:18px;
  box-shadow:0 50px 120px -40px rgba(0,0,0,1),inset 0 1px 0 rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);
  overflow:hidden;
  opacity:0;transform:translateY(-10px) scale(.985);
  transition:opacity .2s var(--ease),transform .24s var(--ease);
}
.bx-palette.is-open .bx-palette-panel{opacity:1;transform:none}
.bx-palette-input-row{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--line)}
.bx-palette-icon{color:#8fd0ff;font-size:17px}
.bx-palette-input{
  flex:1;background:none!important;border:0!important;box-shadow:none!important;
  height:auto!important;padding:0!important;font-size:15.5px!important;color:#eaf6ff!important;
}
.bx-palette-input::placeholder{color:#7d90ad}
.bx-palette-kbd,kbd{
  font:600 10.5px/1 "Inter",sans-serif;letter-spacing:.06em;
  background:rgba(255,255,255,.08);border:1px solid rgba(170,215,255,.24);
  color:#b9d4ee;border-radius:6px;padding:4px 6px;
}
.bx-palette-list{max-height:min(52vh,380px);overflow:auto;padding:8px}
.bx-palette-item{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:11px 13px;border-radius:10px;color:#d8ecff;font-size:13.5px;font-weight:600;
  text-decoration:none;border:1px solid transparent;
}
.bx-palette-item:hover{text-decoration:none}
.bx-palette-item.is-active{
  background:rgba(140,215,255,.14);border-color:rgba(160,230,255,.32);color:#fff;
  box-shadow:0 12px 26px -20px rgba(110,205,255,.9);
}
.bx-palette-meta{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#89a8c6;background:rgba(255,255,255,.06);border-radius:6px;padding:3px 7px}
.bx-palette-empty{padding:26px 14px;text-align:center;color:var(--muted);font-size:13px}
.bx-palette-foot{
  display:flex;gap:16px;flex-wrap:wrap;align-items:center;
  padding:11px 16px;border-top:1px solid var(--line);
  font-size:11px;color:#8098b4;
}
.bx-palette-foot kbd{margin-right:3px}
body.bx-palette-open{overflow:hidden}

/* header discoverability chip */
.bx-palette-hint{
  display:inline-flex;align-items:center;gap:6px;margin-left:4px;
  background:rgba(255,255,255,.05);border:1px solid rgba(170,215,255,.22);
  border-radius:10px;padding:7px 9px;color:#a9c9e6;cursor:pointer;
  font-size:13px;transition:.18s var(--ease);
}
.bx-palette-hint:hover{background:rgba(140,215,255,.14);border-color:rgba(160,230,255,.4);color:#fff}
.bx-palette-hint kbd{background:rgba(255,255,255,.07);border-color:rgba(170,215,255,.2)}
@media(max-width:1100px){.bx-palette-hint{display:none}}

/* copy button feedback */
.bx-copied{background:rgba(60,225,160,.2)!important;border-color:rgba(80,235,175,.5)!important;color:#c9ffe9!important}
.bx-copy-failed{background:rgba(255,90,120,.2)!important;border-color:rgba(255,120,150,.5)!important;color:#ffd3dd!important}

@media(max-width:680px){
  .bx-toast-host{left:12px;right:12px;bottom:12px;max-width:none;align-items:stretch}
  .bx-palette-panel{margin-top:7vh}
  .bx-progress{height:2px}
}
@media (prefers-reduced-motion:reduce){
  .bx-reveal-pending{opacity:1;transform:none}
  .state.good.bx-live::before{animation:none}
}

/* ============================================================================
   19. CHROME: theme toggle, skip link
   ========================================================================== */
.bx-skip{
  position:fixed;left:16px;top:-64px;z-index:400;
  background:linear-gradient(135deg,#9ff2ff,#57adff);color:#04121f;
  padding:12px 18px;border-radius:12px;font-weight:800;text-decoration:none;
  box-shadow:0 18px 40px -18px rgba(110,205,255,1);transition:top .2s var(--ease);
}
.bx-skip:focus{top:12px;color:#04121f;text-decoration:none}

.bx-theme-toggle{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.06);border:1px solid rgba(170,215,255,.24);
  border-radius:11px;padding:9px 12px;color:#c9e0f7;cursor:pointer;
  font:600 12.5px/1 "Inter",system-ui,sans-serif;white-space:nowrap;
  transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.bx-theme-toggle:hover{background:rgba(140,215,255,.16);border-color:rgba(170,230,255,.45);color:#fff;transform:translateY(-1px)}
.bx-theme-icon{font-size:15px;line-height:1;display:inline-block;transition:transform .4s var(--ease)}
.bx-theme-toggle:hover .bx-theme-icon{transform:rotate(180deg)}
@media(max-width:1080px){.bx-theme-label{display:none}.bx-theme-toggle{padding:9px 10px}}
@media(max-width:950px){.bx-theme-toggle{margin-left:0}}

/* ============================================================================
   20. LIGHT MODE — "Frosted Crystal" (opt-in via the header toggle)
   The dark aurora theme is the default; this is a fully tested alternate.
   ========================================================================== */
[data-theme="light"]{
  color-scheme:light;
  --text:#10243d;--muted:#546b88;--dim:#728aa8;
  --line:rgba(24,74,130,.14);--line-strong:rgba(24,74,130,.24);
  --surface:rgba(255,255,255,.72);--bg:#eaf2fb;
  --glass-fill:linear-gradient(155deg,rgba(255,255,255,.92),rgba(255,255,255,.66) 46%,rgba(238,247,255,.82));
  --glass-edge:1px solid rgba(255,255,255,.9);
  --glass-shadow:0 24px 55px -30px rgba(24,72,130,.55),0 1px 0 rgba(255,255,255,.9) inset;
  --glass-hover-shadow:0 32px 70px -32px rgba(24,72,130,.6),0 0 0 1px rgba(90,170,255,.3),0 1px 0 #fff inset;
  --ice-grad:linear-gradient(135deg,#6fd8ff 0%,#3f8bff 52%,#7c6cff 100%);
}
[data-theme="light"] body{
  color:#10243d;background-color:#e9f1fb;
  background-image:
    radial-gradient(1100px 700px at 8% -10%,rgba(120,200,255,.55),transparent 62%),
    radial-gradient(900px 620px at 94% -6%,rgba(178,164,255,.45),transparent 60%),
    radial-gradient(900px 700px at 50% 108%,rgba(140,235,220,.42),transparent 62%),
    linear-gradient(180deg,#f2f8ff 0%,#e6eff9 55%,#dfeaf7 100%);
}
[data-theme="light"] body::before{background:radial-gradient(circle at 40% 40%,rgba(90,180,255,.34),transparent 68%);opacity:.6}
[data-theme="light"] body::after{background:radial-gradient(circle at 55% 45%,rgba(150,130,255,.3),transparent 70%);opacity:.55}
[data-theme="light"] body>.bx-grain{background-image:linear-gradient(rgba(30,90,160,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(30,90,160,.05) 1px,transparent 1px)}

/* header */
[data-theme="light"] .topbar{
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(245,250,255,.72));
  border-bottom:1px solid rgba(24,74,130,.14);
  box-shadow:0 18px 40px -32px rgba(20,60,120,.7);
}
[data-theme="light"] .topbar nav a,[data-theme="light"] .navlogout{color:#3a557a}
[data-theme="light"] .topbar nav a:hover,[data-theme="light"] .navlogout:hover{color:#0d2a4c;background:rgba(24,74,130,.07);border-color:rgba(24,74,130,.16)}
[data-theme="light"] .topbar nav a.active{color:#0b2a52;background:rgba(80,160,255,.14);border-color:rgba(60,140,240,.34);box-shadow:0 8px 20px -16px rgba(40,110,200,.9)}
[data-theme="light"] .brand-tag{color:#2f6ea8;border-left-color:rgba(24,74,130,.24);text-shadow:none}
[data-theme="light"] .brand img,[data-theme="light"] .brand-link img{background:#fff;border-color:rgba(24,74,130,.12);box-shadow:0 8px 20px -14px rgba(20,60,120,.6)}
[data-theme="light"] .navlogout{background:rgba(220,50,80,.09);border-color:rgba(220,50,80,.28);color:#b32d47}
[data-theme="light"] .bx-theme-toggle{background:rgba(255,255,255,.75);border-color:rgba(24,74,130,.18);color:#2b4b70}
[data-theme="light"] .bx-theme-toggle:hover{background:#fff;color:#0d2a4c;border-color:rgba(60,140,240,.4)}
[data-theme="light"] .bx-palette-hint{background:rgba(255,255,255,.7);border-color:rgba(24,74,130,.16);color:#3f6390}
[data-theme="light"] .bestow-menu-toggle{background:rgba(255,255,255,.8);border-color:rgba(24,74,130,.2);color:#1c3a60}

/* type */
[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3,[data-theme="light"] h4,[data-theme="light"] h5{color:#0b2748}
[data-theme="light"] p{color:#2c4767}
[data-theme="light"] strong{color:#0a2440}
[data-theme="light"] a{color:#1668c9}
[data-theme="light"] a:hover{color:#0d4f9e}
[data-theme="light"] .muted{color:#5b7492!important}
[data-theme="light"] code{background:rgba(40,110,200,.09);border-color:rgba(40,110,200,.18);color:#134a86}
[data-theme="light"] .page-head h1,[data-theme="light"] .hero h1,
[data-theme="light"] .public-hero h1,[data-theme="light"] .public-section-heading h2,
[data-theme="light"] .install-container .page-head h1{
  background:linear-gradient(115deg,#0a2748 0%,#155085 48%,#2a6fb8 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;filter:none;text-shadow:none;
}
[data-theme="light"] .eyebrow{color:#1b7fb8;text-shadow:none}
[data-theme="light"] .pill{background:rgba(40,110,200,.1);border-color:rgba(40,110,200,.22);color:#1c528f}
[data-theme="light"] .workspace-line>span{background:rgba(255,255,255,.75);border-color:rgba(24,74,130,.14);color:#3a5b80}
[data-theme="light"] .workspace-switch{color:#5b7492}
[data-theme="light"] .workspace-switch select{color:#12395f!important;border-color:rgba(24,74,130,.2)!important;background-color:rgba(255,255,255,.85)}

/* glass surfaces */
[data-theme="light"] .card,[data-theme="light"] .stat,[data-theme="light"] .bx-panel,
[data-theme="light"] .public-feature-grid article,[data-theme="light"] .public-steps article,
[data-theme="light"] .public-plan,[data-theme="light"] .public-usecase-list>div,
[data-theme="light"] .public-faq details,[data-theme="light"] .bestow-legal-article,
[data-theme="light"] .v16-gate,[data-theme="light"] .v173-plan{
  color:#26405f;background:var(--glass-fill);border-color:rgba(255,255,255,.95);
}
[data-theme="light"] .card:hover{border-color:rgba(90,170,255,.35)}
[data-theme="light"] .card::before,[data-theme="light"] .stat::before{background:linear-gradient(180deg,rgba(255,255,255,.9),transparent 40%);mix-blend-mode:normal;opacity:.9}
[data-theme="light"] .card h2,[data-theme="light"] .card h3{color:#0d2b4c}
[data-theme="light"] .card p{color:#2c4767}
[data-theme="light"] .stat span{color:#5b7492}
[data-theme="light"] .stat strong{background:linear-gradient(135deg,#0a2748,#1f5e9c 60%,#2f7fc4);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme="light"] .stat small{color:#5b7492}
[data-theme="light"] .stat::after{opacity:.6}

/* forms */
[data-theme="light"] input,[data-theme="light"] select,[data-theme="light"] textarea{color:#12395f;background:rgba(255,255,255,.86);border-color:rgba(24,74,130,.18)}
[data-theme="light"] input:focus,[data-theme="light"] select:focus,[data-theme="light"] textarea:focus{border-color:rgba(40,130,240,.65);box-shadow:0 0 0 3px rgba(40,130,240,.16);background:#fff}
[data-theme="light"] select option{background:#fff;color:#12395f}
[data-theme="light"] .form-stack>label,[data-theme="light"] .two-input label,[data-theme="light"] .v173-method-fields label{color:#3b5a7e}
[data-theme="light"] input:disabled,[data-theme="light"] input[readonly],[data-theme="light"] .form-stack input[readonly]{background:rgba(240,245,251,.9)!important;color:#6b82a0!important}

/* buttons */
[data-theme="light"] .primary{color:#04182c;box-shadow:0 16px 32px -20px rgba(40,120,220,.9),inset 0 1px 0 rgba(255,255,255,.8)}
[data-theme="light"] .primary:hover{color:#02101f}
[data-theme="light"] .secondary{background:rgba(255,255,255,.82);border-color:rgba(24,74,130,.22);color:#1c4066}
[data-theme="light"] .secondary:hover{background:#fff;border-color:rgba(40,130,240,.45);color:#0d2a4c}
[data-theme="light"] .danger{background:rgba(220,50,80,.09);border-color:rgba(220,50,80,.3);color:#a82844}
[data-theme="light"] .tiny{background:rgba(255,255,255,.8);border-color:rgba(24,74,130,.18);color:#2b4b70}
[data-theme="light"] .tiny:hover{background:#fff;border-color:rgba(40,130,240,.4);color:#0d2a4c}
[data-theme="light"] .text-link{color:#1668c9}
[data-theme="light"] .callout{background:rgba(70,150,240,.09);border-color:rgba(40,110,200,.2);color:#26405f}
[data-theme="light"] .callout strong{color:#0d2b4c}
[data-theme="light"] .callout.warning{background:linear-gradient(150deg,rgba(255,205,120,.42),rgba(255,232,200,.5));border-color:rgba(230,160,50,.45);color:#6a4405}
[data-theme="light"] .callout.warning strong{color:#5a3800}
[data-theme="light"] .alert{background:linear-gradient(150deg,rgba(60,200,140,.18),rgba(220,250,235,.8));border-color:rgba(30,170,120,.4);color:#0f5c3d}
[data-theme="light"] .alert.error{background:linear-gradient(150deg,rgba(255,120,140,.18),rgba(255,235,238,.85));border-color:rgba(220,70,100,.4);color:#93283d}

/* tables */
[data-theme="light"] .tablewrap{background:rgba(255,255,255,.7);border-color:rgba(24,74,130,.14)}
[data-theme="light"] th{background:linear-gradient(180deg,#f4f9ff,#e9f1fb);color:#3c608a;border-bottom-color:rgba(24,74,130,.16)}
[data-theme="light"] td{color:#1f3c5e}
[data-theme="light"] th,[data-theme="light"] td{border-bottom-color:rgba(24,74,130,.1)}
[data-theme="light"] tbody tr:hover{background:rgba(40,130,240,.06)}
[data-theme="light"] td small{color:#6b82a0}
[data-theme="light"] .state.good{background:rgba(20,170,110,.14);color:#0d6344;border-color:rgba(20,170,110,.35)}
[data-theme="light"] .state.bad{background:rgba(220,60,90,.12);color:#9c2039;border-color:rgba(220,60,90,.32)}
[data-theme="light"] .state.idle{background:rgba(120,150,190,.14);color:#4a6280;border-color:rgba(120,150,190,.3)}
[data-theme="light"] .result-code,[data-theme="light"] .bestow-code-box{background:linear-gradient(160deg,#0f2743,#0a1c31);color:#cbe6ff;border-color:rgba(24,74,130,.3)}
[data-theme="light"] .details dt{color:#6b82a0}
[data-theme="light"] .details dd{color:#12395f}

/* auth + hero chips */
[data-theme="light"] .hero p{color:#4a6689}
[data-theme="light"] .hero-points span{background:rgba(255,255,255,.8);border-color:rgba(24,74,130,.16);color:#1f4a76}
[data-theme="light"] .separator{color:#7a90ab}
[data-theme="light"] .separator:after,[data-theme="light"] .separator:before{background:linear-gradient(90deg,transparent,rgba(24,74,130,.22),transparent)}
[data-theme="light"] fieldset{border-color:rgba(24,74,130,.16);background:rgba(255,255,255,.5)}
[data-theme="light"] legend{color:#12395f}

/* billing */
[data-theme="light"] .signup-package{background:rgba(255,255,255,.72);border-color:rgba(24,74,130,.16);color:#26405f}
[data-theme="light"] .signup-package:hover{background:#fff;border-color:rgba(40,130,240,.35)}
[data-theme="light"] .signup-package:has(input:checked){background:rgba(70,160,255,.12);border-color:rgba(40,130,240,.6);box-shadow:0 0 0 1px rgba(40,130,240,.35)}
[data-theme="light"] .signup-package strong{color:#0d2b4c}
[data-theme="light"] .signup-package small{color:#5b7492!important}
[data-theme="light"] .plan-admin-card,[data-theme="light"] .plan-choice,[data-theme="light"] .v16-methods article,[data-theme="light"] .v16-mini-plans article,[data-theme="light"] .v17-section,[data-theme="light"] .v172-payment-panel,[data-theme="light"] .v172-plan,[data-theme="light"] .notice-item,[data-theme="light"] .payment-review-state{
  background:rgba(255,255,255,.72);border-color:rgba(24,74,130,.16);color:#26405f;
}
[data-theme="light"] .plan-card-head strong,[data-theme="light"] .v16-plan-summary .card strong,[data-theme="light"] .v173-plan-name,[data-theme="light"] .v173-section-title h2,[data-theme="light"] .v173-details h2,[data-theme="light"] .v173-summary h2{color:#0d2b4c}
[data-theme="light"] .v16-plan-summary .card h3,[data-theme="light"] .plan-checks label,[data-theme="light"] .v16-methods p{color:#3b5a7e}
[data-theme="light"] .v173-onboarding-banner{background:linear-gradient(115deg,rgba(120,200,255,.28),rgba(255,255,255,.8) 55%,rgba(170,160,255,.22));border-color:rgba(40,130,240,.24)}
[data-theme="light"] .v173-onboarding-banner h2{color:#0b2748}
[data-theme="light"] .v173-step-tag{background:rgba(40,130,240,.13);color:#16558f;border-color:rgba(40,130,240,.28)}
[data-theme="light"] .v173-plan{background:rgba(255,255,255,.75);border-color:rgba(24,74,130,.16)}
[data-theme="light"] .v173-plan:hover:not(.v173-unavailable){background:#fff;border-color:rgba(40,130,240,.4);box-shadow:0 22px 50px -30px rgba(30,100,190,.7)}
[data-theme="light"] .v173-plan.is-selected,[data-theme="light"] .v173-plan:has(input:checked){background:rgba(70,160,255,.12);border-color:rgba(40,130,240,.7);box-shadow:0 0 0 2px rgba(40,130,240,.22)}
[data-theme="light"] .v173-plan-price{color:#0d2b4c}
[data-theme="light"] .v173-plan-price small,[data-theme="light"] .v173-plan-limits,[data-theme="light"] .v173-method-desc,[data-theme="light"] .v173-schedule-note{color:#5b7492}
[data-theme="light"] .v173-plan-hint{background:rgba(255,190,90,.24);color:#6a4405;border-color:rgba(230,160,50,.4)}
[data-theme="light"] .v173-summary{background:linear-gradient(160deg,rgba(120,200,255,.2),rgba(255,255,255,.8));border-color:rgba(40,130,240,.24)}
[data-theme="light"] .v173-summary-line{color:#1f3c5e;border-bottom-color:rgba(24,74,130,.12)}
[data-theme="light"] .v173-summary-line strong{color:#0d2b4c}
[data-theme="light"] .v173-toggle-row{background:rgba(255,255,255,.72);border-color:rgba(24,74,130,.16)}
[data-theme="light"] .v173-toggle-row strong{color:#0d2b4c}
[data-theme="light"] .v173-toggle-row small{color:#5b7492}
[data-theme="light"] .v173-copy-wrap{background:rgba(255,255,255,.8);border-color:rgba(24,74,130,.16)}
[data-theme="light"] .v173-copy-wrap code{color:#134a86;background:none;border:0}
[data-theme="light"] .v173-switch{background:rgba(120,150,190,.4)}
[data-theme="light"] .v173-usd,[data-theme="light"] .v172-currency{background:rgba(40,130,240,.12);color:#16558f;border-color:rgba(40,130,240,.26)}
[data-theme="light"] .v16-gate-icon{background:linear-gradient(150deg,rgba(255,200,110,.5),rgba(255,220,170,.5));border-color:rgba(230,160,50,.4);color:#8a5200}
[data-theme="light"] .v16-gate p{color:#4a6689}
[data-theme="light"] .v173-plan-hint a{color:#134a86}

/* admin */
[data-theme="light"] .admin-subnav,[data-theme="light"] .bestow-admin-nav{background:rgba(255,255,255,.75);border-color:rgba(24,74,130,.14)}
[data-theme="light"] .admin-subnav a{color:#2b4b70}
[data-theme="light"] .admin-subnav a:hover{background:rgba(40,130,240,.12);color:#0d2a4c;border-color:rgba(40,130,240,.28)}
[data-theme="light"] .bestow-admin-nav summary{color:#1c4066}
[data-theme="light"] .bestow-admin-nav details[open] summary{background:rgba(40,130,240,.12);color:#0d2a4c;box-shadow:0 0 0 1px rgba(40,130,240,.24)}
[data-theme="light"] .bestow-admin-dropdown{background:#fff;border-color:rgba(24,74,130,.16);box-shadow:0 24px 50px -24px rgba(20,60,120,.45)}
[data-theme="light"] .bestow-admin-dropdown a{color:#2b4b70}
[data-theme="light"] .bestow-admin-dropdown a:hover,[data-theme="light"] .bestow-admin-dropdown a:focus{background:rgba(40,130,240,.1);color:#0d2a4c}
[data-theme="light"] .admin-inline-form input:not([type=checkbox]),[data-theme="light"] .admin-inline-form select,[data-theme="light"] .admin-date input,[data-theme="light"] .rowfilters input{background:rgba(255,255,255,.86)!important;border-color:rgba(24,74,130,.18)!important;color:#12395f!important}
[data-theme="light"] .admin-date{color:#6b82a0}
[data-theme="light"] .notice-unread{border-left-color:#2a8fe0;box-shadow:-8px 0 22px -18px rgba(30,110,200,.8)}

/* marketing */
[data-theme="light"] .public-landing{--ink:#0d2b4c;color:#26405f}
[data-theme="light"] .public-hero{
  background:linear-gradient(135deg,rgba(150,210,255,.5),rgba(200,190,255,.35) 55%,rgba(190,240,235,.42));
  border-color:rgba(255,255,255,.9);
  box-shadow:0 40px 90px -46px rgba(30,100,190,.55),inset 0 1px 0 #fff;
}
[data-theme="light"] .public-hero-copy{color:#0d2b4c}
[data-theme="light"] .public-kicker{color:#1b6f9e;text-shadow:none}
[data-theme="light"] .public-hero p{color:#3b5a7e}
[data-theme="light"] .public-outline,[data-theme="light"] .public-btn.public-outline{background:rgba(255,255,255,.7);border-color:rgba(24,74,130,.22);color:#1c4066}
[data-theme="light"] .public-outline:hover{background:#fff;color:#0d2a4c}
[data-theme="light"] .public-tags span{background:rgba(255,255,255,.72);border-color:rgba(24,74,130,.16);color:#2b4b70}
[data-theme="light"] .public-diagram{background:linear-gradient(160deg,rgba(255,255,255,.86),rgba(240,247,255,.8));border-color:rgba(24,74,130,.16);box-shadow:0 30px 70px -40px rgba(20,60,120,.5)}
[data-theme="light"] .diagram-node{background:linear-gradient(150deg,#fff,#eef6ff);border-color:rgba(24,74,130,.16);color:#0d2b4c}
[data-theme="light"] .diagram-node span{color:#5b7492}
[data-theme="light"] .diagram-cloud{background:linear-gradient(150deg,#fff0e6,#ffe3d1);border-color:rgba(230,140,80,.45);box-shadow:0 0 30px -12px rgba(230,140,80,.5)}
[data-theme="light"] .diagram-connector{color:#2a7fb8}
[data-theme="light"] .public-section-heading p{color:#4a6689}
[data-theme="light"] .public-feature-grid h3,[data-theme="light"] .public-plan h3,[data-theme="light"] .public-steps h3,[data-theme="light"] .public-usecase-list b,[data-theme="light"] .public-faq summary{color:#0d2b4c}
[data-theme="light"] .public-feature-grid p,[data-theme="light"] .public-steps p,[data-theme="light"] .public-plan p,[data-theme="light"] .public-usecase-list span,[data-theme="light"] .public-plan ul,[data-theme="light"] .public-faq p{color:#4a6689}
[data-theme="light"] .public-feature-icon{background:rgba(255,180,100,.18);border-color:rgba(230,160,50,.4);color:#8a5200}
[data-theme="light"] .public-how{background:linear-gradient(135deg,rgba(140,200,255,.26),rgba(190,175,255,.2));border-color:rgba(255,255,255,.8)}
[data-theme="light"] .public-price{color:#0d2b4c}
[data-theme="light"] .public-price small{color:#5b7492}
[data-theme="light"] .public-trial{background:rgba(20,170,110,.14);color:#0d6344;border-color:rgba(20,170,110,.32)}
[data-theme="light"] .public-bottom{background:linear-gradient(135deg,rgba(140,200,255,.42),rgba(190,175,255,.36) 50%,rgba(255,200,160,.3));border-color:rgba(255,255,255,.85);box-shadow:0 36px 80px -46px rgba(30,100,190,.6),inset 0 1px 0 #fff}
[data-theme="light"] .public-bottom h2{color:#08233f}
[data-theme="light"] .public-bottom p{color:#2b4b70}
[data-theme="light"] .public-plan-btn{background:var(--amber-grad);color:#1f0d00}

/* legal / contact / footer */
[data-theme="light"] .bestow-legal-hero{background:linear-gradient(130deg,rgba(150,210,255,.5),rgba(200,190,255,.4));border-color:rgba(255,255,255,.9);box-shadow:0 28px 70px -46px rgba(30,100,190,.5),inset 0 1px 0 #fff}
[data-theme="light"] .bestow-legal-hero h1{color:#08233f}
[data-theme="light"] .bestow-legal-hero p{color:#2b4b70}
[data-theme="light"] .bestow-legal-hero .eyebrow{color:#1b6f9e}
[data-theme="light"] .legal-local-nav a{background:rgba(255,255,255,.72);border-color:rgba(24,74,130,.2);color:#1c4066}
[data-theme="light"] .legal-local-nav a:hover{background:#fff;color:#0d2a4c}
[data-theme="light"] .bestow-legal-article h2{color:#0d2b4c;border-bottom-color:rgba(24,74,130,.12)}
[data-theme="light"] .bestow-legal-article p,[data-theme="light"] .bestow-legal-article ul,[data-theme="light"] .bestow-legal-article ol{color:#2c4767}
[data-theme="light"] .bestow-contact-aside span{color:#5b7492}
[data-theme="light"] .bestow-contact-aside a{color:#1668c9}
[data-theme="light"] .bestow-contact-aside p{color:#2c4767}
[data-theme="light"] .bestow-policy-checkout,[data-theme="light"] .bestow-register-policy{background:rgba(70,150,240,.08);border-color:rgba(40,110,200,.22);color:#26405f}
[data-theme="light"] .bestow-policy-checkout legend{color:#0d2b4c}
[data-theme="light"] .bestow-policy-checkout label{color:#2c4767}
[data-theme="light"] .bestow-policy-disclosure{color:#4a6689}
[data-theme="light"] .bestow-main-footer{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(240,246,253,.96));border-top-color:rgba(24,74,130,.14);color:#2c4767}
[data-theme="light"] .bestow-main-footer .bestow-footer-inner strong{color:#0d2b4c}
[data-theme="light"] .bestow-main-footer .bestow-footer-inner p,[data-theme="light"] .bestow-copyright{color:#5b7492}
[data-theme="light"] .bestow-main-footer a{color:#1668c9}
[data-theme="light"] .bestow-main-footer a:hover{color:#0d4f9e}

/* overlays */
[data-theme="light"] .bx-palette-backdrop{background:rgba(210,225,245,.6)}
[data-theme="light"] .bx-palette-panel{background:linear-gradient(165deg,#fff,rgba(244,250,255,.98));border-color:rgba(255,255,255,.9);box-shadow:0 50px 110px -40px rgba(20,60,120,.5)}
[data-theme="light"] .bx-palette-input{color:#12395f!important}
[data-theme="light"] .bx-palette-icon{color:#2a8fe0}
[data-theme="light"] .bx-palette-item{color:#2b4b70}
[data-theme="light"] .bx-palette-item.is-active{background:rgba(40,130,240,.12);border-color:rgba(40,130,240,.3);color:#0d2a4c}
[data-theme="light"] .bx-palette-meta{background:rgba(24,74,130,.08);color:#5b7492}
[data-theme="light"] .bx-palette-foot{color:#6b82a0;border-top-color:rgba(24,74,130,.1)}
[data-theme="light"] kbd,[data-theme="light"] .bx-palette-kbd{background:rgba(24,74,130,.08);border-color:rgba(24,74,130,.16);color:#3f6390}
[data-theme="light"] .bx-toast{background:linear-gradient(160deg,#fff,rgba(244,250,255,.98));border-color:rgba(24,74,130,.16);color:#12395f;box-shadow:0 28px 55px -28px rgba(20,60,120,.5)}
[data-theme="light"] .bx-toast-icon{background:rgba(40,130,240,.14);color:#16558f;border-color:rgba(40,130,240,.3)}
[data-theme="light"] .bx-toast-ok .bx-toast-icon{background:rgba(20,170,110,.16);color:#0d6344;border-color:rgba(20,170,110,.4)}
[data-theme="light"] .bx-toast-error .bx-toast-icon{background:rgba(220,60,90,.14);color:#9c2039;border-color:rgba(220,60,90,.35)}
[data-theme="light"] .bestow-payment-overlay{background:rgba(200,215,235,.72)}
[data-theme="light"] .bestow-payment-dialog{background:linear-gradient(165deg,#fff,rgba(244,250,255,.99));border-color:rgba(255,255,255,.95);color:#12395f;box-shadow:0 40px 90px -40px rgba(20,60,120,.55)}
[data-theme="light"] .bestow-payment-dialog h2{color:#0d2b4c}
[data-theme="light"] .bestow-payment-dialog p{color:#2c4767}
[data-theme="light"] .bestow-pay-icon{background:rgba(20,170,110,.14);color:#0d6344;border-color:rgba(20,170,110,.35);box-shadow:none}
[data-theme="light"] .bestow-pay-reference{color:#6b82a0}
[data-theme="light"] .bestow-pay-warning{background:rgba(255,190,90,.22);border-color:rgba(230,160,50,.4);color:#6a4405}
[data-theme="light"] .bx-progress{box-shadow:0 0 10px rgba(40,130,240,.6)}
[data-theme="light"] .bx-skip{box-shadow:0 18px 34px -18px rgba(40,120,220,.9)}
[data-theme="light"] .card.bx-lit::before,[data-theme="light"] .stat.bx-lit::before{background:radial-gradient(320px circle at var(--mx) var(--my),rgba(90,170,255,.20),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.9),transparent 34%)}
[data-theme="light"] .bx-lit{border-color:rgba(60,140,240,.4)!important}
[data-theme="light"] .state.good.bx-live::before{background:#12b073}

/* ============================================================================
   21. OAUTH CONSENT — the moment a customer approves an AI client
   ========================================================================== */
.bx-consent-wrap{
  min-height:100vh;display:grid;place-items:center;padding:clamp(16px,4vw,48px);
}
.bx-consent-card{
  width:min(100%,560px);
  position:relative;padding:clamp(24px,4vw,38px);
  background:var(--glass-fill);
  border:var(--glass-edge);border-radius:26px;
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  box-shadow:0 46px 110px -46px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.12);
  color:var(--ice-200);
  animation:bx-rise .5s var(--ease) both;
}
@keyframes bx-rise{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}
.bx-consent-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 36%);opacity:.6;
}
.bx-consent-brand{display:inline-block;margin-bottom:20px}
.bx-consent-brand img{
  height:44px;width:auto;max-width:250px;object-fit:contain;
  background:linear-gradient(150deg,rgba(255,255,255,.97),rgba(233,244,255,.9));
  border:1px solid rgba(255,255,255,.7);border-radius:11px;padding:6px 11px;
  box-shadow:0 10px 24px -16px rgba(0,0,0,.9);
}
.bx-consent-card h1{font-size:clamp(23px,3.4vw,29px);margin:10px 0 12px;letter-spacing:-.02em}
.bx-consent-lead{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 20px}
.bx-consent-lead strong{color:#fff}
.bx-consent-facts{
  display:grid;gap:1px;margin:0 0 20px;padding:4px;
  background:rgba(255,255,255,.04);border:1px solid rgba(170,215,255,.2);border-radius:14px;
}
.bx-consent-facts>div{display:flex;justify-content:space-between;gap:16px;padding:11px 13px;border-radius:9px}
.bx-consent-facts>div:nth-child(odd){background:rgba(255,255,255,.035)}
.bx-consent-facts dt{color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:750;flex:0 0 auto}
.bx-consent-facts dd{margin:0;color:#eaf6ff;font-weight:700;font-size:13px;text-align:right;overflow-wrap:anywhere}
.bx-consent-scopes{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}
.bx-consent-scopes li{
  display:flex;align-items:center;gap:11px;padding:11px 13px;
  background:rgba(140,215,255,.07);border:1px solid rgba(160,225,255,.2);border-radius:11px;
  font-size:12.5px;color:#c8dcf2;
}
.bx-consent-scopes li::before{
  content:"✓";flex:0 0 20px;width:20px;height:20px;border-radius:50%;
  display:grid;place-items:center;font-size:11px;font-weight:900;
  background:rgba(60,225,160,.16);color:#8dffcf;border:1px solid rgba(80,235,175,.42);
}
.bx-consent-scopes code{background:none;border:0;padding:0;color:#9fe4ff;font-weight:700}
.bx-consent-scopes span{color:var(--muted)}
.bx-consent-note{
  font-size:12px;line-height:1.7;color:var(--dim);
  border-left:2px solid rgba(160,225,255,.35);padding-left:13px;margin:0 0 22px;
}
.bx-consent-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.bx-consent-actions .primary{flex:1 1 220px;min-height:46px}
.bx-consent-actions .secondary{flex:0 1 120px;min-height:46px}
.bx-consent-legal{
  display:flex;gap:16px;flex-wrap:wrap;margin:0;
  padding-top:16px;border-top:1px solid var(--line);font-size:11.5px;
}
.bx-consent-legal a{color:#8fd0ff}
@media(max-width:520px){
  .bx-consent-card{padding:22px 18px;border-radius:20px}
  .bx-consent-facts>div{flex-direction:column;gap:4px}
  .bx-consent-facts dd{text-align:left}
  .bx-consent-actions .primary,.bx-consent-actions .secondary{flex:1 1 100%}
}

/* Utilities must never inherit the stacked mobile menu's layout rules. */
@media(max-width:950px){
  .topbar nav#bestow-main-nav .bx-palette-hint.nav-utility{
    display:none!important;border-bottom:0;padding:0;width:auto;
  }
}

/* ============================================================================
   22. REMAINING LIGHT-MODE COVERAGE (components introduced after v1.7)
   ========================================================================== */
/* restore the crystal select chevron where legacy shorthands removed it */
.v173-method-fields select,.workspace-switch select,.admin-inline-form select,
.v16-grid select,.plan-admin-card select,.v172-payment-panel select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a9d8ff' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
}

[data-theme="light"] .steps b{color:#0f5d96;background:rgba(40,130,240,.12);border-color:rgba(40,130,240,.32)}
[data-theme="light"] .steps strong{color:#0d2b4c}
[data-theme="light"] .steps small{color:#5b7492}
[data-theme="light"] .v172-plan-copy{color:#1f3c5e}
[data-theme="light"] .v172-plan-copy small{color:#5b7492}
[data-theme="light"] .v172-price{color:#0f5d96}
[data-theme="light"] .v172-plan-copy em{color:#8a5200}
[data-theme="light"] .v16-mini-plans article>span{color:#0f5d96}
[data-theme="light"] .v16-methods small,[data-theme="light"] .v16-mini-plans small{color:#5b7492}
[data-theme="light"] .v16-methods p{color:#3b5a7e}
[data-theme="light"] .v17-method-card{border-bottom-color:rgba(24,74,130,.12)}
[data-theme="light"] .v17-method-card small{color:#5b7492}
[data-theme="light"] .v17-section h3 span{color:#04182c}
[data-theme="light"] .plan-choice small{color:#5b7492}
[data-theme="light"] .v172-order-line,[data-theme="light"] .v172-plan{color:#26405f}
[data-theme="light"] .admin-date input{color:#12395f!important}
[data-theme="light"] .v173-plan-hint a{color:#134a86}
[data-theme="light"] .v173-summary-line span{color:#5b7492}
[data-theme="light"] .v173-schedule-note,[data-theme="light"] .v173-method-desc{color:#5b7492}
[data-theme="light"] .v173-form-message{color:#8a5200}
[data-theme="light"] .v173-email-row{color:#2c4767}
[data-theme="light"] .v173-toggle-row:hover{background:#fff;border-color:rgba(40,130,240,.35)}
[data-theme="light"] .payment-review-state p{color:#2c4767}
[data-theme="light"] .install-container .checks-list>div{border-bottom-color:rgba(24,74,130,.12)}
/* consent page */
[data-theme="light"] .bx-consent-card{color:#26405f}
[data-theme="light"] .bx-consent-brand img{background:#fff;border-color:rgba(24,74,130,.12)}
[data-theme="light"] .bx-consent-lead{color:#4a6689}
[data-theme="light"] .bx-consent-lead strong{color:#0d2b4c}
[data-theme="light"] .bx-consent-facts{background:rgba(255,255,255,.7);border-color:rgba(24,74,130,.14)}
[data-theme="light"] .bx-consent-facts>div:nth-child(odd){background:rgba(40,130,240,.05)}
[data-theme="light"] .bx-consent-facts dt{color:#5b7492}
[data-theme="light"] .bx-consent-facts dd{color:#0d2b4c}
[data-theme="light"] .bx-consent-scopes li{background:rgba(40,130,240,.07);border-color:rgba(40,130,240,.2);color:#2c4767}
[data-theme="light"] .bx-consent-scopes li::before{background:rgba(20,170,110,.14);color:#0d6344;border-color:rgba(20,170,110,.4)}
[data-theme="light"] .bx-consent-scopes code{color:#134a86}
[data-theme="light"] .bx-consent-scopes span{color:#5b7492}
[data-theme="light"] .bx-consent-note{color:#5b7492;border-left-color:rgba(40,130,240,.35)}
[data-theme="light"] .bx-consent-legal{border-top-color:rgba(24,74,130,.12)}
[data-theme="light"] .bx-consent-legal a{color:#1668c9}
/* utility chips */
[data-theme="light"] .bx-chip{background:rgba(40,130,240,.1);border-color:rgba(40,130,240,.24);color:#16558f}
[data-theme="light"] .bx-chip.amber{background:rgba(255,190,90,.24);border-color:rgba(230,160,50,.4);color:#6a4405}
[data-theme="light"] .bx-chip.green{background:rgba(20,170,110,.13);border-color:rgba(20,170,110,.34);color:#0d6344}
[data-theme="light"] .bx-empty{border-color:rgba(24,74,130,.24);background:rgba(255,255,255,.5);color:#5b7492}
[data-theme="light"] .details dt{color:#5b7492}
[data-theme="light"] .share-line{border-bottom-color:rgba(24,74,130,.12)}
[data-theme="light"] .notice-item h3{color:#0d2b4c}
[data-theme="light"] .notice-item small{color:#6b82a0}
[data-theme="light"] .v173-method-fields select,
[data-theme="light"] .workspace-switch select,
[data-theme="light"] .admin-inline-form select,
[data-theme="light"] .v16-grid select,
[data-theme="light"] .plan-admin-card select,
[data-theme="light"] .v172-payment-panel select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231c528f' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ---- one-time appearance hint on the dashboard ---- */
.bx-tip{
  display:flex;align-items:flex-start;gap:12px;
  margin:0 0 20px;padding:13px 17px;border-radius:14px;
  background:linear-gradient(120deg,rgba(120,215,255,.12),rgba(150,130,255,.09));
  border:1px solid rgba(170,225,255,.26);
  color:#c6dcf3;font-size:12.5px;line-height:1.65;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 18px 44px -34px rgba(90,190,255,.95);
}
.bx-tip kbd{
  font:700 10.5px/1 "Inter",sans-serif;background:rgba(255,255,255,.1);
  border:1px solid rgba(170,215,255,.28);color:#dcefff;border-radius:5px;padding:3px 5px;
}
.bx-tip strong{color:#eaf6ff}
.bx-tip b{color:#bfe9ff;font-weight:700}
.bx-tip-icon{color:#8fe4ff;font-size:15px;line-height:1.4;text-shadow:0 0 16px rgba(110,220,255,.9)}
[data-theme="light"] .bx-tip{
  background:linear-gradient(120deg,rgba(140,200,255,.26),rgba(190,175,255,.2));
  border-color:rgba(255,255,255,.85);color:#33506f;
  box-shadow:0 18px 40px -34px rgba(30,100,190,.6);
}
[data-theme="light"] .bx-tip strong{color:#0d2b4c}
[data-theme="light"] .bx-tip b{color:#16558f}
[data-theme="light"] .bx-tip kbd{background:rgba(255,255,255,.85);border-color:rgba(24,74,130,.2);color:#16558f}
[data-theme="light"] .bx-tip-icon{color:#2a8fe0;text-shadow:none}
[data-theme="light"] .form-feedback{
  background:linear-gradient(150deg,rgba(255,120,140,.16),rgba(255,235,238,.9));
  border-color:rgba(220,70,100,.4);color:#93283d;
}
[data-theme="light"] .form-feedback.ok{
  background:linear-gradient(150deg,rgba(60,200,140,.18),rgba(226,250,238,.92));
  border-color:rgba(30,170,120,.4);color:#0f5c3d;
}