/* ==========================================================
   HAREKET + KARANLIK MOD — en son yüklenir
   ========================================================== */

/* ----------------------------------------------------------
   1. SAYFA YÜKLEME ÇUBUĞU
   ---------------------------------------------------------- */

.pageload {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0;
    z-index: 9999;
    background: var(--grad-brand);
    box-shadow: 0 0 12px rgba(139, 92, 246, .7);
    opacity: 0;
    transition: width var(--dur-3) var(--ease-soft), opacity var(--dur-2) linear;
    pointer-events: none;
}

.pageload.is-on {
    opacity: 1;
}

/* ----------------------------------------------------------
   2. SCROLL İLE BELİRME
   ---------------------------------------------------------- */

[data-reveal] {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 620ms var(--ease), transform 620ms var(--ease);
}

/* Animasyon bitince tasimayi tamamen kaldir — icindeki modallar bozulmasin */
[data-reveal].is-in {
    transform: none;
}

[data-reveal].is-in {
    opacity: 1;
    transform: none;
}

/* Kart ızgaralarında sırayla belirme */
[data-reveal-stagger] > * {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity 620ms var(--ease), transform 620ms var(--ease);
}

[data-reveal-stagger].is-in > * {
    opacity: 1;
    transform: none;
}

[data-reveal-stagger].is-in > *:nth-child(1) { transition-delay: 0ms; }
[data-reveal-stagger].is-in > *:nth-child(2) { transition-delay: 90ms; }
[data-reveal-stagger].is-in > *:nth-child(3) { transition-delay: 180ms; }
[data-reveal-stagger].is-in > *:nth-child(4) { transition-delay: 270ms; }
[data-reveal-stagger].is-in > *:nth-child(5) { transition-delay: 360ms; }
[data-reveal-stagger].is-in > *:nth-child(6) { transition-delay: 450ms; }
[data-reveal-stagger].is-in > *:nth-child(n+7) { transition-delay: 520ms; }

/* ----------------------------------------------------------
   3. YUKARI ÇIK BUTONU
   ---------------------------------------------------------- */

.to-top {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1032;
    width: 46px;
    height: 46px;
    border: none;
    border-radius: 50%;
    background: var(--grad-brand);
    color: #fff;
    font-size: .95rem;
    box-shadow: var(--sh-glow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(14px) scale(.9);
    transition: all var(--dur-2) var(--ease);
}

.to-top.is-on {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.to-top:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 40px rgba(122, 56, 238, .4);
}

/* Kronik sayfada sabit bilgi butonuyla çakışmasın */
body:has(.kr-float-info) .to-top {
    bottom: 82px;
}

/* ----------------------------------------------------------
   4. TEMA DÜĞMESİ
   ---------------------------------------------------------- */

.theme-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-right: .6rem;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: var(--r-full);
    background: rgba(255, 255, 255, .1);
    color: #fff;
    font-size: .9rem;
    backdrop-filter: blur(8px);
    transition: all var(--dur-2) var(--ease);
}

.theme-btn:hover {
    background: rgba(255, 255, 255, .22);
    transform: rotate(-18deg);
}

.theme-btn .fa-sun  { display: none; }
.theme-btn .fa-moon { display: inline; }

[data-theme="dark"] .theme-btn .fa-sun  { display: inline; }
[data-theme="dark"] .theme-btn .fa-moon { display: none; }

/* Panel içi tema düğmesi (koyu zemin değil) */
.theme-btn--light {
    border-color: var(--line);
    background: var(--surface);
    color: var(--text-soft);
}

.theme-btn--light:hover {
    background: var(--brand-50);
    color: var(--brand-600);
}

/* ----------------------------------------------------------
   5. İSKELET YÜKLEME (yavaş bağlantılarda)
   ---------------------------------------------------------- */

.skeleton {
    background: linear-gradient(90deg, var(--ink-100) 25%, var(--ink-200) 50%, var(--ink-100) 75%);
    background-size: 200% 100%;
    animation: skeletonSlide 1.4s ease-in-out infinite;
    border-radius: var(--r-sm);
}

@keyframes skeletonSlide {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ----------------------------------------------------------
   6. KARANLIK MOD
   ---------------------------------------------------------- */

[data-theme="dark"] {

    --canvas:      #0B111E;
    --canvas-alt:  #111927;
    --surface:     #151E30;
    --surface-alt: #1B2536;
    --line:        #2A3548;
    --line-soft:   #202B3D;
    --text:        #E3E9F2;
    --text-soft:   #AFBACB;
    --text-muted:  #8593A8;

    --ink-950: #060A13;
    --ink-900: #0E1523;
    --ink-800: #E3E9F2;
    --ink-700: #C9D3E1;
    --ink-600: #AFBACB;
    --ink-500: #8593A8;
    --ink-400: #6C7B92;
    --ink-300: #3A4761;
    --ink-200: #2A3548;
    --ink-100: #1E2839;
    --ink-50:  #172032;

    --ok-50:     #0F2B20;
    --warn-50:   #2E2312;
    --danger-50: #2E1418;
    --info-50:   #121F3A;

    --brand-50:  #191333;
    --brand-100: #221844;
    --brand-200: #33245F;

    --accent-50:  #2A1220;
    --accent-100: #3A182C;
    --accent-200: #52203E;

    --sh-xs: 0 1px 2px rgba(0, 0, 0, .35);
    --sh-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .3);
    --sh-md: 0 2px 6px rgba(0, 0, 0, .4), 0 12px 28px rgba(0, 0, 0, .38);
    --sh-lg: 0 4px 10px rgba(0, 0, 0, .4), 0 24px 56px rgba(0, 0, 0, .5);

    --grad-soft: linear-gradient(150deg, #191333 0%, #2A1220 100%);
    --grad-ink:  linear-gradient(135deg, #0E1523 0%, #1F2A3E 100%);

    color-scheme: dark;
}

[data-theme="dark"] body,
[data-theme="dark"] .adk-student-body,
[data-theme="dark"] .adk-admin-body,
[data-theme="dark"] .krp-body,
[data-theme="dark"] .shop-body,
[data-theme="dark"] .adk-lesson-body {
    background: var(--canvas);
    color: var(--text);
}

/* Bölüm zeminleri */
[data-theme="dark"] .adk-soft-bg::before {
    background:
        radial-gradient(circle at 12% 8%,  rgba(230, 55, 113, .14) 0%, transparent 42%),
        radial-gradient(circle at 88% 82%, rgba(122, 56, 238, .16) 0%, transparent 45%),
        var(--canvas-alt);
}

[data-theme="dark"] .kr-page {
    background: linear-gradient(180deg, var(--canvas) 0%, #150D1F 55%, #1A0F1C 100%);
}

[data-theme="dark"] .krp-side {
    background: linear-gradient(180deg, #1B1226 0%, #170F22 100%);
    border-right-color: var(--line-soft);
}

[data-theme="dark"] .adk-student-top {
    background: rgba(21, 30, 48, .84);
    border-bottom-color: var(--line-soft);
}

[data-theme="dark"] .adk-student-side {
    background: var(--surface);
    border-right-color: var(--line-soft);
}

/* Kartlar ve yüzeyler */
[data-theme="dark"] .adk-course-card,
[data-theme="dark"] .adk-expert-card,
[data-theme="dark"] .adk-class-card,
[data-theme="dark"] .adk-lesson-row,
[data-theme="dark"] .adk-admin-card,
[data-theme="dark"] .adk-form-card,
[data-theme="dark"] .adk-auth-card,
[data-theme="dark"] .adk-live-panel,
[data-theme="dark"] .adk-panel,
[data-theme="dark"] .shop-card,
[data-theme="dark"] .shop-panel,
[data-theme="dark"] .kr-calc,
[data-theme="dark"] .kr-hero,
[data-theme="dark"] .kr-product,
[data-theme="dark"] .krp-card,
[data-theme="dark"] .krp-fact,
[data-theme="dark"] .stk-panel,
[data-theme="dark"] .stk-item,
[data-theme="dark"] .stk-bubble__body,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .adk-dropdown {
    background: var(--surface);
    border-color: var(--line-soft);
}

[data-theme="dark"] .adk-admin-card__head,
[data-theme="dark"] .adk-live-panel__head,
[data-theme="dark"] .adk-table thead th,
[data-theme="dark"] .krp-table thead th {
    background: var(--surface-alt);
    border-bottom-color: var(--line-soft);
}

[data-theme="dark"] .adk-table tbody tr:hover,
[data-theme="dark"] .krp-table tbody tr:hover,
[data-theme="dark"] .kr-nutri__table tr:hover td,
[data-theme="dark"] .shop-cart-line:hover {
    background: var(--surface-alt);
}

[data-theme="dark"] .krp-table {
    background: var(--surface);
}

/* Başlık ve metinler */
[data-theme="dark"] .adk-section__title,
[data-theme="dark"] .shop-title,
[data-theme="dark"] .adk-course-card__body h3,
[data-theme="dark"] .adk-class-card__head h3,
[data-theme="dark"] .shop-card__body h3,
[data-theme="dark"] .adk-lesson-title,
[data-theme="dark"] .shop-panel__title,
[data-theme="dark"] .adk-step h4,
[data-theme="dark"] .stk-item__head strong,
[data-theme="dark"] .adk-lesson-row__text strong,
[data-theme="dark"] .krp-fact__value,
[data-theme="dark"] .adk-dl dd,
[data-theme="dark"] .modal-body,
[data-theme="dark"] .adk-student-top__brand {
    color: var(--text);
}

[data-theme="dark"] .adk-admin-card__head,
[data-theme="dark"] .krp-card__title,
[data-theme="dark"] .adk-live-panel__head,
[data-theme="dark"] .adk-live-panel__body h6,
[data-theme="dark"] .adk-live-item strong,
[data-theme="dark"] .shop-topbar__title,
[data-theme="dark"] .shop-modal__header .modal-title {
    color: var(--text);
}

/* Form alanları */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] .kr-input,
[data-theme="dark"] .shop-input,
[data-theme="dark"] .stk-input,
[data-theme="dark"] .adk-select,
[data-theme="dark"] .adk-textarea,
[data-theme="dark"] .krp-main .kr-input,
[data-theme="dark"] .krp-search input {
    background: var(--surface-alt);
    border-color: var(--line);
    color: var(--text);
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] .kr-input:focus,
[data-theme="dark"] .shop-input:focus,
[data-theme="dark"] .adk-select:focus,
[data-theme="dark"] .adk-textarea:focus {
    background: var(--surface-alt);
    border-color: var(--brand-500);
}

[data-theme="dark"] .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238593A8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

[data-theme="dark"] .form-check-input {
    background-color: var(--surface-alt);
    border-color: var(--line);
}

[data-theme="dark"] .form-check-input:checked {
    background-color: var(--brand-600);
    border-color: var(--brand-600);
}

/* Bileşen ayrıntıları */
[data-theme="dark"] .adk-course-card__media {
    background: linear-gradient(135deg, #221844 0%, #3A182C 100%);
}

[data-theme="dark"] .shop-card__media {
    background: linear-gradient(150deg, #1E2839 0%, #221844 100%);
}

[data-theme="dark"] .adk-expert-card__photo {
    background: linear-gradient(160deg, #221844 0%, #3A182C 100%);
}

[data-theme="dark"] .adk-empty {
    background: var(--surface-alt);
    border-color: var(--line);
}

[data-theme="dark"] .adk-info-strip {
    background: var(--info-50);
    border-color: #22376B;
}

[data-theme="dark"] .adk-alert--success { background: var(--ok-50);     color: #6EE7B7; }
[data-theme="dark"] .adk-alert--error   { background: var(--danger-50); color: #FCA5AD; }
[data-theme="dark"] .krp-warn,
[data-theme="dark"] .stk-waiting        { background: var(--warn-50);   color: #FCD9A0; border-color: #4A3A1C; }
[data-theme="dark"] .adk-note-box       { background: var(--info-50);   color: #9DBBF7; border-color: #22376B; }

[data-theme="dark"] .adk-pill--green { background: var(--ok-50);     color: #6EE7B7; }
[data-theme="dark"] .adk-pill--amber { background: var(--warn-50);   color: #FCD9A0; }
[data-theme="dark"] .adk-pill--gray  { background: var(--ink-100);   color: var(--ink-500); }

[data-theme="dark"] .adk-icon-action--red  { background: var(--danger-50); color: #FCA5AD; }
[data-theme="dark"] .adk-icon-action--blue { background: var(--info-50);   color: #9DBBF7; }
[data-theme="dark"] .adk-icon-action--gray { background: var(--ink-100);   color: var(--ink-500); }

[data-theme="dark"] .adk-thumb,
[data-theme="dark"] .krp-thumb,
[data-theme="dark"] .kr-pmodal__img {
    background: var(--surface-alt);
    border-color: var(--line);
}

[data-theme="dark"] .adk-filter {
    background: var(--surface);
    border-color: var(--line);
    color: var(--text-soft);
}

[data-theme="dark"] .page-link {
    background: var(--surface);
    border-color: var(--line);
}

[data-theme="dark"] .page-item.disabled .page-link {
    background: var(--surface-alt);
    border-color: var(--line-soft);
}

[data-theme="dark"] .kr-gender__opt span {
    background: var(--surface-alt);
    border-color: var(--line);
}

[data-theme="dark"] .kr-disease-tab {
    background: var(--surface-alt);
    border-color: var(--line);
    color: var(--text-soft);
}

[data-theme="dark"] .kr-disease-panel,
[data-theme="dark"] .kr-result-box {
    background: var(--surface-alt);
    border-color: var(--line-soft);
}

[data-theme="dark"] .krp-disease span {
    background: rgba(255, 255, 255, .04);
    border-color: var(--line);
}

[data-theme="dark"] .krp-side__nav a:hover,
[data-theme="dark"] .adk-side-link:hover {
    background: rgba(255, 255, 255, .06);
}

[data-theme="dark"] .shop-topbar,
[data-theme="dark"] .adk-admin-side {
    background: var(--ink-950);
}

[data-theme="dark"] .adk-video-box {
    background: var(--surface-alt);
}

[data-theme="dark"] .krp-ring__inner {
    background: var(--surface);
}

[data-theme="dark"] .kr-nutri,
[data-theme="dark"] .adk-live-panel {
    border-color: var(--line-soft);
}

[data-theme="dark"] .kr-nutri__table td {
    background: var(--surface);
    border-bottom-color: var(--line-soft);
    color: var(--text-soft);
}

[data-theme="dark"] .kr-nutri__table tr:nth-child(even) td {
    background: var(--surface-alt);
}

[data-theme="dark"] .shop-stepper {
    border-color: var(--line);
}

[data-theme="dark"] .shop-stepper button {
    background: var(--surface-alt);
    color: var(--text-soft);
}

[data-theme="dark"] .shop-stepper input {
    background: var(--surface);
    border-color: var(--line);
    color: var(--text);
}

[data-theme="dark"] *::-webkit-scrollbar-thumb {
    background: var(--ink-300);
    border-color: var(--canvas);
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
    [data-reveal],
    [data-reveal-stagger] > * {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* ==========================================================
   ADIM 18B — Karanlık mod eklemeleri
   ========================================================== */

[data-theme="dark"] .legal-page {
    background: var(--canvas);
}

[data-theme="dark"] .legal-body,
[data-theme="dark"] .term-item p {
    background: var(--surface);
    border-color: var(--line-soft);
}

[data-theme="dark"] .legal-head h1,
[data-theme="dark"] .legal-body h2,
[data-theme="dark"] .term-item__word {
    color: var(--text);
}

[data-theme="dark"] .legal-table {
    border-color: var(--line-soft);
}

[data-theme="dark"] .legal-table thead th {
    background: var(--surface-alt);
    color: var(--text-soft);
}

[data-theme="dark"] .legal-table tbody td {
    border-top-color: var(--line-soft);
}

[data-theme="dark"] .legal-callout--warn {
    background: var(--warn-50);
    color: #FCD9A0;
}

[data-theme="dark"] .legal-callout--ok {
    background: var(--ok-50);
    color: #6EE7B7;
}

[data-theme="dark"] .legal-link,
[data-theme="dark"] .legal-body a {
    color: var(--brand-300);
}

[data-theme="dark"] .term-item,
[data-theme="dark"] .term-row {
    background: var(--surface-alt);
    border-color: var(--line);
}

[data-theme="dark"] .term-item summary {
    background: var(--surface-alt);
}

[data-theme="dark"] .term-item summary:hover {
    background: var(--info-50);
}

[data-theme="dark"] .adk-portal-tag {
    background: var(--brand-100);
    color: var(--brand-300);
}

[data-theme="dark"] .adk-side-link--out:hover {
    background: rgba(255, 255, 255, .05);
}

/* ---------- Blog karanlık mod ---------- */

[data-theme="dark"] .blog-side__box,
[data-theme="dark"] .blog-card,
[data-theme="dark"] .blog-featured__item,
[data-theme="dark"] .blog-post__author {
    background: var(--surface);
    border-color: var(--line-soft);
}

[data-theme="dark"] .blog-card__body h3 a,
[data-theme="dark"] .blog-featured__body h3,
[data-theme="dark"] .blog-related__item strong,
[data-theme="dark"] .blog-related__title,
[data-theme="dark"] .blog-post__author strong,
[data-theme="dark"] .blog-author strong,
[data-theme="dark"] .blog-mine__top strong {
    color: var(--text);
}

[data-theme="dark"] .blog-post__lead {
    background: var(--brand-50);
    color: var(--text);
    border-left-color: var(--brand-500);
}

[data-theme="dark"] .blog-post__note {
    background: var(--warn-50);
    color: #FCD9A0;
    border-color: #4A3A1C;
}

[data-theme="dark"] .blog-notice {
    background: var(--info-50);
    color: #9DBBF7;
    border-color: #22376B;
}

[data-theme="dark"] .blog-side__count {
    background: var(--ink-100);
    color: var(--ink-500);
}

[data-theme="dark"] .blog-side__cta {
    background: linear-gradient(150deg, var(--brand-50) 0%, var(--accent-50) 100%);
    border-color: var(--brand-200);
}

[data-theme="dark"] .blog-mine__note {
    background: var(--danger-50);
    color: #FCA5AD;
}

/* ---------- Admin blog karanlık mod ---------- */

[data-theme="dark"] .adk-alert--warn {
    background: var(--warn-50);
    color: #FCD9A0;
}

[data-theme="dark"] .adk-icon-action--green { background: var(--ok-50);   color: #6EE7B7; }
[data-theme="dark"] .adk-icon-action--amber { background: var(--warn-50); color: #FCD9A0; }

[data-theme="dark"] .adk-code {
    background: var(--surface-alt);
    color: var(--brand-300);
}

[data-theme="dark"] .adk-editor {
    background: var(--surface-alt);
    color: var(--text);
}

/* ---------- Kurs modülü karanlık mod ---------- */

[data-theme="dark"] .class-tab,
[data-theme="dark"] .class-panel,
[data-theme="dark"] .course-card,
[data-theme="dark"] .course-detail,
[data-theme="dark"] .course-buy,
[data-theme="dark"] .course-total {
    background: var(--surface);
    border-color: var(--line-soft);
}

[data-theme="dark"] .class-tab__text strong,
[data-theme="dark"] .class-panel__head h2,
[data-theme="dark"] .course-card__body h3 a,
[data-theme="dark"] .course-detail h1,
[data-theme="dark"] .course-detail h2,
[data-theme="dark"] .course-related__title,
[data-theme="dark"] .course-related__item strong,
[data-theme="dark"] .checkout-item strong,
[data-theme="dark"] .course-total strong {
    color: var(--text);
}

[data-theme="dark"] .lesson-tag--free  { background: var(--ok-50);     color: #6EE7B7; }
[data-theme="dark"] .lesson-tag--owned { background: var(--brand-100); color: var(--brand-300); }
[data-theme="dark"] .lesson-tag--paid  { background: var(--accent-50); color: #FB93B8; }
[data-theme="dark"] .lesson-tag--time  { background: var(--ink-100);   color: var(--ink-500); }

[data-theme="dark"] .course-buy__owned {
    background: var(--ok-50);
    color: #6EE7B7;
}

[data-theme="dark"] .course-term {
    background: var(--info-50);
    border-color: #22376B;
    color: #9DBBF7;
}

[data-theme="dark"] .course-hero__play {
    background: rgba(21, 30, 48, .92);
    color: var(--text);
}

/* ---------- Video ve canlı ders karanlık mod ---------- */

[data-theme="dark"] .live-card,
[data-theme="dark"] .live-locked,
[data-theme="dark"] .dropzone,
[data-theme="dark"] .video-source__opt > span {
    background: var(--surface);
    border-color: var(--line);
}

[data-theme="dark"] .live-card__top h3,
[data-theme="dark"] .live-section__title,
[data-theme="dark"] .dropzone__title,
[data-theme="dark"] .video-source__opt > span strong {
    color: var(--text);
}

[data-theme="dark"] .live-card__date {
    background: var(--surface-alt);
    border-color: var(--line);
}

[data-theme="dark"] .live-card__day {
    color: var(--brand-300);
}

[data-theme="dark"] .live-now {
    background: var(--accent-50);
    color: #FB93B8;
}

[data-theme="dark"] .live-note {
    background: var(--info-50);
    color: #9DBBF7;
    border-color: #22376B;
}

[data-theme="dark"] .dropzone:hover,
[data-theme="dark"] .dropzone.is-over,
[data-theme="dark"] .video-source__opt.is-on > span {
    background: var(--brand-50);
}

[data-theme="dark"] .dropzone.has-file,
[data-theme="dark"] .video-current {
    background: var(--ok-50);
    border-color: #1C4A38;
}

[data-theme="dark"] .video-current strong {
    color: #6EE7B7;
}

[data-theme="dark"] .dropzone__file {
    background: var(--surface-alt);
}

[data-theme="dark"] .portal-tab:hover,
[data-theme="dark"] .portal-tab.active {
    color: var(--brand-300);
}

/* ---------- 20B karanlık mod ---------- */

[data-theme="dark"] .dz,
[data-theme="dark"] .kr-auth__card,
[data-theme="dark"] .kr-auth__sep span {
    background: var(--surface);
    border-color: var(--line-soft);
}

[data-theme="dark"] .dz__block h4 {
    color: var(--text);
    border-bottom-color: var(--line-soft);
}

[data-theme="dark"] .dz__list li > i {
    background: var(--ok-50);
    color: #6EE7B7;
}

[data-theme="dark"] .dz__list--food li > i {
    background: var(--warn-50);
    color: #FCD9A0;
}

[data-theme="dark"] .dz__note {
    background: var(--warn-50);
    color: #FCD9A0;
    border-color: #4A3A1C;
}

[data-theme="dark"] .kr-auth {
    background: linear-gradient(160deg, #1B0F1A 0%, #150D22 55%, #1B0F1A 100%);
}

[data-theme="dark"] .krp-disease__info {
    background: rgba(255, 255, 255, .05);
    border-color: var(--line);
    color: var(--accent-300);
}

[data-theme="dark"] .dz-admin__group-head {
    color: var(--text);
    border-bottom-color: var(--line-soft);
}

/* ---------- İkon seçici karanlık mod ---------- */

[data-theme="dark"] .icon-pick,
[data-theme="dark"] .icon-cell {
    background: var(--surface-alt);
    border-color: var(--line);
}

[data-theme="dark"] .icon-pick:hover,
[data-theme="dark"] .icon-cell:hover {
    background: var(--brand-50);
    border-color: var(--brand-400);
}

[data-theme="dark"] .icon-pick > i {
    background: var(--brand-100);
    color: var(--brand-300);
}

[data-theme="dark"] .icon-cell i {
    color: var(--brand-300);
}

[data-theme="dark"] .icon-group h6 {
    border-bottom-color: var(--line-soft);
}

/* ---------- 21A karanlık mod ---------- */

[data-theme="dark"] .publish-done {
    background: var(--ok-50);
    border-color: #1C4A38;
}

[data-theme="dark"] .publish-done strong {
    color: #6EE7B7;
}

[data-theme="dark"] .live-rec__note {
    background: var(--info-50);
    color: #9DBBF7;
}

[data-theme="dark"] .live-card--past .live-card__date {
    background: var(--surface-alt);
}

[data-theme="dark"] .grant-list {
    border-color: var(--line);
}

[data-theme="dark"] .grant-item:hover {
    background: var(--brand-50);
}

[data-theme="dark"] .grant-item__text strong {
    color: var(--text);
}

[data-theme="dark"] .grant-item__box {
    border-color: var(--line);
}

/* ---------- Uzman paneli karanlık mod ---------- */

[data-theme="dark"] .expert-hero,
[data-theme="dark"] .expert-card {
    background: var(--surface);
    border-color: var(--line-soft);
}

[data-theme="dark"] .expert-hero {
    background: linear-gradient(135deg, var(--brand-50) 0%, var(--accent-50) 100%);
}

[data-theme="dark"] .expert-hero__text h1,
[data-theme="dark"] .expert-card__body h3,
[data-theme="dark"] .expert-post-row__text strong {
    color: var(--text);
}

[data-theme="dark"] .expert-hero__title {
    background: var(--surface-alt);
    color: var(--brand-300);
}

[data-theme="dark"] .expert-reject {
    background: var(--danger-50);
    border-color: #4A1C22;
}

[data-theme="dark"] .expert-reject strong,
[data-theme="dark"] .expert-reject span {
    color: #FCA5AD;
}

[data-theme="dark"] .adk-portal-tag--expert {
    background: var(--ok-50);
    color: #6EE7B7;
}

[data-theme="dark"] .qa-block--q {
    background: var(--surface-alt);
    border-left-color: var(--ink-400);
}

[data-theme="dark"] .qa-block--q .qa-block__tag {
    background: var(--ink-200);
    color: var(--ink-600);
}

[data-theme="dark"] .qa-block--a {
    background: var(--brand-50);
}