/* =====================================================================
   Innova brend ranglari (data/innova-brand-v2): asosiy rang — to'q ko'k #0C3460.
   app.css va admin.css dan KEYIN yuklanadi va faqat ranglarni almashtiradi.

   To'q ko'k — tugmalar, urg'ular, tanlangan javob va jarayon chizig'i. Xato/to'g'ri ranglari (qizil/yashil)
   alohida qoladi, shuning uchun tanlov "xato" bilan adashtirilmaydi.
   Qorong'i rejimda belgi oq, urg'u — och ko'k (#6EA8FF): to'q fonda o'qiladi.
   ===================================================================== */

:root {
    --brand: #0c3460;
    --brand-ink: #0c3460;       /* logo yonidagi nom */
    --text: #0f1b2d;
    --muted: #5d697b;
    --line: #e3e8ef;
    --line-strong: #c8d1dd;
    --surface: #f4f7fb;
    --accent: #0c3460;
    --accent-hover: #082647;
    --accent-ink: #ffffff;
    --accent-soft: #e7eef8;
    --marker: #d3e2f4;
    --marker-soft: rgba(12, 52, 96, .08);
    --marker-hover: #bcd3ee;
    --select: #0c3460;
    --select-ink: #ffffff;

    /* admin.css: Bootstrap */
    --bs-primary-rgb: 12, 52, 96;
    --bs-link-color-rgb: 12, 52, 96;
    --bs-link-hover-color-rgb: 8, 38, 71;
}

/* Qorong'i rejim — o'quvchi ilovasi, sayt va admin panel. */
@media (prefers-color-scheme: dark) {
    :root:not([data-color-scheme="light"]) {
        --brand-ink: #ffffff;
        --bg: #0b1320;
        --text: #e8eef7;
        --muted: #93a1b5;
        --line: #1f2a3b;
        --line-strong: #2d3b51;
        --surface: #121c2c;
        --accent: #6ea8ff;
        --accent-hover: #8dbbff;
        --accent-ink: #06142b;
        --accent-soft: rgba(110, 168, 255, .14);
        --marker: rgba(110, 168, 255, .30);
        --marker-soft: rgba(110, 168, 255, .12);
        --select: #e8eef7;
        --select-ink: #0b1320;
        --bs-primary-rgb: 110, 168, 255;
        --bs-link-color-rgb: 110, 168, 255;
    }
}

:root[data-color-scheme="dark"] {
    --brand-ink: #ffffff;
    --bg: #0b1320;
    --text: #e8eef7;
    --muted: #93a1b5;
    --line: #1f2a3b;
    --line-strong: #2d3b51;
    --surface: #121c2c;
    --accent: #6ea8ff;
    --accent-hover: #8dbbff;
    --accent-ink: #06142b;
    --accent-soft: rgba(110, 168, 255, .14);
    --marker: rgba(110, 168, 255, .30);
    --marker-soft: rgba(110, 168, 255, .12);
    --select: #e8eef7;
    --select-ink: #0b1320;
    --bs-primary-rgb: 110, 168, 255;
    --bs-link-color-rgb: 110, 168, 255;
}

/* ---------- logo: joyiga qarab o'lcham ---------- */
.admin-brand .brand-logo { --logo-h: 28px; }
.landing-logo .brand-word { display: none; }   /* katta belgi ostida markaz nomi alohida yozilgan */
.brand-word { max-width: 46vw; overflow: hidden; text-overflow: ellipsis; }

/* ---------- bosh admin: to'q ko'k ---------- */
.avatar-super, .role-pill.role-superadmin, .stat-icon-dark { background: #0c3460; color: #ffffff; }
.profile-hero-super { background: linear-gradient(135deg, #0c3460 0%, #174a85 100%); }
.profile-hero-super .role-pill.role-superadmin { background: #ffffff; color: #0c3460; }
/* ---------- tanlov va jarayon — to'q rang ---------- */

.opt[aria-pressed="true"],
.nav-cell.answered,
.key-opt[aria-pressed="true"] { background: var(--select); border-color: var(--select); color: var(--select-ink); }

.opt:hover,
.nav-cell:hover,
.key-opt:hover:not(:disabled) { border-color: var(--select); color: var(--select); }

.progress-bar-fill { background: var(--select); }

.sparkline polyline { stroke: var(--select); }
.sparkline .spark-area, .sparkline .spark-dot { fill: var(--select); }

/* ---------- admin: matnga kiritilgan SVG'lar ---------- */

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230C3460'/%3e%3c/svg%3e");
}
.drop-zone::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C3460' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M12 15.5V4M7.5 8.5 12 4l4.5 4.5M4.5 15v3a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2v-3'/%3e%3c/svg%3e");
}
@media (prefers-color-scheme: dark) {
    :root:not([data-color-scheme="light"]) .drop-zone::before {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236EA8FF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M12 15.5V4M7.5 8.5 12 4l4.5 4.5M4.5 15v3a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2v-3'/%3e%3c/svg%3e");
    }
}
:root[data-color-scheme="dark"] .drop-zone::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236EA8FF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M12 15.5V4M7.5 8.5 12 4l4.5 4.5M4.5 15v3a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2v-3'/%3e%3c/svg%3e");
}