/* ════════════════════════════════════════
   Highr.AI — Stylesheet Index
   Import order matters: tokens first, then
   page/module files in any order.
════════════════════════════════════════ */

@import 'tokens.css';     /* CSS vars, base reset, light mode, screen router */
@import 'simulate.css';   /* /simulate SPA: home, CS, PM, SL, settings, hint system */
@import 'auth.css';       /* /login, /register, /reset-password */
@import 'dashboard.css';  /* /dashboard, /history, /profile, /session, /manager */
@import 'em.css';         /* Email Drafting module (em) */
@import 'sr.css';         /* Status Report module (sr) */

/* ── Confirm modal (shared, used by akhiriSesi) ── */
#confirm-backdrop {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.55);
  display: flex; align-items: center; justify-content: center;
  z-index: 9800;
}
#confirm-card {
  background: var(--h-surface);
  border: 1.5px solid var(--h-border);
  border-radius: 16px;
  padding: 32px;
  width: 380px; max-width: 90vw;
  box-shadow: 0 24px 64px rgba(0,0,0,.35);
}
#confirm-title {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 18px; font-weight: 700;
  color: var(--h-text);
  margin-bottom: 8px;
}
#confirm-body {
  font-size: 14px; color: var(--h-muted);
  margin-bottom: 28px; line-height: 1.5;
}
#confirm-actions {
  display: flex; gap: 10px; justify-content: flex-end;
}
.confirm-cancel-btn {
  background: transparent;
  border: 1.5px solid var(--h-border);
  border-radius: 8px;
  color: var(--h-muted);
  font-family: 'Space Grotesk', sans-serif;
  font-size: 13px; font-weight: 600;
  padding: 9px 18px; cursor: pointer;
  transition: color .15s, border-color .15s;
}
.confirm-cancel-btn:hover { color: var(--h-text); border-color: var(--h-muted); }
.confirm-ok-btn {
  background: #ef4444;
  border: none; border-radius: 8px;
  color: #fff;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 13px; font-weight: 700;
  padding: 9px 18px; cursor: pointer;
  transition: opacity .15s;
}
.confirm-ok-btn:hover { opacity: .88; }