/* ===== UI апгрейд (совместим с Bootstrap 4.6) ===== */
:root{
  --bg:#f6f8fb;
  --card:#ffffff;
  --muted:#6c757d;
  --primary-50:#e9f2ff;
  --primary-100:#d6e8ff;
  --primary-600:#1463ff;
  --success-50:#e9f8ef;
  --danger-50:#fdebed;
}

html,body{height:100%;}
body{background:var(--bg);}

/* Навбар */
.navbar{ box-shadow:0 2px 10px rgba(18,38,63,.08); }
.navbar .dropdown-menu{ min-width:240px; }

/* Контейнер шире на десктопе */
.container{ max-width:1200px; }

/* Карточки, секции */
.card{ border:0; border-radius:.75rem; box-shadow:0 10px 30px rgba(18,38,63,.06); }
.card + .card{ margin-top:1rem; }

/* Таблицы читаемые */
.table{ margin-bottom:0; }
.table thead th{ background:#f3f6fb; border-bottom:1px solid #e9eef7; font-weight:600; }
.table td,.table th{ vertical-align:middle !important; }
.table-hover tbody tr:hover{ background-color:#f9fbff; }
.table .small, .table small{ color:#6b7280; }

/* Пустые состояния */
.empty{
  padding:3rem 1rem; text-align:center; color:var(--muted);
}
.empty i{ font-size:2rem; display:block; margin-bottom:.5rem; opacity:.7; }

/* Мягкие бейджи */
.badge-soft{ border:1px solid transparent; padding:.35rem .55rem; border-radius:.5rem; font-weight:600; }
.badge-soft-primary{ background:var(--primary-50); color:#0b3db3; border-color:var(--primary-100); }
.badge-soft-success{ background:#eafaf1; color:#1b7f4d; border-color:#d4f0e0; }
.badge-soft-danger{ background:#fdeef0; color:#aa2536; border-color:#fbd6db; }
.badge-soft-secondary{ background:#eef1f5; color:#445063; border-color:#e3e8ef; }

/* Кнопки‑иконки */
.btn-icon{ display:inline-flex; align-items:center; }
.btn-icon i{ margin-right:.45rem; }

/* Тулбар над таблицей (если добавите фильтры) */
.table-toolbar{
  display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; justify-content:space-between;
  padding:.75rem .75rem 0 .75rem;
}
.input-search{ max-width:340px; }

/* Флеш‑алерты (с мягкой тенью и автозатуханием) */
.alert{ border:0; border-radius:.75rem; box-shadow:0 8px 24px rgba(18,38,63,.06); }
.alert.fade-out{ opacity:0; transition:opacity .4s ease; }

/* Аватар‑кружок в шапке */
.avatar-circle{
  width:32px; height:32px; border-radius:50%;
  background:rgba(255,255,255,.25);
  display:flex; align-items:center; justify-content:center;
  font-weight:700; color:#fff; font-size:.8rem;
}

/* Бейдж на колокольчике */
.notif-badge{
  position:absolute; top:-6px; right:-6px; border-radius:999px;
  padding:2px 6px; font-size:.7rem; background:#dc3545; color:#fff;
}

/* Подписи под инпутами */
.form-text{ color:var(--muted); }

/* Утилиты */
.text-light-50{ opacity:.8; color:#e6efff; }
.text-muted-70{ color:rgba(0,0,0,.6); }

/* Футер на белом фоне */
.footer{ background:#fff; }

/* Моб. правки */
@media (max-width:576px){
  .table-toolbar{ flex-direction:column; align-items:stretch; }
  .input-search{ max-width:100%; }
}