/* =============================================================================
   Kabinet (login.html) — admin və pedaqoji heyət üçün "Oxford" mövzusu: tünd navy yan panel, cyan vurğu,
   soyuq mavi-boz fon, qruplu (yığılıb-açılan) menyu və "Ümumi baxış" kartları. Görünüş kitabxanaçı kabineti ilə
   (css/library.css) eynidir.

   YALNIZ #dashboardPanel.cab-oxford daxilində işləyir: sinfi JS qoyur (js/auth.js#showDashboard) — müəllim və
   şagird kabineti dəyişmir. Rəngləri dəyişmək üçün aşağıdakı --cab-* dəyişənləri kifayətdir.
   ============================================================================= */

/* Səhifənin arxa fonu: giriş ekranının ornament naxışı yalnız giriş kartının arxasındadır. */
main.login-bg.cab-page { background: #eef2f8; }
main.login-bg.cab-page > .login-ornament { display: none; }

.cab-oxford {
  --cab-sidebar: #00223f;
  --cab-sidebar-text: #b9c7d6;
  --cab-sidebar-muted: #7f9ab5;
  --cab-sidebar-hover: rgba(255, 255, 255, 0.07);
  --cab-sidebar-line: rgba(255, 255, 255, 0.12);
  --cab-sidebar-active: rgba(38, 210, 255, 0.16);
  --cab-sidebar-active-text: #8fe6ff;
  --cab-accent: #26d2ff;
  --cab-accent-strong: #0a7ea4; /* ağ fonda ikon/mətn üçün oxunaqlı cyan */

  /* style.css qaydaları bu dəyişənləri oxuyur — kabinet soyuq mavi-boz tonlara keçir. */
  --bg: #f3f6fb;
  --bg-alt: #e8eef6;
  --line: #dbe3ee;
  --ink: #0d1b2a;
  --ink-soft: #586a7d;
}

/* ---------- Yan panel */
.cab-oxford .db-sidebar { background: var(--cab-sidebar); }
.cab-oxford .db-sidebar-brand span { color: #fff; }
.cab-oxford .db-nav { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.25) transparent; }
.cab-oxford .db-nav-item { color: var(--cab-sidebar-text); }
.cab-oxford .db-nav-item svg { color: var(--cab-sidebar-muted); }
.cab-oxford .db-nav-item:hover { background: var(--cab-sidebar-hover); color: #fff; }
.cab-oxford .db-nav-item:hover svg { color: #fff; }
.cab-oxford .db-nav-item.is-active {
  background: var(--cab-sidebar-active);
  color: var(--cab-sidebar-active-text);
  box-shadow: inset 3px 0 0 var(--cab-accent);
}
.cab-oxford .db-nav-item.is-active svg { color: var(--cab-sidebar-active-text); }
.cab-oxford .db-nav-item:focus-visible,
.cab-oxford .cab-nav-group-title:focus-visible { outline: 2px solid var(--cab-accent); outline-offset: -2px; }
.cab-oxford .db-sidebar-footer { border-top-color: var(--cab-sidebar-line); }
.cab-oxford .db-nav-item--logout,
.cab-oxford .db-nav-item--logout svg { color: #ff9f97; }
.cab-oxford .db-nav-item--logout:hover { background: rgba(255, 130, 120, 0.14); color: #ffc2bd; }
.cab-oxford .db-nav-item--logout:hover svg { color: #ffc2bd; }
.cab-oxford .db-identity-text > span { color: #fff; }
.cab-oxford .role-pill { background: var(--cab-sidebar-active); color: var(--cab-sidebar-active-text); }
.cab-oxford .title-pill { color: var(--cab-sidebar-muted); }
.cab-oxford .dashboard-avatar { border-color: var(--cab-sidebar-line); }

/* ---------- Məzmun */
.cab-oxford .db-card { box-shadow: 0 8px 28px -18px rgba(0, 34, 63, 0.35); }
.cab-oxford .db-main-header h1 { color: var(--navy); }
.db-search[hidden] { display: none; }

/* ---------- Menyu qrupları (Sayt məzmunu / İdarəetmə / Keçidlər / Şəxsi): başlığa basanda yığılıb-açılır.
   Kabinet mövzusu olmayanda (müəllim, şagird) və dar ekranda (menyu üfüqi sıradır) qruplar "görünməzdir":
   bəndlər əvvəlki kimi düz siyahıdadır. */
.cab-nav-group,
.cab-nav-group-items { display: contents; }
.cab-nav-group[hidden] { display: none; }
.cab-nav-group-title { display: none; }

.cab-oxford .cab-nav-group,
.cab-oxford .cab-nav-group-items {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.cab-oxford .cab-nav-group[hidden] { display: none; }
.cab-oxford .cab-nav-group[data-nav-group="personal"] { order: 10; }
.cab-oxford .cab-nav-group-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.4rem;
  padding: 0.4rem 0.8rem;
  border: none;
  border-radius: 0.6rem;
  background: transparent;
  color: var(--cab-sidebar-muted);
  font-family: var(--font-body);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
}
.cab-oxford .cab-nav-group-title:hover { color: #fff; background: var(--cab-sidebar-hover); }
.cab-oxford .cab-nav-group-title svg {
  width: 14px;
  height: 14px;
  margin-left: auto;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.cab-oxford .cab-nav-group.is-collapsed .cab-nav-group-title svg { transform: rotate(-90deg); }
.cab-oxford .cab-nav-group.is-collapsed .cab-nav-group-items { display: none; }
.cab-oxford .db-nav-item { padding-top: 0.6rem; padding-bottom: 0.6rem; }
/* Alt-bölmələr (məs. Davamiyyət → Bugünkü vəziyyət / Gündəlik qeyd / Aylıq xülasə): tünd paneldə ağac xətti və
   yüngül aktiv vəziyyət (yalnız cyan mətn) — valideyn bəndin güclü vurğusu ilə yarışmasın. */
.cab-oxford .db-nav-sub { border-left-color: var(--cab-sidebar-line); }
.cab-oxford .db-nav-sub .db-nav-item { padding-top: 0.45rem; padding-bottom: 0.45rem; }
.cab-oxford .db-nav-sub .db-nav-item.is-active {
  background: transparent;
  box-shadow: none;
  color: var(--cab-sidebar-active-text);
  font-weight: 600;
}

@media (max-width: 900px) {
  .cab-oxford .cab-nav-group,
  .cab-oxford .cab-nav-group-items,
  .cab-oxford .cab-nav-group.is-collapsed .cab-nav-group-items { display: contents; }
  .cab-oxford .cab-nav-group[hidden] { display: none; }
  .cab-oxford .cab-nav-group-title { display: none; }
}

/* ---------- "Ümumi baxış": sürətli əməliyyatlar, diqqət tələb edənlər, ümumi say kartları */
.cab-quick-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 0.9rem;
  margin: 1rem 0 1.75rem;
}
.cab-quick {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 1rem 1.15rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  color: var(--navy);
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.cab-quick:hover { border-color: var(--navy); box-shadow: 0 8px 18px -12px rgba(0, 34, 63, 0.55); transform: translateY(-1px); }
.cab-quick[hidden] { display: none; }
.cab-quick svg { width: 28px; height: 28px; flex-shrink: 0; color: var(--cab-accent-strong); }
.cab-quick-text { display: flex; flex-direction: column; gap: 0.1rem; }
.cab-quick-text strong { font-family: var(--font-display); font-size: 1.05rem; }
.cab-quick-text small { font-size: 0.78rem; color: var(--ink-soft); }
.cab-quick--primary { background: var(--navy); border-color: var(--navy); color: #fff; }
.cab-quick--primary svg { color: var(--cab-accent); }
.cab-quick--primary .cab-quick-text small { color: rgba(255, 255, 255, 0.75); }
.cab-quick--primary:hover { background: var(--navy-deep); }

.cab-attention {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 0.9rem;
  margin: 0.75rem 0 1.75rem;
}
.cab-attention-clear { grid-column: 1 / -1; margin: 0; font-size: 0.9rem; color: var(--ink-soft); }
.cab-attn {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 1rem 0.9rem 1rem 1.2rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--bg);
  color: inherit;
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}
.cab-attn::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.85rem;
  bottom: 0.85rem;
  width: 4px;
  border-radius: 0 4px 4px 0;
  background: var(--line);
}
.cab-attn:hover { border-color: var(--navy); box-shadow: 0 6px 16px -10px rgba(0, 34, 63, 0.45); }
.cab-attn-value { font-family: var(--font-display); font-size: 2.1rem; font-weight: 700; color: var(--navy); line-height: 1.1; }
.cab-attn-label { font-size: 0.88rem; font-weight: 600; color: var(--ink); }
.cab-attn-sub { font-size: 0.75rem; color: var(--ink-soft); }
.cab-attn--danger { border-color: rgba(226, 75, 74, 0.45); background: rgba(226, 75, 74, 0.07); }
.cab-attn--danger::before { background: #e24b4a; }
.cab-attn--danger .cab-attn-value { color: #a32d2d; }
.cab-attn--warn { border-color: rgba(255, 180, 84, 0.6); background: rgba(255, 180, 84, 0.12); }
.cab-attn--warn::before { background: #f0a030; }
.cab-attn--warn .cab-attn-value { color: #8a5200; }
.cab-attn--idle { opacity: 0.6; }
.cab-attn--idle:hover { opacity: 1; }

.cab-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 0.9rem;
  margin: 0.75rem 0 1.25rem;
}
.cab-stat {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 1rem 1.1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--bg);
  color: inherit;
  font: inherit;
  text-align: left;
  text-decoration: none;
}
button.cab-stat,
a.cab-stat { cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease; }
button.cab-stat:hover,
a.cab-stat:hover { border-color: var(--navy); box-shadow: 0 6px 16px -10px rgba(0, 34, 63, 0.45); }
.cab-stat-label { font-size: 0.8rem; color: var(--ink-soft); }
.cab-stat-value { font-family: var(--font-display); font-size: 1.7rem; font-weight: 700; color: var(--navy); line-height: 1.15; }
.cab-stat-sub { font-size: 0.75rem; color: var(--ink-soft); }
/* Rəngli yekun kartları (məs. inventar: qoşulan/anbarda/yararsız) — rənglər .attendance-pill ilə eynidir. */
.cab-stat--good .cab-stat-value { color: #1a7a4c; }
.cab-stat--warn .cab-stat-value { color: #8a5200; }
.cab-stat--bad .cab-stat-value { color: #a32d2d; }

.cab-quick:focus-visible,
.cab-attn:focus-visible,
.cab-stat:focus-visible { outline: 2px solid var(--cab-accent); outline-offset: 2px; }

/* ---------- "Hesab məlumatları": profil başlığı (bax css/library.css .library-profile-*-un EYNİsi) */
.cab-profile-head { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem; }
.cab-profile-avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--line);
  background: #fff;
  flex: 0 0 auto;
}
.cab-profile-avatar--initial {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--navy);
  background: rgba(0, 34, 63, 0.08);
}
.cab-profile-avatar[hidden] { display: none; }
.cab-profile-meta { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
.cab-profile-meta strong { font-family: var(--font-display); font-size: 1.1rem; }
.cab-profile-meta span { font-size: 0.85em; color: var(--ink-soft); }