/**
 * Тема кабинетов пациента и врача — теплее и дружелюбнее строгой
 * админ-темы (style.css), но использует те же классы (.card, .btn,
 * .sidebar и т.д.), поэтому подключается ДОПОЛНИТЕЛЬНО поверх style.css
 * и просто переопределяет переменные и часть визуала. Разметка страниц
 * не меняется — меняется только внешний вид.
 */

:root {
  --bg: #f5f7fb;
  --panel: #ffffff;
  --border: #e6e9f2;
  --primary: #3d7dfa;
  --primary-dark: #2c63d6;
  --radius: 14px;
}

body { font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; }

.sidebar {
  background: linear-gradient(180deg, #1c2b52, #24356b);
}
.sidebar .brand { font-size: 19px; }
.sidebar nav a { border-radius: 0 20px 20px 0; margin-right: 12px; }
.sidebar nav a.active { background: rgba(255,255,255,0.14); }

.topbar { border-bottom: none; box-shadow: 0 1px 0 var(--border); }

.card {
  border-radius: var(--radius);
  box-shadow: 0 1px 3px rgba(20, 30, 60, 0.04);
}
.card h2 { color: #1c2b52; }

.btn { border-radius: 10px; font-weight: 500; }
.btn-primary { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); border-color: transparent; }

.grid-stats .stat-tile { border-radius: var(--radius); }
.stat-tile .value { color: var(--primary-dark); }

table th { color: #8891a8; }

.chat-thread { background: #f7f9fd; border-radius: var(--radius); }
.chat-msg .bubble { border-radius: 14px; }

.login-wrap { background: linear-gradient(135deg, #1c2b52, #3d7dfa); }
.login-box { border-radius: 20px; }