/* base.css — сброс стилей, CSS-переменные, типографика, кнопки, утилиты */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:      #0d1117;
  --surface: #161b22;
  --surface2:#1f2937;
  --border:  #30363d;
  --border2: #21262d;
  --text:    #c9d1d9;
  --dim:     #8b949e;
  --blue:    #58a6ff;
  --green:   #3fb950;
  --yellow:  #d29922;
  --red:     #f85149;
  --r:       8px;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  min-height: 100vh;
}

/* ── BUTTONS ────────────────────────────────────────── */
.btn         { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:9px 18px; border:none; border-radius:var(--r); cursor:pointer; font-size:13px; font-weight:500; transition:.15s; text-decoration:none; white-space:nowrap; }
.btn:active  { transform:scale(.97); }
.btn:disabled{ opacity:.45; cursor:not-allowed; pointer-events:none; }
.btn-blue    { background:var(--blue);  color:#000; }
.btn-green   { background:var(--green); color:#000; }
.btn-ghost   { background:transparent; border:1px solid var(--border); color:var(--text); }
.btn-ghost:hover { border-color:var(--blue); color:var(--blue); }
.btn-tg      { background:#229ED9; color:#fff; }
.btn-sm      { padding:5px 10px; font-size:11px; border-radius:5px; }
.btn-block   { width:100%; }

/* ── MESSAGES ────────────────────────────────────────── */
.msg         { padding:10px 14px; border-radius:var(--r); font-size:12px; margin-top:10px; }
.msg-ok      { background:#0d2818; color:var(--green); border:1px solid #2d5a3f; }
.msg-err     { background:#2d0d0d; color:var(--red);   border:1px solid #5a2d2d; }

/* ── MISC ────────────────────────────────────────────── */
.hidden      { display:none !important; }
.spin        { display:inline-block; animation:spin .75s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }