/* ═══════════════════════════════════════════════
   PatoMed — Dark mode + shared components
   ═══════════════════════════════════════════════ */

/* :root[data-theme="dark"] — specificity (0,2,0), har qanday sahifaning
   :root (0,1,0) dan yuqori, shuning uchun dark mode har doim g'olib keladi */
:root[data-theme="dark"]{
  --p:#a78bfa;--p2:#8b5cf6;--p3:#7c3aed;
  --a:#fbbf24;--a2:#f59e0b;
  --bg:#0d0a1a;--card:#161028;--border:#2a1f4e;
  --text:#e2d9f3;--muted:#9d8ec0;--sub:#6b5b95;
  --sh:0 4px 24px rgba(0,0,0,.5);
  --r:14px;
  color-scheme:dark;
}
[data-theme="dark"] body{background:var(--bg);color:var(--text)}
[data-theme="dark"] nav{background:rgba(13,10,26,.96)!important;border-bottom-color:var(--border)!important}
[data-theme="dark"] .mob-menu{background:#0d0a1a!important;border-top-color:var(--border)!important}
[data-theme="dark"] .mob-nl{color:var(--text)!important}
[data-theme="dark"] .mob-nl:hover,[data-theme="dark"] .mob-nl.act{background:#1e1340!important;color:var(--p)!important}

/* White surfaces → dark card */
[data-theme="dark"] .card,
[data-theme="dark"] .info-card,
[data-theme="dark"] .question-block,
[data-theme="dark"] .answer-block,
[data-theme="dark"] .score-card,
[data-theme="dark"] .stats-section,
[data-theme="dark"] .stat-pill,
[data-theme="dark"] .test-pick,
[data-theme="dark"] .case-card,
[data-theme="dark"] .row,
[data-theme="dark"] .settings-card,
[data-theme="dark"] .sec-group,
[data-theme="dark"] .video-row,
[data-theme="dark"] .question-card,
[data-theme="dark"] .result-card,
[data-theme="dark"] .note-card,
[data-theme="dark"] .book-card,
[data-theme="dark"] .book-info,
[data-theme="dark"] .section-block{
  background:var(--card)!important;border-color:var(--border)!important;
}
[data-theme="dark"] .book-actions,
[data-theme="dark"] .pdf-box{background:var(--card)!important;border-color:var(--border)!important}
[data-theme="dark"] .sec-group-head:hover{background:#1e1340!important}

/* Inputs */
[data-theme="dark"] input:not([type=radio]):not([type=checkbox]),
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] .answer-textarea{
  background:#1e1340!important;border-color:var(--border)!important;color:var(--text)!important
}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#6b5b95!important}

/* Buttons */
[data-theme="dark"] .back-btn,
[data-theme="dark"] .btn-list,
[data-theme="dark"] .btn-o,
[data-theme="dark"] .filter-btn,
[data-theme="dark"] .btn-back-res,
[data-theme="dark"] .chip,
[data-theme="dark"] .dl-btn{
  background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important
}
[data-theme="dark"] .back-btn:hover,
[data-theme="dark"] .btn-list:hover,
[data-theme="dark"] .filter-btn:hover,
[data-theme="dark"] .filter-btn.active{border-color:var(--p)!important;color:var(--p)!important}
[data-theme="dark"] .filter-btn.active{background:var(--p)!important;color:#fff!important}

/* Quiz options */
[data-theme="dark"] .opt{background:var(--card)!important;border-color:var(--border)!important}
[data-theme="dark"] .opt:hover:not(.locked){background:#1e1340!important;border-color:var(--p)!important}
[data-theme="dark"] .opt-letter{background:#1e1340!important;border-color:var(--border)!important}

/* Tags */
[data-theme="dark"] .tag-chip{background:#1e1340!important}
[data-theme="dark"] .nl:hover,[data-theme="dark"] .nl.act{background:#1e1340!important}

/* Progress/stats */
[data-theme="dark"] .progress-bar,
[data-theme="dark"] .stat-bar{background:#1e1340!important}
[data-theme="dark"] .stat-card,
[data-theme="dark"] .dash-card{background:#1e1340!important;border-color:var(--border)!important}

/* Modal */
[data-theme="dark"] .modal{background:var(--card)!important}
[data-theme="dark"] .modal-head,
[data-theme="dark"] .modal-foot{background:var(--card)!important;border-color:var(--border)!important}
[data-theme="dark"] .modal-bg{background:rgba(0,0,0,.78)!important}

/* Admin */
[data-theme="dark"] .topbar{background:var(--card)!important;border-bottom-color:var(--border)!important}
[data-theme="dark"] .q-editor{background:#1e1340!important;border-color:var(--border)!important}
[data-theme="dark"] .upload-zone{background:#1e1340!important;border-color:#3d2a7a!important}
[data-theme="dark"] .opt-row input[type=text]{background:#1e1340!important;border-color:var(--border)!important;color:var(--text)!important}

/* Flashcards */
[data-theme="dark"] .fc-front,
[data-theme="dark"] .fc-back{background:var(--card)!important;border-color:var(--border)!important}
[data-theme="dark"] .fc-category-btn{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}
[data-theme="dark"] .fc-progress-bar{background:#1e1340!important}

/* Stats */
[data-theme="dark"] .stat-topic-card{background:var(--card)!important;border-color:var(--border)!important}

/* ── QO'SHIMCHA ELEMENT QOPLAMALAR ───────────────────────── */

/* Footer */
[data-theme="dark"] footer{background:#060212!important;color:rgba(255,255,255,.45)!important}

/* Umumiy oq kartochkalar */
[data-theme="dark"] .sec-card,
[data-theme="dark"] .topic-card,
[data-theme="dark"] .taplink-card,
[data-theme="dark"] .book-card,
[data-theme="dark"] .book-btns,
[data-theme="dark"] .meta-chip,
[data-theme="dark"] .no-pdf,
[data-theme="dark"] .fc-progress-wrap,
[data-theme="dark"] .fc-stat-pill,
[data-theme="dark"] .ov-card,
[data-theme="dark"] .stat-section{
  background:var(--card)!important;border-color:var(--border)!important;
}

/* Matn ranglari */
[data-theme="dark"] .sc-name,
[data-theme="dark"] .tc-name,
[data-theme="dark"] .book-name,
[data-theme="dark"] .book-type{color:var(--text)!important}
[data-theme="dark"] .sc-desc,
[data-theme="dark"] .tc-desc,
[data-theme="dark"] .book-desc,
[data-theme="dark"] .meta-chip{color:var(--muted)!important}

/* Kalkulyator */
[data-theme="dark"] .calc-card,
[data-theme="dark"] .result-box,
[data-theme="dark"] .formula-info{background:var(--card)!important;border-color:var(--border)!important}
[data-theme="dark"] .calc-card label,
[data-theme="dark"] .formula-text{color:var(--muted)!important}
[data-theme="dark"] .calc-card input{background:#1e1340!important;border-color:var(--border)!important;color:var(--text)!important}
[data-theme="dark"] .calc-title{color:var(--text)!important}
[data-theme="dark"] .calc-subtitle{color:var(--muted)!important}
[data-theme="dark"] .cat-tabs{background:#1e1340!important;border-color:var(--border)!important}

/* Flashcard progress va natija */
[data-theme="dark"] .fc-progress-fill{opacity:.9}
[data-theme="dark"] .fc-result{background:transparent}
[data-theme="dark"] .fc-word{color:var(--text)!important}
[data-theme="dark"] .fc-definition{color:var(--text)!important}
[data-theme="dark"] .fc-hint{color:var(--muted)!important}
[data-theme="dark"] .fc-btn-prev{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}

/* Test natijalari */
[data-theme="dark"] .other-tests{border-top-color:var(--border)!important}
[data-theme="dark"] .result-label{color:var(--muted)!important}

/* Wrap fon */
[data-theme="dark"] .wrap,
[data-theme="dark"] .main-wrap{background:transparent}

/* Qidiruv natijalar */
[data-theme="dark"] .search-result-item:last-child{border-bottom:none}
[data-theme="dark"] .sr-desc{color:var(--muted)}

/* ── BREND: CAMU Patologiya ─────────────────────────────── */
.brand-name{display:flex!important;flex-direction:column!important;line-height:1.15!important;gap:1px!important}
.brand-camu{color:#1060AC!important;font-size:16px!important;font-weight:900!important}
.brand-pato{color:#fbbf24!important;font-size:11px!important;font-weight:600!important;letter-spacing:.4px!important}
.fb .brand-camu,.footer-brand .brand-camu{color:#1060AC!important}
.fb .brand-pato,.footer-brand .brand-pato{color:#fbbf24!important}
/* Footer uchun brand-name ustma-ust emas — inline */
.fb .brand-name,.footer-brand .brand-name{flex-direction:row!important;gap:4px!important;align-items:baseline!important}

/* ── DARK NAV — CAMU Patologiya ─────────────────────────── */
nav{background:#160a2e!important;border-bottom:1px solid #2d1a5e!important}
nav .brand-name{color:#ddd6fe!important}
nav .brand-name .brand-camu{color:#1060AC!important}
nav .brand-name .brand-pato{color:#fbbf24!important}
nav .nl{color:rgba(255,255,255,.55)!important}
nav .nl:hover,nav .nl.act{background:rgba(124,58,237,.25)!important;color:#c4b5fd!important;font-weight:600!important}
nav .ham{color:rgba(255,255,255,.7)!important}
.mob-menu{background:#0f0620!important;border-top-color:#2d1a5e!important}
.mob-nl{color:rgba(255,255,255,.7)!important}
.mob-nl:hover,.mob-nl.act{background:rgba(124,58,237,.2)!important;color:#c4b5fd!important}
[data-theme="dark"] nav{background:#060212!important;border-bottom-color:#1a0f30!important}
[data-theme="dark"] .mob-menu{background:#060212!important}

/* ── NAV RIGHT ───────────────────────────────────────────── */
.nav-right{display:flex;align-items:center;gap:8px}

/* ── THEME TOGGLE BUTTON ──────────────────────────────── */
.theme-btn{
  background:none;border:1.5px solid var(--border);border-radius:100px;
  width:36px;height:36px;font-size:17px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:.2s;flex-shrink:0;line-height:1;
}
.theme-btn{border-color:rgba(255,255,255,.25)!important;color:rgba(255,255,255,.7)!important}
.theme-btn:hover{border-color:rgba(255,255,255,.5)!important;background:rgba(255,255,255,.1)!important}
[data-theme="dark"] .theme-btn{border-color:rgba(255,255,255,.2)!important}
/* Search button */
.search-btn{background:none;border:1.5px solid rgba(255,255,255,.25);border-radius:100px;
  padding:5px 14px;font-size:13px;cursor:pointer;color:rgba(255,255,255,.6);
  font-family:inherit;display:flex;align-items:center;gap:6px;transition:.2s;white-space:nowrap}
.search-btn:hover{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.08)}
/* Search modal */
.search-modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:500;
  align-items:flex-start;justify-content:center;padding:80px 16px;backdrop-filter:blur(6px)}
.search-modal-bg.open{display:flex}
.search-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.3)}
.search-modal-input{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;gap:12px}
.search-modal-input input{flex:1;border:none;outline:none;font-size:16px;font-family:inherit;color:#111827;background:none}
.search-modal-input input::placeholder{color:#9ca3af}
.search-close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280;line-height:1}
.search-results{max-height:400px;overflow-y:auto}
.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:.15s;text-decoration:none}
.search-result-item:hover{background:#f9fafb}
.search-result-item:last-child{border-bottom:none}
.sr-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.sr-icon.video{background:#ede9fe}
.sr-icon.note{background:#d1fae5}
.sr-icon.test{background:#fef3c7}
.sr-icon.flashcard{background:#dbeafe}
.sr-info{flex:1;min-width:0}
.sr-title{font-size:14px;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-desc{font-size:12px;color:#6b7280;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-type{font-size:11px;font-weight:600;padding:2px 8px;border-radius:100px;flex-shrink:0}
.sr-type.video{background:#ede9fe;color:#6d28d9}
.sr-type.note{background:#d1fae5;color:#065f46}
.sr-type.test{background:#fef3c7;color:#92400e}
.sr-type.flashcard{background:#dbeafe;color:#1d4ed8}
.search-empty{padding:32px 20px;text-align:center;color:#9ca3af;font-size:14px}
[data-theme="dark"] .search-modal{background:#161028}
[data-theme="dark"] .search-modal-input{border-bottom-color:#2a1f4e}
[data-theme="dark"] .search-modal-input input{color:#e2d9f3}
[data-theme="dark"] .search-result-item{border-bottom-color:#1e1340}
[data-theme="dark"] .search-result-item:hover{background:#1e1340}
[data-theme="dark"] .sr-title{color:#e2d9f3}