/* Mini App theme — matched to the web admin console (templates/admin.html) design system.
   Fixed premium "enterprise" palette (deep blue-black + blue accent + slate panels), not the
   Telegram light/dark — so the Mini App looks like the web admin. theme.js keeps Telegram
   plumbing (ready/expand/back/haptics) but does NOT recolor these vars. */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600;700&display=swap');

:root{
  /* brand + status (from admin.html :root) */
  --blue:#19a6ea; --blue-d:#0b86c4; --green:#22c55e; --amber:#eab308; --red:#ef4444;
  --purple:#8b5cf6; --grey:#64748b;
  /* surfaces */
  --bg:#0a0d12; --bg2:#0d1117; --panel:#11151c; --panel2:#161b23; --bar:#0c0f15;
  --ink:#e9eef3; --muted:#99a5b1; --muted2:#69737e; --line:#212832;
  --grad:linear-gradient(135deg,#19a6ea,#0b86c4);
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.30); --radius:12px;
  /* aliases the JS shell already references (kept stable, repointed to the web-admin palette) */
  --text:var(--ink); --hint:var(--muted); --card:var(--panel); --border:var(--line);
  --accent:var(--blue); --accent-ink:#ffffff; --danger:var(--red);
  --pad:14px; --safe-bottom:env(safe-area-inset-bottom,0px); --safe-top:env(safe-area-inset-top,0px);
  font-synthesis:none; -webkit-text-size-adjust:100%;
}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);min-height:100dvh;
  font-family:'IBM Plex Sans','Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  background:radial-gradient(1200px 600px at 80% -10%,rgba(10,159,224,.10),transparent 60%),var(--bg);}
h1,h2,h3{font-family:'Sora','IBM Plex Sans',system-ui,sans-serif;margin:0}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace}
.boot{display:flex;align-items:center;justify-content:center;min-height:70vh;color:var(--muted);font-weight:600}