/* =====================================================================
   Nano Clinic · тема оформления (надстройка над admin.css)
   =====================================================================
   Подключается ПОСЛЕ admin.css (и doctor.css) на всех страницах кабинетов.
   Меняет палитру и характер интерфейса, не трогая разметку:
     - акцент: глубокий бирюзовый (клиника подологии, спокойный «spa»-тон)
     - заголовки страниц: антиква Playfair Display в пару к логотипу NC
     - кнопки, активные пункты меню, фокус полей, шапки таблиц — в акценте
     - фон: тёплая мята с мягкими бликами
   Всё через токены и точечные переопределения, чтобы не ломать страницы.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap');

:root {
  --bg-1: #e3f1ec;
  --bg-2: #d5ebe2;
  --bg-3: #eef7f3;
  --bg-4: #fafdfb;

  --ink:   #14213a;
  --ink-2: #33405f;
  --ink-3: #66708f;
  --ink-4: #98a0ba;

  --accent:      #0f766e;
  --accent-2:    #0b5f59;
  --accent-soft: rgba(15, 118, 110, 0.12);
  --success:     #1f8f6b;
  --warn:        #c7923a;
  --danger:      #c2473c;

  --hover:  rgba(15, 118, 110, 0.07);
  --border: rgba(20, 33, 58, 0.10);
}

/* фоновые блики — чуть теплее и спокойнее */
.orb-1 { background: #8fe3df !important; opacity: .38 !important; }
.orb-2 { background: #9fdcb8 !important; opacity: .22 !important; }
.orb-3 { background: #35b8ad !important; opacity: .16 !important; }

/* ── заголовки ───────────────────────────────────────────────────────── */
.page-title,
.login-title,
.pp-h1 {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.page-title { font-size: 30px; line-height: 1.15; }
.modal__title { letter-spacing: -0.015em; }

/* ── кнопки ──────────────────────────────────────────────────────────── */
.btn-primary {
  background: linear-gradient(135deg, #14968c 0%, var(--accent) 55%, var(--accent-2) 100%);
  color: #fff;
  box-shadow:
    0 1px 2px  rgba(11, 95, 89, .25),
    0 8px 20px rgba(15, 118, 110, .30),
    inset 0 1px 0 rgba(255,255,255,.18);
}
.btn-primary:hover {
  box-shadow:
    0 2px 4px   rgba(11, 95, 89, .28),
    0 12px 28px rgba(15, 118, 110, .40),
    inset 0 1px 0 rgba(255,255,255,.22);
}
.btn-secondary { border-color: rgba(15, 118, 110, .18); }
.btn-secondary:hover { border-color: rgba(15, 118, 110, .35); color: var(--accent-2); }
.btn-ghost:hover { color: var(--accent-2); }

/* ── поля ────────────────────────────────────────────────────────────── */
.input:focus, select.input:focus, textarea.input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px var(--accent-soft);
}
.label { color: var(--ink-2); font-weight: 600; letter-spacing: 0; }

/* ── сайдбар ─────────────────────────────────────────────────────────── */
.sidebar {
  --sb-active-bg: #ffffff;
  --sb-active-text: var(--accent-2);
  background:
    linear-gradient(180deg, rgba(228, 246, 241, 0.94) 0%, rgba(236, 243, 247, 0.92) 100%);
}
.sidebar__link:hover,
.sidebar__link.is-active {
  color: var(--accent-2);
  background: rgba(255, 255, 255, 0.86);
  border-color: rgba(15, 118, 110, 0.22);
  box-shadow: 0 8px 22px rgba(15, 118, 110, 0.12);
}
.sidebar__link.is-active .sidebar__icon,
.sidebar__link:hover .sidebar__icon { color: var(--accent); }
.sidebar__link.is-active::after { background: var(--accent); }
.sidebar__user-avatar,
.sidebar__avatar {
  background: linear-gradient(135deg, #14968c, var(--accent-2)) !important;
  color: #fff !important;
}

/* мини-календарь: сегодня и выбранный день */
.minical__day--today { border-color: var(--accent) !important; color: var(--accent-2) !important; }
.minical__day--selected {
  background: var(--accent) !important; color: #fff !important; border-color: var(--accent) !important;
}

/* ── карточки / таблицы / бейджи ─────────────────────────────────────── */
.card { border-color: rgba(255,255,255,0.85); }
.card__title { letter-spacing: -0.015em; }
.table th {
  color: var(--accent-2);
  background: rgba(15, 118, 110, 0.05);
  font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase;
}
.table tbody tr:hover td { background: rgba(15, 118, 110, 0.04); }
.pill--info, .badge--info { background: var(--accent-soft); color: var(--accent-2); }
.notice--info { background: var(--accent-soft); color: var(--accent-2); border-color: rgba(15,118,110,.25); }
a { color: var(--accent-2); }

/* ── кабинет врача ───────────────────────────────────────────────────── */
.dca:hover { border-color: rgba(15, 118, 110, .25); }
.dr-rec__mine-tag { background: var(--accent-soft); color: var(--accent-2); }
.dr-section-title { letter-spacing: -0.015em; }
.dr-rec__label { color: var(--accent-2); opacity: .75; }

/* ── вход ────────────────────────────────────────────────────────────── */
.auth-card { border-color: rgba(255,255,255,0.9); }
.auth-card .page-subtitle {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 18px; color: var(--accent-2); letter-spacing: 0;
}

/* логотип в сайдбаре: сайдбар светлый, инверсия под тёмный фон больше не нужна */
.sidebar .sidebar__logo { filter: none; opacity: 1; }