/* Intuzu Business — shared design tokens + components. Every class is prefixed `bz-` so it can sit on any Intuzu page.
   Tokens: --bz-* on :root. Fonts (load in <head>): Inter 400–800, Unbounded 600–800, JetBrains Mono 400–500. */
:root{
  --bz-bg:#05060a; --bz-bg2:#090b11; --bz-panel:#0d0f16; --bz-panel2:#12151e; --bz-raise:#171b26;
  --bz-ink:#f4f5f8; --bz-ink2:#d9dce3; --bz-dim:#9aa0ad; --bz-faint:#6b7080;
  --bz-line:rgba(255,255,255,.08); --bz-line2:rgba(255,255,255,.14); --bz-line3:rgba(255,255,255,.22);
  --bz-amber:#F5A524; --bz-amber2:#ffd36b; --bz-orange:#EE6018; --bz-pink:#ff8fb0;
  --bz-accent:var(--bz-amber); --bz-grad:linear-gradient(92deg,#ffe08a 0%,#F5A524 34%,#EE6018 70%,#ff8fb0 100%);
  --bz-ok:#34d399; --bz-warn:#fbbf24; --bz-err:#ff8a8a; --bz-info:#8ab4ff;
  --bz-r-sm:10px; --bz-r:14px; --bz-r-lg:20px; --bz-r-xl:28px;
  --bz-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 20px 50px -24px rgba(0,0,0,.8);
  --bz-ring:0 0 0 3px rgba(245,165,36,.28);
  --bz-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --bz-display:'Unbounded','Inter',system-ui,sans-serif;
  --bz-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;
  --bz-ease:cubic-bezier(.2,.8,.2,1);
}

/* ---------- buttons ---------- */
.bz-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;border:1px solid transparent;
  font:650 14px/1 var(--bz-sans);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;text-decoration:none;user-select:none;
  transition:transform .2s var(--bz-ease),background .2s,box-shadow .2s,border-color .2s,color .2s,opacity .2s}
.bz-btn svg{width:16px;height:16px;flex:none}
.bz-btn:active{transform:translateY(1px)}
.bz-btn:focus-visible{outline:none;box-shadow:var(--bz-ring)}
.bz-btn[disabled],.bz-btn.is-busy{opacity:.5;pointer-events:none}
.bz-btn-pri{background:var(--bz-ink);color:#07080c}
.bz-btn-pri:hover{background:#fff;box-shadow:0 12px 30px -14px rgba(245,165,36,.9)}
.bz-btn-gold{background:linear-gradient(180deg,#ffc95a,#F5A524);color:#1a1206}
.bz-btn-gold:hover{box-shadow:0 12px 30px -12px rgba(245,165,36,.85)}
.bz-btn-sec{background:rgba(255,255,255,.05);border-color:var(--bz-line2);color:var(--bz-ink)}
.bz-btn-sec:hover{background:rgba(255,255,255,.09);border-color:var(--bz-line3)}
.bz-btn-ghost{background:none;color:var(--bz-ink2)}
.bz-btn-ghost:hover{background:rgba(255,255,255,.06);color:var(--bz-ink)}
.bz-btn-danger{background:rgba(255,138,138,.08);border-color:rgba(255,138,138,.25);color:#ffb3b3}
.bz-btn-danger:hover{background:rgba(255,138,138,.14)}
.bz-btn-sm{height:34px;padding:0 13px;font-size:13px}
.bz-btn-lg{height:52px;padding:0 26px;font-size:15.5px}
.bz-btn-block{width:100%}
.bz-btn .bz-spin{width:15px;height:15px}
.bz-link{color:var(--bz-amber2);text-decoration:none;font-weight:600;cursor:pointer;background:none;border:0;font:inherit;padding:0}
.bz-link:hover{text-decoration:underline;text-underline-offset:3px}

/* ---------- form ---------- */
.bz-field{display:grid;gap:7px;min-width:0}
.bz-label{font:600 13px/1.2 var(--bz-sans);color:var(--bz-ink2);display:flex;align-items:center;gap:8px}
.bz-label small{font:500 11px/1 var(--bz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bz-faint)}
.bz-hint{font-size:12.5px;line-height:1.45;color:var(--bz-faint)}
.bz-input,.bz-select,.bz-textarea{width:100%;min-width:0;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--bz-line2);background:rgba(255,255,255,.035);
  color:var(--bz-ink);font:500 15px/1.2 var(--bz-sans);transition:border-color .2s,background .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.bz-textarea{height:auto;min-height:92px;padding:12px 14px;line-height:1.5;resize:vertical}
.bz-select{padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%239aa0ad' stroke-width='1.8'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;cursor:pointer}
.bz-select option{background:#12151e;color:#f4f5f8}
.bz-input::placeholder,.bz-textarea::placeholder{color:#5d6272}
.bz-input:hover,.bz-select:hover,.bz-textarea:hover{border-color:var(--bz-line3)}
.bz-input:focus,.bz-select:focus,.bz-textarea:focus{outline:none;border-color:rgba(245,165,36,.65);background:rgba(255,255,255,.05);box-shadow:var(--bz-ring)}
.bz-input[disabled],.bz-select[disabled],.bz-textarea[disabled]{opacity:.55;cursor:not-allowed}
.bz-input[aria-invalid=true]{border-color:rgba(255,138,138,.6)}
.bz-input-code{height:58px;text-align:center;font:600 26px/1 var(--bz-mono);letter-spacing:.3em;padding-left:.3em}
.bz-err{font-size:13px;color:var(--bz-err);display:flex;gap:6px;align-items:flex-start}
.bz-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bz-row3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}
@media (max-width:640px){.bz-row,.bz-row3{grid-template-columns:minmax(0,1fr)}}
.bz-switch{position:relative;width:38px;height:22px;flex:none;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid var(--bz-line2);cursor:pointer;transition:background .2s}
.bz-switch::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#c9cdd6;transition:transform .25s var(--bz-ease),background .2s}
.bz-switch[aria-checked=true]{background:rgba(52,211,153,.35);border-color:rgba(52,211,153,.5)}
.bz-switch[aria-checked=true]::after{transform:translateX(16px);background:#fff}
.bz-switch:focus-visible{outline:none;box-shadow:var(--bz-ring)}

/* ---------- surfaces ---------- */
.bz-card{border-radius:var(--bz-r-lg);border:1px solid var(--bz-line);background:linear-gradient(180deg,rgba(20,23,33,.88),rgba(12,14,20,.94));box-shadow:var(--bz-shadow)}
.bz-card-pad{padding:clamp(18px,2.4vw,28px)}
.bz-kick{display:inline-flex;align-items:center;gap:10px;font:500 11px/1 var(--bz-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--bz-amber)}
.bz-kick::before{content:"";width:22px;height:1px;background:currentColor}
.bz-h1{font:800 clamp(28px,4vw,44px)/1.04 var(--bz-display);letter-spacing:-.04em;text-wrap:balance}
.bz-h2{font:700 clamp(19px,2vw,23px)/1.15 var(--bz-display);letter-spacing:-.03em}
.bz-h3{font:650 15px/1.3 var(--bz-sans);letter-spacing:-.01em}
.bz-sub{color:#b7bcc7;font-size:15px;line-height:1.55}
.bz-grad{background:var(--bz-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bz-badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font:600 10.5px/1 var(--bz-mono);letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--bz-line2);color:var(--bz-ink2);background:rgba(255,255,255,.04);white-space:nowrap}
.bz-badge-live{color:#7ff0c3;border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08)}
.bz-badge-live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--bz-ok);box-shadow:0 0 8px var(--bz-ok)}
.bz-badge-soon{color:#ffd9a0;border-color:rgba(245,165,36,.3);background:rgba(245,165,36,.07)}
.bz-badge-owner{color:#ffd9a0;border-color:rgba(245,165,36,.35)}
.bz-badge-admin{color:#c7d7ff;border-color:rgba(138,180,255,.35)}
.bz-badge-staff{color:#d6d9e0}
.bz-avatar{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;overflow:hidden;font:700 13px/1 var(--bz-sans);color:#fff;background:#2a2f3d}
.bz-avatar img{width:100%;height:100%;object-fit:cover}
.bz-avatar svg{width:55%;height:55%}
.bz-avatar-round{border-radius:50%}
.bz-divider{height:1px;background:var(--bz-line);border:0;margin:0}
.bz-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bz-spin{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:bz-spin .7s linear infinite;opacity:.8}
@keyframes bz-spin{to{transform:rotate(360deg)}}
.bz-skel{border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.08),rgba(255,255,255,.04));background-size:200% 100%;animation:bz-sh 1.4s linear infinite}
@keyframes bz-sh{to{background-position:-200% 0}}

/* ---------- toast ---------- */
.bz-toasts{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:1000;display:grid;gap:8px;justify-items:center;pointer-events:none;width:min(440px,calc(100vw - 32px))}
.bz-toast{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:100%;padding:11px 16px;border-radius:14px;background:rgba(23,27,38,.96);border:1px solid var(--bz-line2);
  color:var(--bz-ink);font:550 14px/1.35 var(--bz-sans);box-shadow:0 18px 44px -18px rgba(0,0,0,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  animation:bz-tin .35s var(--bz-ease) both}
.bz-toast.out{animation:bz-tout .25s ease both}
.bz-toast i{width:8px;height:8px;border-radius:50%;flex:none;background:var(--bz-amber);box-shadow:0 0 10px var(--bz-amber)}
.bz-toast.ok i{background:var(--bz-ok);box-shadow:0 0 10px var(--bz-ok)}
.bz-toast.err i{background:var(--bz-err);box-shadow:0 0 10px var(--bz-err)}
@keyframes bz-tin{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes bz-tout{to{opacity:0;transform:translateY(6px)}}

/* ---------- modal ---------- */
.bz-modal{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:16px;background:rgba(3,4,7,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:bz-fade .25s ease both}
.bz-modal.out{animation:bz-fadeout .2s ease both}
.bz-dialog{position:relative;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:24px;border:1px solid var(--bz-line2);
  background:linear-gradient(180deg,#141823,#0c0e15);box-shadow:0 40px 100px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.03) inset;padding:28px;color:var(--bz-ink);
  font-family:var(--bz-sans);animation:bz-pop .35s var(--bz-ease) both}
.bz-dialog::before{content:"";position:absolute;inset:0 0 auto;height:140px;border-radius:24px 24px 0 0;pointer-events:none;
  background:radial-gradient(60% 100% at 50% 0%,rgba(245,165,36,.16),transparent 70%)}
.bz-dialog > *{position:relative}
.bz-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--bz-dim);background:none;border:0;cursor:pointer;z-index:2}
.bz-x:hover{background:rgba(255,255,255,.07);color:var(--bz-ink)}
.bz-x svg{width:16px;height:16px}
.bz-dialog h2{font:750 22px/1.2 var(--bz-display);letter-spacing:-.03em;margin:14px 0 8px;padding-right:24px}
.bz-dialog p.bz-sub{margin-bottom:20px;font-size:14.5px}
.bz-dialog form{display:grid;gap:14px}
.bz-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#ffd36b,#F5A524 45%,#EE6018);color:#1a1206;box-shadow:0 12px 30px -12px rgba(245,165,36,.8)}
.bz-mark svg{width:22px;height:22px}
.bz-fine{font-size:12px;color:var(--bz-faint);line-height:1.5;margin-top:4px}
@keyframes bz-fade{from{opacity:0}}
@keyframes bz-fadeout{to{opacity:0}}
@keyframes bz-pop{from{opacity:0;transform:translateY(12px) scale(.98)}}

/* ---------- account chip + menus ---------- */
.bz-chip{display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 6px 0 6px;border-radius:999px;border:1px solid var(--bz-line2);background:rgba(255,255,255,.04);
  color:var(--bz-ink);font:600 13px/1 var(--bz-sans);cursor:pointer;max-width:260px;transition:background .2s,border-color .2s}
.bz-chip:hover{background:rgba(255,255,255,.08);border-color:var(--bz-line3)}
.bz-chip:focus-visible{outline:none;box-shadow:var(--bz-ring)}
.bz-chip .bz-avatar{width:26px;height:26px;border-radius:50%;font-size:11px}
.bz-chip span.t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:6px}
.bz-chip svg.bz-cv{width:14px;height:14px;color:var(--bz-dim);margin-right:4px;flex:none}
.bz-chip-save{padding:0 14px 0 12px;background:linear-gradient(180deg,rgba(255,201,90,.16),rgba(245,165,36,.1));border-color:rgba(245,165,36,.4);color:#ffe3ad}
.bz-chip-save:hover{background:linear-gradient(180deg,rgba(255,201,90,.24),rgba(245,165,36,.16))}
.bz-chip-save svg{width:15px;height:15px}
.bz-menu{position:fixed;z-index:950;min-width:260px;max-width:min(340px,calc(100vw - 24px));padding:6px;border-radius:16px;border:1px solid var(--bz-line2);background:rgba(18,21,30,.98);
  box-shadow:0 30px 70px -24px rgba(0,0,0,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-family:var(--bz-sans);color:var(--bz-ink);animation:bz-pop .22s var(--bz-ease) both}
.bz-menu .hd{padding:10px 10px 8px;font:500 10.5px/1 var(--bz-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--bz-faint)}
.bz-menu .who{padding:10px;display:grid;gap:3px}
.bz-menu .who b{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis}
.bz-menu .who span{font-size:12.5px;color:var(--bz-dim)}
.bz-mi{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:10px;border:0;background:none;color:var(--bz-ink2);font:550 14px/1.2 var(--bz-sans);text-align:left;cursor:pointer;text-decoration:none}
.bz-mi:hover,.bz-mi:focus-visible{background:rgba(255,255,255,.07);color:var(--bz-ink);outline:none}
.bz-mi svg{width:16px;height:16px;color:var(--bz-dim);flex:none}
.bz-mi .bz-avatar{width:28px;height:28px;border-radius:8px;font-size:11px}
.bz-mi .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bz-mi .rl{font:500 10px/1 var(--bz-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bz-faint)}
.bz-mi[aria-current=true]{background:rgba(245,165,36,.08);color:var(--bz-ink)}
.bz-mi[aria-current=true]::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--bz-amber);box-shadow:0 0 8px var(--bz-amber);flex:none}
.bz-menu hr{border:0;height:1px;background:var(--bz-line);margin:6px 4px}

@media (prefers-reduced-motion:reduce){.bz-toast,.bz-modal,.bz-dialog,.bz-menu{animation:none!important}.bz-spin,.bz-skel{animation-duration:2.4s}}